|
@@ -18,37 +18,70 @@
|
|
|
<!-- 列表 -->
|
|
|
<view class="shopList">
|
|
|
<view v-for="(item,index) in shopData" :key="index">
|
|
|
-
|
|
|
- <!-- shopBox -->
|
|
|
- <view class="shopBox" @click="goAppraise(item)" >
|
|
|
- <view class=" shopTop">
|
|
|
-
|
|
|
- <view class="shopName">{{item.ShopName}}</view>
|
|
|
-
|
|
|
+
|
|
|
+ <!-- shopBox 待点评 -->
|
|
|
+ <view class="shopBox" @click="goAppraise(item)" v-if="tabIndex == 0">
|
|
|
+ <view class=" shopTop">
|
|
|
+
|
|
|
+ <view class="shopName">{{item.ShopName}}</view>
|
|
|
+
|
|
|
<!-- 订单状态 1 待提交 2 待作业 3 待点评 4 待回复 5 已完成 -->
|
|
|
<view class="type" v-if="item.State == 1">待提交</view>
|
|
|
<view class="type" v-if="item.State == 2">待作业</view>
|
|
|
<view class="type" v-if="item.State == 3">待点评</view>
|
|
|
<view class="type" v-if="item.State == 4">待回复</view>
|
|
|
- <view class="type" v-if="item.State == 5">已完成</view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <!-- 第2行 -->
|
|
|
- <view class="bottomView">
|
|
|
- <!-- 运营经理 -->
|
|
|
- <view class="manager">{{item.ManagerName}} · {{item.CheckTime}}</view>
|
|
|
- <!-- 评分 -->
|
|
|
- <view class="score" v-if="item.ShopScore">{{item.ShopScore}}分</view>
|
|
|
- </view>
|
|
|
+ <view class="type" v-if="item.State == 5">已完成</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 第2行 -->
|
|
|
+ <view class="secondView">
|
|
|
+ <!-- 运营经理 -->
|
|
|
+ <view class="manager">{{item.ManagerName}} · {{item.CheckTime.slice(0,item.CheckTime.length-8)}}</view>
|
|
|
+ <!-- 评分 -->
|
|
|
+ <view class="score" v-if="item.ShopScore">{{item.ShopScore}}分</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 点评 -->
|
|
|
+ <view class="bottomView">
|
|
|
+ <view class="reviews" @click="goReviews(item)">点评</view>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 点评 -->
|
|
|
- <view class="reviews" @click="goReviews(item)">点评</view>
|
|
|
-
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- shopBox 点评历史 -->
|
|
|
+ <view class="shopBox" v-if="tabIndex == 1">
|
|
|
+ <view class="shopTop">
|
|
|
+
|
|
|
+ <view class="shopName">对{{item.ManagerName}}的服务评价</view>
|
|
|
+
|
|
|
+ <!-- 星星 -->
|
|
|
+
|
|
|
+ <!-- <uni-rate :value="3" color="#EEEEEE" active-color="#FF4F00" :size="32" :readonly="true" /> -->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 第2行 -->
|
|
|
+ <view class="contentMes">{{item.UserEvaContent}}</view>
|
|
|
+
|
|
|
+ <view class="timeView">
|
|
|
+ <!-- 时间 -->
|
|
|
+ <view class="time">{{item.UserEvaTime}}</view>
|
|
|
+ <!-- 评价人 -->
|
|
|
+ <view class="appraiser">{{item.UserEvaOpName}}</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
<!-- 上拉 加载更多 -->
|
|
@@ -70,10 +103,11 @@
|
|
|
data() {
|
|
|
return {
|
|
|
tabIndex: 0,
|
|
|
- status: '',
|
|
|
+ status: '0',
|
|
|
shopData: [],
|
|
|
page: 1,
|
|
|
- noMoreShow: false,
|
|
|
+ noMoreShow: false,
|
|
|
+ rateValue:2,
|
|
|
|
|
|
}
|
|
|
},
|
|
@@ -93,7 +127,6 @@
|
|
|
tabClick(num) {
|
|
|
this.tabIndex = num;
|
|
|
|
|
|
-
|
|
|
this.status = num;
|
|
|
|
|
|
this.page = 1;
|
|
@@ -131,7 +164,8 @@
|
|
|
} else {
|
|
|
this.shopData = this.shopData.concat(list)
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ console.log(this.shopData);
|
|
|
})
|
|
|
},
|
|
|
|
|
@@ -233,7 +267,7 @@
|
|
|
margin-left: 10rpx;
|
|
|
}
|
|
|
|
|
|
- .bottomView {
|
|
|
+ .secondView {
|
|
|
padding: 28rpx 20rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
@@ -249,6 +283,10 @@
|
|
|
font-size: 28rpx;
|
|
|
color: #B98B5D;
|
|
|
}
|
|
|
+ .bottomView {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
.reviews{
|
|
|
width: 150rpx;
|
|
|
height: 56rpx;
|
|
@@ -258,10 +296,28 @@
|
|
|
text-align: center;
|
|
|
border-radius: 28rpx;
|
|
|
border: 2rpx #FF4F00 solid;
|
|
|
- position: relative;
|
|
|
- right: 20rpx;
|
|
|
- top: 20rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
}
|
|
|
+
|
|
|
+ .contentMes{
|
|
|
+ padding: 20rpx;
|
|
|
+ color: #666666;
|
|
|
+ font-size: 26rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ .timeView{
|
|
|
+ padding: 20rpx 20rpx 30rpx 20rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ }
|
|
|
+ .time,
|
|
|
+ .appraiser{
|
|
|
+ color: #999999;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
|
|
|
/* 空白页css */
|
|
|
.nodataBox {
|