评价页面

src/views/enterprise/enterpriseEvaluate/evaluate.vue

@@ -8,8 +8,10 @@
                 <div class="eval-item">
                     <label>处置速度</label>
                     <span class="eval-star">
-                        <van-icon class="active" name="star" v-for="n in data.dataObj.dealSpeedMetrics"/>
+                        <van-icon @click="checkDealSpeedMetrics(n)" class="active" name="star"
-                        <van-icon @click="checkDealSpeedMetrics(n)" name="star" v-for="n in (5 - data.dataObj.dealSpeedMetrics)"/>
+                                  v-for="n in data.dataObj.dealSpeedMetrics"/>
+                        <van-icon @click="checkDealSpeedMetrics(n + data.dataObj.dealSpeedMetrics)" name="star"
+                                  v-for="n in (5 - data.dataObj.dealSpeedMetrics)"/>
                     </span>
                     <span v-if="data.dataObj.dealSpeedMetrics == 1">非常不满意</span>
                     <span v-if="data.dataObj.dealSpeedMetrics == 2">不满意</span>
@@ -20,8 +22,10 @@
                 <div class="eval-item">
                     <label>处置效果</label>
                     <span class="eval-star">
-                        <van-icon class="active" name="star" v-for="n in data.dataObj.dealEffectMetrics"/>
+                        <van-icon @click="checkDealEffectMetrics(n)" class="active" name="star"
-                        <van-icon name="star" v-for="n in (5 - data.dataObj.dealEffectMetrics)"/>
+                                  v-for="n in data.dataObj.dealEffectMetrics"/>
+                        <van-icon @click="checkDealEffectMetrics(n + data.dataObj.dealEffectMetrics)" name="star"
+                                  v-for="n in (5 - data.dataObj.dealEffectMetrics)"/>
                     </span>
                     <span v-if="data.dataObj.dealEffectMetrics == 1">非常不满意</span>
                     <span v-if="data.dataObj.dealEffectMetrics == 2">不满意</span>
@@ -32,8 +36,10 @@
                 <div class="eval-item">
                     <label>服务体验</label>
                     <span class="eval-star">
-                        <van-icon class="active" name="star" v-for="n in data.dataObj.serviceMetrics"/>
+                        <van-icon @click="checkServiceMetrics(n)" class="active" name="star"
-                        <van-icon name="star" v-for="n in (5 - data.dataObj.serviceMetrics)"/>
+                                  v-for="n in data.dataObj.serviceMetrics"/>
+                        <van-icon @click="checkServiceMetrics(n + data.dataObj.serviceMetrics)" name="star"
+                                  v-for="n in (5 - data.dataObj.serviceMetrics)"/>
                     </span>
                     <span v-if="data.dataObj.serviceMetrics == 1">非常不满意</span>
                     <span v-if="data.dataObj.serviceMetrics == 2">不满意</span>
@@ -44,8 +50,10 @@
                 <div class="eval-item">
                     <label>反馈质量</label>
                     <span class="eval-star">
-                        <van-icon class="active" name="star" v-for="n in data.dataObj.feedbackQualityMetrics"/>
+                        <van-icon @click="checkDealEffectMetrics(n)" class="active" name="star"
-                        <van-icon name="star" v-for="n in (5 - data.dataObj.feedbackQualityMetrics)"/>
+                                  v-for="n in data.dataObj.feedbackQualityMetrics"/>
+                        <van-icon @click="checkFeedbackQualityMetrics(n + data.dataObj.feedbackQualityMetrics)"
+                                  name="star" v-for="n in (5 - data.dataObj.feedbackQualityMetrics)"/>
                     </span>
                     <span v-if="data.dataObj.feedbackQualityMetrics == 1">非常不满意</span>
                     <span v-if="data.dataObj.feedbackQualityMetrics == 2">不满意</span>
@@ -72,7 +80,13 @@
             <div class="cardsty">
                 <label>反馈详情</label>
                 <div class="eval-cont">
-                    {{data.dataObj.writingEvaluation}}
+                    <van-field
+                            v-model="data.dataObj.writingEvaluation"
+                            rows="2"
+                            autosize
+                            type="textarea"
+                            show-word-limit
+                    />
                 </div>
             </div>
 
@@ -80,15 +94,16 @@
                 <div class="file-upload-center">
                     <label>附件</label>
                 </div>
-                <van-uploader v-model="submitData.fileObjList" class="file" multiple :show-upload="false" :deletable="false" readonly accept="image/*, video/*">
+                <van-uploader v-model="submitData.fileObjList" class="file" multiple>
                     <template #preview-cover="{ file }">
-                        <!--                        <div class="preview-cover van-ellipsis">{{ file.name }}</div>-->
+                        <div class="preview-cover van-ellipsis">{{ file.name }}</div>
                     </template>
                 </van-uploader>
             </div>
-            <video controls id="myVideo" v-for="(item, index) in data.videos">
+
-                <source :src="item" type="video/mp4" />
+            <van-action-bar>
-            </video>
+                <van-button round block type="info" @click="save">提交</van-button>
+            </van-action-bar>
         </div>
     </div>
 </template>
@@ -125,9 +140,19 @@
     });
 
     const checkDealSpeedMetrics = (n) => {
-        console.log("选择处置速度: ",n)
         data.dataObj.dealSpeedMetrics = n;
     }
+    const checkDealEffectMetrics = (n) => {
+        data.dataObj.dealEffectMetrics = n;
+    }
+    const checkServiceMetrics = (n) => {
+        data.dataObj.serviceMetrics = n;
+    }
+    const checkFeedbackQualityMetrics = (n) => {
+        data.dataObj.feedbackQualityMetrics = n;
+    }
+
+    const save = () => {}
 
 
 </script>