按需修改评价功能

liujun001
1 parent 49211d9b
Showing 5 changed files with 66 additions and 49 deletions
garbage-removal/src/pages/order-info/order-driver/detail/index.vue
garbage-removal/src/pages/order-info/order-other/detail/index.vue
garbage-removal/src/pages/order-info/order-other/evaluate-info/index.vue
garbage-removal/src/pages/order/order-other/swiper-list-item/index.vue
garbage-removal/src/pages/wode-info/wode-info-other-order/index.vue
@@ -185,10 +185,10 @@
             v-if="dataGram.garEvaluateFlag === 0 && userType === '用户'" shape="square" color="#a9e08f"
             text="去评价"></u-button>
           <u-button @click="handleEvaluate(orderId, userType)"
-            v-if="dataGram.garHandlerEvaluateFlag === 0 && userType === '运输企业负责人'" shape="square" color="#a9e08f"
-            text="去评价"></u-button>
+            v-if="dataGram.garHandlerEvaluateFlag === 0 && userType === '运输企业负责人' && dataGram.haveEvaluateOfClient==1" shape="square" color="#a9e08f"
+            text="查看评价" ></u-button>
           <u-button @click="handleEvaluateDetail(orderId, userType)"
-            v-if="dataGram.garHandlerEvaluateFlag === 1 && userType === '运输企业负责人'" shape="square" color="#a9e08f"
+            v-if="dataGram.garHandlerEvaluateFlag === 1 && userType === '运输企业负责人' && dataGram.haveEvaluateOfClient==1" shape="square" color="#a9e08f"
             text="查看评价"></u-button>
           <u-button @click="handleEvaluateDetail(orderId, userType)"
             v-if="dataGram.garEvaluateFlag === 1 && userType === '用户'" shape="square" color="#a9e08f"
@@ -220,10 +220,10 @@
             v-if="dataGram.garEvaluateFlag === 0 && userType === '用户'" shape="square" color="#19a97c"
             text="去评价"></u-button>
           <u-button @click="handleEvaluate(orderId, userType)"
-            v-if="dataGram.garHandlerEvaluateFlag === 0 && userType === '运输企业负责人'" shape="square" color="#19a97c"
-            text="去评价"></u-button>
+            v-if="dataGram.garHandlerEvaluateFlag === 0 && userType === '运输企业负责人'  && dataGram.haveEvaluateOfClient==1" shape="square" color="#19a97c"
+            text="查看评价"></u-button>
           <u-button @click="handleEvaluateDetail(orderId, userType)"
-            v-if="dataGram.garHandlerEvaluateFlag === 1 && userType === '运输企业负责人'" shape="square" color="#19a97c"
+            v-if="dataGram.garHandlerEvaluateFlag === 1 && userType === '运输企业负责人'  && dataGram.haveEvaluateOfClient==1" shape="square" color="#19a97c"
             text="查看评价"></u-button>
           <u-button @click="handleEvaluateDetail(orderId, userType)"
             v-if="dataGram.garEvaluateFlag === 1 && userType === '用户'" shape="square" color="#19a97c"
 <template>
   <view class="page-evaluate">
-    <view class="evaluate-user-box">
+    <view class="evaluate-user-box" v-for="(data,key,index) in evaluteData" :index="index">
       <view class="user-info-title">
         <u-avatar :src="pic" size="70"></u-avatar>
-        <view class="user-name">
-          用户
-        </view>
+        <view class="user-name" v-if="data.garEvaluateTarget == 0">用户</view>
+        <view class="user-name" v-else>运输企业负责人</view>
       </view>
-      <view v-if="evaluateUser" class="evaluate-content">
-        <view class="evaluate-score">
-          <u-icon v-for="todo in maxStar" :name="evaluateUser.garEvaluateScore > todo ? 'star-fill' : 'star'"
-            :key="todo" color="#f9ae3d" size="28"></u-icon>
+      <view  class="evaluate-content">
+        <view class="evaluate-score" v-if="data.garEvaluateScore > -1">
+          <u-icon v-for="todo in maxStar" :name="data.garEvaluateScore > todo ? 'star-fill' : 'star'" :key="todo" color="#f9ae3d" size="28"></u-icon>
         </view>
         <view class="evaluate-txt">
-          {{ evaluateUser.garEvaluateContent }}
+          {{ data.garEvaluateContent }}
         </view>
       </view>
-      <view class="evaluate-empty" v-else>
-        暂无评价~~
-      </view>
+    
     </view>
     <view class="evaluate-user-box">
       <view class="user-info-title">
         <u-avatar :src="pic" size="70"></u-avatar>
-        <view class="user-name">
-          运输企业负责人
-        </view>
+        <view class="user-name">{{userType}} </view>
       </view>
-      <view v-if="evaluateManager" class="evaluate-content">
-        <view class="evaluate-score">
-          <u-icon v-for="todo in maxStar" :name="evaluateManager.garEvaluateScore > todo ? 'star-fill' : 'star'"
-            :key="todo" color="#f9ae3d" size="28"></u-icon>
+
+      
+      <view class='issue' style="margin-top: 15px;margin-bottom: 10px;">
+        <view class="issue-head">
+          <text class="issue-head-title">评价回复</text>
         </view>
-        <view class="evaluate-txt">
-          {{ evaluateManager.garEvaluateContent }}
+        <u-textarea  @blur="blur" :value="content" :placeholder="评价回复" style="height: 180rpx;margin-top: 15px;"></u-textarea>
+      
+        <view class="issue-btn-box" style="margin-top: 5px;margin-bottom: 10px;">
+          <button class="submit-btn" type="primary" @click="doSubmit(orderId, -1, 0)" v-if="userType ==='用户'">提交回复</button>
+          <button class="submit-btn" type="primary" @click="doSubmit(orderId, -1, 1)" v-else>提交回复</button>
         </view>
       </view>
-      <view class="evaluate-empty" v-else>
-        暂无评价~~
-      </view>
+     
     </view>
   </view>
 </template>
  
 <script setup>
+import { uploadEvaluate } from "@/apis/order.js";
 import { queryEvaluateDetail } from "@/apis/evaluate";
 import headImg from "@/static/image/st_pic.png";
 import { onLoad } from '@dcloudio/uni-app';
@@ -52,28 +49,44 @@ const pic = ref(headImg)
 // 定义最大积分
 let maxScore = 5
 const maxStar = ref([])
+const content = ref("")
+const orderId = ref()
+const evaluteData=ref([])
+const userType=ref()
  
-// 用户评价对象
-const evaluateUser = ref()
-// 运输企业负责人评价
-const evaluateManager = ref()
 onLoad((options) => {
+  orderId.value = options.orderId;
+  userType.value = options.userType;
   for (let index = 0; index < maxScore; index++) {
     maxStar.value.push(index);
   }
   // 查询评价
   queryEvaluateDetail(options.orderId).then(res => {
-
-    res.data.data.forEach(element => {
-      if (element.garEvaluateTarget == 0) {
-        evaluateUser.value = element
-      }
-      if (element.garEvaluateTarget == 1) {
-        evaluateManager.value = element
-      }
-    });
+    evaluteData.value=res.data.data;
+    console.log(evaluteData.value);
   })
 })
+
+
+const doSubmit = (orderId, score, evaluateType) => {
+  
+ uploadEvaluate({ orderId, score,content: content.value, evaluateType }).then(res => {
+   if (res.data.success) {
+     uni.$u.toast("评价成功")
+     setTimeout(() => {
+       uni.$u.route({
+         type: "switchTab",
+         url: "pages/order/index"
+       })
+     }, 200);
+   }
+ })
+}
+
+
+const blur = (e) => {
+  content.value = e.detail.value
+}
 </script>
  
 <style lang="scss" scoped>
@@ -94,7 +107,6 @@ $page-padding: 20rpx;
     border-radius: $page-padding;
     border: 2rpx solid $u-border-color;
     margin: 40rpx 0;
-    min-height: 300rpx;
  
     .user-info-title {
       display: flex;
@@ -51,12 +51,12 @@
           </view>
           <!-- 公司对用户评价 -->
           <view class="bottom"
-            v-if="item.garHandlerEvaluateFlag === 0 && item.garOrderHandlerStatus === 3 && userType === '运输企业负责人'">
+            v-if="item.garHandlerEvaluateFlag === 0 && item.garOrderHandlerStatus === 3 && userType === '运输企业负责人'  && dataGram.haveEvaluateOfClient==1">
             <view class="more">
               <!-- <u-icon name="more-dot-fill" color="rgb(203,203,203)"></u-icon> -->
             </view>
-            <view hover-class="btn-hover" class="logistics btn" @click="handleUserEvaluate(item.garOrderId, userType)">
-              去评价
+            <view hover-class="btn-hover" class="logistics btn" @click="handleEvaluateDetail(item.garOrderId, userType)">
+              查看评价
             </view>
           </view>
         </view>
@@ -126,6 +126,11 @@ const handleClose = (e) =&gt; {
   cancelShow.value = false
 }
  
+const handleEvaluateDetail = (orderId, userType) => {
+  uni.$u.route(`pages/order-info/order-other/evaluate-info/index`,
+    { orderId: orderId, userType: userType })
+}
+
 /**
  * 跳转公司详情
  * @param {*} val
@@ -51,12 +51,12 @@
           </view>
           <!-- 公司对用户评价 -->
           <view class="bottom"
-            v-if="item.garHandlerEvaluateFlag === 0 && item.garOrderHandlerStatus === 3 && userType === '运输企业负责人'">
+            v-if="item.garHandlerEvaluateFlag === 0 && item.garOrderHandlerStatus === 3 && userType === '运输企业负责人'  && dataGram.haveEvaluateOfClient==1">
             <view class="more">
               <!-- <u-icon name="more-dot-fill" color="rgb(203,203,203)"></u-icon> -->
             </view>
             <view hover-class="btn-hover" class="logistics btn" @click="handleUserEvaluate(item.garOrderId, userType)">
-              去评价
+              查看评价
             </view>
           </view>
         </view>