工单列表评价

components/seiminModel/seiminModel.vue

@@ -38,13 +38,13 @@
           <view class="evaluate_item">
             <text class="evaluate_label">星级：</text>
             <view class="evaluate_icons">
-              <text class="pda" :class="star" v-for="(star,i) in stars" :key="i"></text>
+              <text class="pda" :class="star" v-for="(star,i) in stars" :key="i" @click="clickStar(i)"></text>
             </view>
           </view>
           <view class="evaluate_item">
             <text class="evaluate_label">评级：</text>
             <textarea :focus="true" class="evaluate_textarea" auto-height :maxlength="100"
-              :placeholder-style="placeholderStyle" placeholder="请输入..." v-model="urgentTextArea" />
+              :placeholder-style="placeholderStyle" placeholder="请输入..." v-model="evaluateTextArea" />
           </view>
         </view>
       </view>
@@ -101,6 +101,8 @@
         placeholderStyle: 'color:#999;padding:18rpx;',
         // 星级
         stars: [],
+        // 评价内容
+        evaluateTextArea: '',
       };
     },
     computed: {
@@ -110,7 +112,6 @@
     methods: {
       // 显示弹窗
       show(args = {}) {
-        this.stars = ['pda-haoping','pda-haoping','pda-haoping','pda-haoping','pda-haoping']
         // 默认配置项
         let defaultOptions = {
           skin: "default", //弹窗风格(default|toast|qrcode|)
@@ -155,9 +156,12 @@
         this.opts = Object.assign({}, defaultOptions, args, {
           isVisible: true,
         });
-        // 如果是动态二维码,则需要发起请求
         if (this.opts.skin === "qrcode") {
+          // 如果是动态二维码,则需要发起请求
           this.showNurseCode();
+        } else if (this.opts.skin === 'evaluate') {
+          // 如果是评价弹窗，则默认选中五个笑脸
+          this.stars = ['pda-haoping', 'pda-haoping', 'pda-haoping', 'pda-haoping', 'pda-haoping'];
         }
       },
       // 关闭弹窗
@@ -215,6 +219,12 @@
           }
         }, 1000);
       },
+      // 选择星级
+      clickStar(index) {
+        for (let i = 0; i < this.stars.length; i++) {
+          this.$set(this.stars, i, i > index ? 'pda-haoping1' : 'pda-haoping');
+        }
+      },
     },
   };
 </script>
@@ -234,7 +244,7 @@
       bottom: 0;
       left: 0;
       margin: auto;
-      z-index: 9999;
+      z-index: 999;
       @include flex(center, center);
 
       .seiminModel_container {

pages/orderList/orderList.vue

@@ -98,11 +98,15 @@
     reqFetchDataList,
     reqDelWorkOrder,
     reqUrge,
-    reqDirectStartOrder
+    reqDirectStartOrder,
+    reqEvaluate,
   } from "../../request/api.js";
   import {
     GDSTATE
   } from "../../utils/enum.gdstate.js";
+  import {
+    WORKORDEREVALUATION
+  } from "../../utils/enum.workorderEvaluation.js";
   export default {
     name: 'orderList',
     data() {
@@ -160,25 +164,55 @@
             {
               click: () => {
                 console.log('确定');
+                let serviceEvaluationId;
                 this.$refs.seiminModel.close();
                 uni.showLoading({
                   title: '加载中',
                   mask: true,
                 })
-                reqDelWorkOrder(id).then(res => {
+                //算出评级
+                switch (this.$refs.seiminModel.stars.indexOf('pda-haoping1')) {
+                  case -1:
+                    //五星
+                    serviceEvaluationId = WORKORDEREVALUATION['非常好评'];
+                    break;
+                  case 1:
+                    //一星
+                    serviceEvaluationId = WORKORDEREVALUATION['极差'];
+                    break;
+                  case 2:
+                    //二星
+                    serviceEvaluationId = WORKORDEREVALUATION['差'];
+                    break;
+                  case 3:
+                    //三星
+                    serviceEvaluationId = WORKORDEREVALUATION['一般'];
+                    break;
+                  case 4:
+                    //四星
+                    serviceEvaluationId = WORKORDEREVALUATION['好评'];
+                    break;
+                }
+                let postData = {
+                  serviceEvaluation: {
+                    id: serviceEvaluationId
+                  },
+                  remark: this.$refs.seiminModel.evaluateTextArea,
+                };
+                reqEvaluate(id, postData).then(res => {
                   uni.hideLoading();
                   if (res.status == 200) {
                     this.$refs.seiminModel.show({
                       skin: 'toast',
                       icon: 'success',
-                      content: '撤销成功',
+                      content: '评价成功',
                     })
                     this.init();
                   } else {
                     this.$refs.seiminModel.show({
                       skin: 'toast',
                       icon: 'error',
-                      content: '撤销失败',
+                      content: '评价失败',
                     })
                   }
                 })
@@ -285,6 +319,10 @@
                 console.log('确定', this.$refs.seiminModel.urgentTextArea);
                 const urgentTextArea = this.$refs.seiminModel.urgentTextArea;
                 if (urgentTextArea.trim() === '') {
+                  uni.showToast({
+                    icon: 'none',
+                    title: '请填写加急原因',
+                  })
                   return;
                 }
                 this.$refs.seiminModel.close();
@@ -669,7 +707,7 @@
               flex: 1;
               background-color: transparent;
               position: relative;
-              @include flex(center,center);
+              @include flex(center, center);
 
               &::before {
                 content: '';

request/api.js

@@ -115,3 +115,11 @@ export const reqDirectStartOrder = (id) =>
   request({
     url: `/api/directStartOrder/${id}`,
   });
+
+// 评价
+export const reqEvaluate = (id, postData) =>
+  request({
+    url: `/nurse/workOrder/evaluate/${id}`,
+    data: postData,
+    method: 'POST'
+  });

utils/enum.workorderEvaluation.js

@@ -0,0 +1,25 @@
+import {
+  createEnum
+} from './index.js';
+let data = [{
+    name: '非常好评',
+    value: '354'
+  },
+  {
+    name: '好评',
+    value: '355'
+  },
+  {
+    name: '一般',
+    value: '356'
+  },
+  {
+    name: '差',
+    value: '357'
+  },
+  {
+    name: '极差',
+    value: '358'
+  },
+]
+export const WORKORDEREVALUATION = createEnum(data); //工单评价