Skip to content

M
mallapp
Commit bc534b47 authored by 吴春's avatar 吴春
Browse files
Options

提交小程序评价标签以及规格日期选择

parent 050875fa
Show whitespace changes
Inline Side-by-side
Showing with 532 additions and 470 deletions
components/goods/goodsku.vue
View file @ bc534b47
......@@ -47,7 +47,8 @@
<!--x.isdateformat=1 改成日历模式 -->
<view class="sku-title">{{ x.attr_group_name }} </view>
<view>
<calendar @finish="chosenDateResult" :defaultDate="x.attr_list[0].attr_name" :immediately="true" :priceList="x.attr_list"></calendar>
<calendar @finish="chosenDateResult" :defaultDate="getDefaultDate(x.attr_list[0].attr_name)" :immediately="true"
:priceList="x.attr_list"></calendar>
</view>
</view>
</scroll-view>
......@@ -245,6 +246,16 @@
);
},
methods: {
getDefaultDate(item) {
var result = item;
if (this.skuObj && this.skuObj.attr_list && this.skuObj.attr_list.length > 0 &&this.g.mall_id==19&&this.g.mch_id==29) {
var tempItem = this.skuObj.attr_list[0];
if (tempItem && tempItem.attr_name) {
result = tempItem.attr_name;
}
}
return result;
},
chosenDateResult(result) {
for (let index = 0; index < this.g.attr_groups.length; index++) {
for (let j = 0; j < this.g.attr_groups[index].attr_list.length; j++) {
......@@ -486,13 +497,12 @@
}
});
}
if (this.g.attr_groups && this.g.attr_groups.length > 0) {
this.g.attr_groups.forEach((x, index) => {
if (x.isdateformat == 1) {
if (x.attr_list && x.attr_list.length > 0) {
x.attr_list.forEach((subItem, subIndex) => {
var newSign = (subIndex + 1) + ":" + priceSign;
var newSign = subItem.attr_id + ":" + priceSign;
if (this.g.attr && this.g.attr.length) {
this.g.attr.forEach(y => {
if (y.sign_id == newSign) {
......@@ -506,7 +516,7 @@
}
});
}
console.log("this.g.attr_groups", this.g.attr_groups)
if (this.g.attr && this.g.attr.length) {
this.g.attr.forEach(x => {
if (x.sign_id == sign) {
......
components/goods/sign/index.vue
View file @ bc534b47
......@@ -6,9 +6,16 @@
<view v-for="(item,index) in d" class="fontw100" :class="[active==item.Id?'active':'']" :style="{'color':active==item.Id?mainColor:''}"
@click="changeHandler(item.Id)">
<view>{{item.Name}}</view>
<template v-if="item.minprices">
<text class="fontw100" :style="{'color':mainColor}">￥{{item.minprices}}
<text>起</text>
</text>
</template>
<template v-else>
<text class="fontw100" :style="{'color':mainColor}">
<text>暂无团期</text>
</text>
</template>
<view class="tabsLine" :style="{'background':active==item.Id?mainColor:''}"></view>
</view>
</view>
......@@ -218,6 +225,7 @@
watch: {
defaultDate(newVal) {
console.log("newVal",newVal)
this.userDefaultDate = newVal;
if (this.userDefaultDate != "") {
this.start = this.setDefaultDate(this.userDefaultDate);
......@@ -271,8 +279,8 @@
}
},
methods: {
getMinPrice(){
this.d.forEach(x=>{
getMinPrice() {
this.d.forEach(x => {
x.prices = []
})
for (let i = 0; i < this.priceList.length; i++) {
......
node_modules/uview-ui/components/u-tabs/u-tabs.vue
View file @ bc534b47
......@@ -3,12 +3,12 @@
background: bgColor
}">
<scroll-view scroll-x class="u-scroll-view" :scroll-left="scrollLeft" scroll-with-animation>
<view class="u-scroll-box" :class="{'u-tabs-scorll-flex': !isScroll}">
<view class="u-scroll-box" :class="{'u-tabs-scorll-flex': !isScroll,'u-tabs-scorll-flexWrap': isWrap}">
<view class="u-tab-item" :id="'u-tab-item-' + index" v-for="(item, index) in list" :key="index" @tap="clickTab(index)"
:style="[tabItemStyle(index)]">
{{ item[name] || item['name']}}
</view>
<view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view>
<view v-if="showBar&&!isWrap" class="u-tab-bar" :style="[tabBarStyle]"></view>
</view>
</scroll-view>
</view>
......@@ -42,6 +42,11 @@
export default {
name: "u-tabs",
props: {
// 是否换行
isWrap: {
type: Boolean,
default: false
},
// 导航菜单是否需要滚动，如只有2或者3个的时候，就不需要滚动了，此时使用flex平分tab的宽度
isScroll: {
type: Boolean,
......@@ -193,7 +198,7 @@
return (index) => {
let style = {
height: this.height + 'rpx',
'line-height': this.height + 'rpx',
// 'line-height': this.height + 'rpx',
fontSize: this.fontSize + 'rpx',
'transition-duration': `${this.duration}s`,
padding: this.isScroll ? `0 ${this.gutter}rpx` : '',
......@@ -335,4 +340,7 @@
display: flex;
justify-content: space-between;
}
.u-tabs-scorll-flexWrap{
flex-wrap: wrap;
}
</style>
pages/goods/comment-list.vue
View file @ bc534b47
<template>
<view class="comment-list" >
<u-tabs
name="name"
:list="list"
:is-scroll="false"
:active-color="mc"
:current="current"
@change="tabsChange"
></u-tabs>
<view class="comment-list">
<u-tabs name="name" :list="list" :is-scroll="false" :is-wrap="true" :active-color="mc" :current="current"
:item-style="activeItemStyle" :height="60" @change="tabsChange"></u-tabs>
<view class="comment-details" style="heigh: calc(100% - 40px);" v-if="comments.length>0">
<scroll-view
:scroll-y="true"
@scrolltolower="lower"
:enable-back-to-top="true"
:enable-flex="true"
style="height: 100%; padding-bottom: 0px;"
>
<scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true"
style="height: 100%; padding-bottom: 0px;">
<view class="comment">
<view class="content" v-for="(x, i) in comments" :key="i">
<view class="u-box">
<view class="user">
<u-avatar :src="x.UserPhotoPath" :size="50"></u-avatar>
<text style="margin:0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 130px;">{{ x.UserName }}</text>
<u-rate
:current="x.CommentScore"
active-color="#FA3534"
inactive-color="#b2b2b2"
active-icon="star"
inactive-icon="star-o"
size="20"
:disabled="true"
></u-rate>
<text
style="margin:0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 130px;">{{ x.UserName }}</text>
<u-rate :current="x.CommentScore" active-color="#FA3534" inactive-color="#b2b2b2"
active-icon="star" inactive-icon="star-o" size="20" :disabled="true"></u-rate>
</view>
<view class="timer">{{ x.CreateDate }}</view>
</view>
<view class="ucontent">{{ x.Content }}</view>
<view class="imagebox" v-for="(y, yi) in x.formatPic" :key="yi">
<view
class="item"
v-for="(z, zi) in y"
:key="zi"
:style="{ 'max-width': yi == 0 ? 'unset' : '31.9%' }"
>
<view class="item" v-for="(z, zi) in y" :key="zi"
:style="{ 'max-width': yi == 0 ? 'unset' : '31.9%' }">
<view class="scal" @click="previewImage(zi,yi,x.CommentImgList)">
<image :src="z" mode="aspectFill" class="image" />
<view
class="more"
v-if="
<view class="more" v-if="
x.pic_url.length > 4 &&
(yi + 1) * (zi + 1) == x.pic_url.length
"
>
">
<view style="width: 100%;">
<view class="big">5图</view>\n\r
<view class="small">查看全部</view>
......@@ -66,26 +42,16 @@
</view>
</view>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#fff"
/>
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
bg-color="#fff" />
</scroll-view>
</view>
<u-empty
text="没有找到相关评论"
mode="news"
v-else
></u-empty>
<u-empty text="没有找到相关评论" mode="news" v-else></u-empty>
</view>
</template>
<script>
export default {
export default {
data() {
return {
current: 0, // tabs组件的current值，表示当前活动的tab选项
......@@ -99,17 +65,22 @@ export default {
pageTitle: "全部评论",
status: "loadmore",
isover: false,
list:[],
list: [],
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多评论了",
},
msg:{
pageIndex:1,
pageSize:20,
GoodsId:0,
CommentGrade:0
msg: {
pageIndex: 1,
pageSize: 20,
GoodsId: 0,
CommentGrade: 0,
CommentLabelId: 0,
},
activeItemStyle:{
'flex-wrap': 'wrap',
}
};
},
......@@ -122,14 +93,14 @@ export default {
this.getCommentStatistics()
},
methods: {
previewImage(i,i2,images) {
let current = (i2)*3 + i
previewImage(i, i2, images) {
let current = (i2) * 3 + i
uni.previewImage({
urls: images,
current: current,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function (data) {
success: function(data) {
console.log(
"选中了第" +
(data.tapIndex + 1) +
......@@ -138,7 +109,7 @@ export default {
"张图片"
);
},
fail: function (err) {
fail: function(err) {
console.log(err.errMsg);
},
},
......@@ -147,9 +118,8 @@ export default {
initPage() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = uni.getStorageSync("basedata")
? uni.getStorageSync("basedata").bar_title
: [];
let pages = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").bar_title : [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
......@@ -159,23 +129,26 @@ export default {
title: this.pageTitle,
});
},
getCommentStatistics(){
this.request2(
{
getCommentStatistics() {
this.request2({
url: "/api/AppletOrder/GetAppletGoodsCommentStatistics",
data: {
GoodsId:this.id
GoodsId: this.id
},
},
(res) => {
let data = res.data.List
data.forEach(x=>{
x.name = x.Name+'(' + x.Count + ')'
data.forEach(x => {
x.name = x.Name + '(' + x.Count + ')'
})
data.unshift({
name: '全部',
Id: 0
})
data.unshift({name:'全部',Id:0})
this.list = data
this.msg.CommentGrade = data[0].Id
this.msg.CommentLabelId = 0
this.init();
}
);
......@@ -184,9 +157,8 @@ export default {
this.isover = false;
this.loading = true;
this.showLoading = this.page != 1;
this.msg.GoodsId=this.id;
this.request2(
{
this.msg.GoodsId = this.id;
this.request2({
url: "/api/AppletOrder/GetAppletGoodsCommentPageList",
data: this.msg,
},
......@@ -238,9 +210,17 @@ export default {
tabsChange(index) {
this.current = index;
this.msg.pageIndex = 1;
if (this.list[index].Type == 1) {
this.msg.CommentGrade = this.list[index].Id
this.msg.CommentLabelId = 0
} else if (this.list[index].Type == 2) {
this.msg.CommentLabelId = this.list[index].Id
this.msg.CommentGrade = 0
}
this.init()
this.page=1
this.page = 1
},
lower(e) {
if (this.page < this.pageCount) {
......@@ -255,113 +235,116 @@ export default {
}
},
},
};
};
</script>
<style>
.comment-list {
.comment-list {
width: 100vw;
height: 100vh;
overflow: hidden;
font-family: aa;
}
.comment-list .comment-details {
}
.comment-list .comment-details {
height: calc(100% - 40px);
padding: 10px 0 0 0;
}
.comment-list .comment-details .comment {
}
.comment-list .comment-details .comment {
/* margin: 10px 0;
background: #fff;
padding: 10px; */
}
.comment-list .comment-details .comment .chead {
}
.comment-list .comment-details .comment .chead {
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
}
.comment-list .comment-details .comment .content {
}
.comment-list .comment-details .comment .content {
display: flex;
flex-direction: column;
margin-bottom: 10px;
padding: 10px;
background: #fff;
}
.comment-list .comment-details .comment .content .u-box {
}
.comment-list .comment-details .comment .content .u-box {
display: flex;
margin-bottom: 10px;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.comment-list .comment-details .comment .content .u-box .user {
}
.comment-list .comment-details .comment .content .u-box .user {
flex: 1;
font-size: 12px;
color: gray;
align-items: center;
display: flex;
}
.comment-list .comment-details .comment .content .u-box .timer {
}
.comment-list .comment-details .comment .content .u-box .timer {
font-size: 12px;
color: gray;
text-align: right;
flex: 1;
}
.comment-list .comment-details .comment .content .u-box .ucontent {
}
.comment-list .comment-details .comment .content .u-box .ucontent {
font-size: 12px;
color: #000;
margin-top: 10px;
}
.comment-list .comment-details .comment .content .imagebox {
}
.comment-list .comment-details .comment .content .imagebox {
display: flex;
/* justify-content:space-evenly; */
margin-right: -5px;
margin-bottom: -5px;
margin-top: 5px;
/* flex-wrap: wrap; */
}
.comment-list .comment-details .comment .content .imagebox .item {
}
.comment-list .comment-details .comment .content .imagebox .item {
flex: 1;
max-width: 70vw;
margin-right: 5px;
margin-bottom: 5px;
min-width: 31.9%;
}
.comment-list .comment-details .comment .content .imagebox .item .scal {
}
.comment-list .comment-details .comment .content .imagebox .item .scal {
width: 100%;
padding-bottom: 100%;
height: 0;
position: relative;
overflow: hidden;
}
.comment-list .comment-details .comment .content .imagebox .item .scal .image {
}
.comment-list .comment-details .comment .content .imagebox .item .scal .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
height: 100%;
}
.comment-list
.comment-details
.comment
.content
.imagebox
.item:first-child
.scal {
}
.comment-list .comment-details .comment .content .imagebox .item:first-child .scal {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.comment-list
.comment-details
.comment
.content
.imagebox
.item:last-child
.scal {
}
.comment-list .comment-details .comment .content .imagebox .item:last-child .scal {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.comment-list .comment-details .comment .content .imagebox .item .scal .more {
}
.comment-list .comment-details .comment .content .imagebox .item .scal .more {
position: absolute;
top: 0;
left: 0;
......@@ -372,39 +355,38 @@ export default {
color: #fff;
display: flex;
align-items: center;
}
.comment-list
.comment-details
.comment
.content
.imagebox
.item
.scal
.more
.big {
}
.comment-list .comment-details .comment .content .imagebox .item .scal .more .big {
font-size: 18px;
font-weight: 500;
text-align: center;
margin-bottom: 5px;
}
.comment-list
.comment-details
.comment
.content
.imagebox
.item
.scal
.more
.small {
}
.comment-list .comment-details .comment .content .imagebox .item .scal .more .small {
font-size: 14px;
text-align: center;
}
.comment-list .reply{
}
.comment-list .reply {
width: 100%;
padding: 10px;
background: #F5F6F7;
border-radius: 3px;
margin-top: 10px;
}
}
/deep/ .comment-list .u-tab-item {
margin: 5px;
padding: 5px 10px;
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 50px;
font-size: 12px;
color: #666;
height:32px;
line-height:20px;
}
</style>
\ No newline at end of file
pages/goods/goods.vue
View file @ bc534b47
......@@ -306,7 +306,10 @@
<view class="label">选择</view>
<view class="content">
<view class="sku-chosen" @click="chosenSku">
<view class="sku">{{ currentSku.attr_list.length > 0 ? '已' : '请' }}选择 {{ sku }}</view>
<view class="sku">
<template v-if="currentSku&&currentSku.attr_list && currentSku.attr_list.length > 0">已选择 {{ sku }}</template>
<template v-else>请选择 {{ sku }}</template>
</view>
<view class="arrow">
<u-icon name="arrow" :size="32" color="#111"></u-icon>
</view>
......@@ -613,16 +616,7 @@
let basedata = uni.getStorageSync("basedata") ? uni.getStorageSync("basedata") : '';
this.AppletID = basedata.home_pages.id ? basedata.home_pages.id : 0;
this.u = uni.getStorageSync("mall_UserInfo");
// if (!this.u) {
// this.u = {
// nickName: "未登录",
// avatarUrl: "",
// };
// this.showAuth = true;
// } else {
// this.init();
// this.initPage();
// }
this.initPage();
this.getVipId();
......@@ -701,9 +695,7 @@
this.init();
},
methods: {
// counter() {
// document.querySelector("#productId");
// },
// tob切换
change(index) {
this.current = index;
......@@ -712,26 +704,7 @@
console.log(e);
},
initImages() {
// let that = this;
// let info = uni.createSelectorQuery().in(this);
// info
// .select(".goods")
// .boundingClientRect((data) => {
// console.log("得到布局位置信息" + JSON.stringify(data));
// })
// .exec();
// info
// .boundingClientRect(function (data) {
// console.log(data)
// })
// .exec();
// wx.createSelectorQuery()
// .selectAll("#goodpic")
// .fields({ rect: true })
// .exec(res => {
// console.log(res);
// });
},
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
......@@ -772,7 +745,6 @@
if (res.data) {
this.vipState = res.data.VIPModel;
}
// this.initRecommend();
}
);
},
......@@ -795,7 +767,8 @@
if (res.resultCode == 1) {
this.g = res.data.goods;
// 报名限制数组
res.data.goods.edu_data && res.data.goods.edu_data.ClassCondition && res.data.goods.edu_data.ClassCondition.forEach(
res.data.goods.edu_data && res.data.goods.edu_data.ClassCondition && res.data.goods
.edu_data.ClassCondition.forEach(
item2 => {
if (item2.ItemType == 1) {
this.ItemType1.push(item2)
......@@ -909,8 +882,8 @@
},
(res) => {
this.comments = res.data.pageData;
console.log("1111", this.comments)
// this.initRecommend();
},
(err) => {
this.u = uni.getStorageSync("mall_UserInfo");
......@@ -1273,7 +1246,7 @@
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* -webkit-line-clamp: 2;
/* -webkit-line-clamp: 2;
-webkit-box-orient: vertical; */
font-size: 16px;
/* height: 45px; */
......
pages/order/order-commit-details.vue
View file @ bc534b47
......@@ -13,6 +13,12 @@
</view>
<view class="content-box">
<view class="title-box">输入评价内容</view>
<view class="classifyBigBox">
<view class="oneClassify flex" :class="{selectActive:selected[item.Id]==true}" v-for="(item,i) in LabelIdList"
@click="onSelectClassify(item.Id)">
{{item.Name}}
</view>
</view>
<view class="editor-box">
<view class="editor-icon">
<u-icon name="edit" size="36"></u-icon>
......@@ -54,13 +60,17 @@
Content: "",
OrderDetailId: 0,
CommentImgList: [],
CommentScore: 5
CommentScore: 5,
LabelIds:'',
},
submitStatus: false,
goodsName: "",
goodsPic: "",
action: this.host2 + "/api/File/UploadTencent",
fileList: [],
LabelIdList: [],
selected: [],
selectedLabelId: [],
};
},
onLoad(option) {
......@@ -71,6 +81,7 @@
this.goodsName = param.GoodsName;
this.goodsPic = param.CoverImage;
}
this.GetCommentLabel()
},
mounted() {
uni.setNavigationBarTitle({
......@@ -78,10 +89,21 @@
});
this.mc = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo")
.MallBaseId : 1;
this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
},
methods: {
onSelectClassify(id) {
this.$set(this.selected, id, !this.selected[id]) //动态更新视图数据
let index = this.selectedLabelId.findIndex(item => item == id)
if (index == -1) {
this.selectedLabelId.push(id)
} else {
this.selectedLabelId = this.selectedLabelId.filter(item => item !== id);
}
},
uploadSuccessHandler(data, index, lists) {
let r = JSON.parse(data);
this.msg.CommentImgList.push(r.data);
......@@ -89,8 +111,21 @@
change(val) {
this.msg.CommentScore = val
},
GetCommentLabel() {
this.request2({
url: "/api/order/GetCommentLabelList",
data: {},
},
(res) => {
this.LabelIdList = res.data;
}
);
},
submitForm() {
this.submitStatus = true;
if(this.selectedLabelId){
this.msg.LabelIds=this.selectedLabelId.join(',')
}
if (this.msg.CommentScore > 0) {
this.request2({
url: "/api/AppletOrder/SetGoodsCommentInfo",
......@@ -134,6 +169,52 @@
</script>
<style>
.commit-detail .classifyBigBox {
margin: 27rpx 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30rpx;
font-size: 10px;
}
.commit-detail .oneClassify {
display: flex;
align-items: center;
padding: 17rpx;
justify-content: center;
background: F7F7F7;
border-radius: 13rpx;
background: #F5F5F5;
color: #696969;
border: 2rpx solid #dedede;
}
.commit-detail .selectActive {
background: #ff547b;
color: #FFFFFF;
}
.commit-detail .tl-btn-120 {
width: 180rpx;
padding: 17rpx;
background: F7F7F7;
color: #999;
border-radius: 13rpx;
border: 2rpx solid #dedede;
text-align: center;
}
.commit-detail .onConfirmFiltrate {
width: 180rpx;
padding: 17rpx;
background: #2851F3;
color: #FFFFFF;
border-radius: 13rpx;
text-align: center;
margin-left: 20rpx;
}
.commit-detail {
background: #faf8f9;
height: 100vh;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment