客服回复方处理，处理结果处理

src/views/aftersales/aftersalesWorkOrderend.vue

@@ -330,9 +330,9 @@
                     {{ item.payment ? item.text : '支付方式' }}
                   </div>
                   <div class="el_PaymentUnit">
-                <span>支付单位:</span>
+                    <span>支付单位:</span>
-                <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" />
+                    <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" />
-              </div>
+                  </div>
                   <div>
                     <el-date-picker
                       v-model="item.compensationTime"
@@ -346,7 +346,7 @@
                   </div>
                 </div>
               </div>
-          
+
               <div class="el_tool">
                 <span>总金额:{{ TotalClaimAmount }}元</span>
               </div>
@@ -402,12 +402,8 @@
                       />
                     </div>
                     <!-- 赔款方是那个仓库的 -->
-                    <div class="sk_input"   v-if="item.state == 0">
+                    <div class="sk_input" v-if="item.state == 0">
-                      <el-select
+                      <el-select v-model="item.warehouseId" filterable placeholder="请选择仓库">
-                        v-model="item.warehouseId"
-                        filterable
-                        placeholder="请选择仓库"
-                      >
                         <el-option
                           v-for="item in warehouseData"
                           :key="item.value"
@@ -415,10 +411,9 @@
                           :value="item.value"
                         />
                       </el-select>
-
                     </div>
 
-                    <div class="sk_input"   v-if="item.state == 0">
+                    <div class="sk_input" v-if="item.state == 0">
                       <el-input
                         v-model="item.personResponsibleList"
                         placeholder="请填写责任人"
@@ -482,7 +477,7 @@
             </div>
 
             <!-- 处理记录  -->
-            <div class="ProcessingRecords" v-if="routerState == 'end'">
+            <!-- <div class="ProcessingRecords" v-if="routerState == 'end'">
               <el-tabs type="border-card" class="demo-tabs">
                 <el-tab-pane>
                   <template #label>
@@ -492,7 +487,6 @@
                     </span>
                   </template>
                   <el-row>
-                    <!-- 列表模块 -->
                     <tablecmt
                       :columnList="recordList"
                       :tableData="recorddata"
@@ -507,7 +501,7 @@
                   </el-row>
                 </el-tab-pane>
               </el-tabs>
-            </div>
+            </div> -->
 
             <!-- 图片  -->
             <div class="Transport_damage_photos">
@@ -675,18 +669,44 @@
                           <p>{{ item.time }}</p>
                         </div>
 
-                        <div class="tag" v-if="msgState == 1 || msgState == 2 || msgState == 3">
+                        <div class="identifying">
-                          <el-tag class="mx-1" effect="dark"
+                          <el-tag
+                            :class="{
+                              identifyingC1: item.difference == '1',
+                              identifyingC2: item.difference == '2',
+                              identifyingC3: item.difference == '3',
+                              'mx-1': true,
+                            }"
+                            effect="dark"
                             >{{
-                              msgState == 1
+                              item.difference == '1'
-                                ? ' 待回复'
+                                ? ' 调查记录'
-                                : msgState == 2
+                                : item.difference == '2'
-                                ? '已回复'
+                                ? '指定记录'
-                                : msgState == 3
+                                : item.difference == '3'
-                                ? '已超时'
+                                ? '操作记录'
                                 : ''
                             }}
                           </el-tag>
+
+                          <div
+                            class="tag"
+                            v-if="
+                              (msgState == 1 || msgState == 2 || msgState == 3) && item.identifying
+                            "
+                          >
+                            <el-tag class="mx-1" effect="dark"
+                              >{{
+                                msgState == 1
+                                  ? ' 待回复'
+                                  : msgState == 2
+                                  ? '已回复'
+                                  : msgState == 3
+                                  ? '已超时'
+                                  : ''
+                              }}
+                            </el-tag>
+                          </div>
                         </div>
                       </el-card>
                     </el-timeline-item>
@@ -875,7 +895,7 @@ const accountingID = ref(); //财务处理当id前值
 const dialogImgList = ref(false); //图片预览弹窗
 const amplifyurl = ref(''); //当前点击的图片
 const amplifysrcList = ref([]); //图片循环列表
-const Replycopy =ref([]);//拷贝一份回复方
+const Replycopy = ref([]); //拷贝一份回复方
 
 const PackageInfo = ref([
   //包件信息
@@ -909,9 +929,25 @@ const VideoPreviewStatus = ref(false); //视频预览状态
 const warehouseData = ref([]); //处理方
 const MessageContent = ref([]);
 const CompensationParty = ref([
-  { name: '', state: 0, num: null, reason: '', cld: 1,warehouseId:null,personResponsibleList:'' }, //赔款方
+  {
+    name: '',
+    state: 0,
+    num: null,
+    reason: '',
+    cld: 1,
+    warehouseId: null,
+    personResponsibleList: '',
+  }, //赔款方
   // explains: ''
-  { name: '', state: 1, num: null, reason: '', cld: 1 ,warehouseId:null,personResponsibleList:''}, //受款方
+  {
+    name: '',
+    state: 1,
+    num: null,
+    reason: '',
+    cld: 1,
+    warehouseId: null,
+    personResponsibleList: '',
+  }, //受款方
   // explains: ''
 ]); //收/赔
 const ProcessingList = ref([]); //处理结果已经选择的列表
@@ -1086,12 +1122,14 @@ const onLoad = () => {
             // 处理方
             endFrom.value.processor.push(item.businessId);
             MessageResponsibility.value.push(item.businessId);
-            Replycopy.value.push(item.businessId);//拷贝一份要回复的
+            Replycopy.value.push(item.businessId); //拷贝一份要回复的
           }
         }
       });
       console.log(JSON.parse(localStorage.getItem('my_data')).id);
       MessageResponsibility.value.push(JSON.parse(localStorage.getItem('my_data')).id);
+      MessageResponsibility.value= [...new Set(MessageResponsibility.value)];//对回复方去重
+      MessageResponsibility.value = MessageResponsibility.value.filter(item => item !== JSON.parse(localStorage.getItem('my_data')).id);//过滤掉当前登录人的仓库
       console.log(endFrom.value.processor, ' endFrom.value.processor');
       getDictionaryBiz('pc_work_order').then(res => {
         //处理结果字典
@@ -1131,7 +1169,7 @@ const onLoad = () => {
               name: item.resultTypeName,
               text: item.compensationMethodName,
               compensationTime: item.compensationTime,
-              paymentUnit:item.paymentUnit,
+              paymentUnit: item.paymentUnit,
             };
           }
         );
@@ -1279,17 +1317,38 @@ const Chathistory = () => {
         file: filetype == 'docx' ? item.pictureUrl : '',
         mp4: filetype == 'mp4' ? item.pictureUrl : '',
         imgList: [filetype == 'png' ? item.pictureUrl : ''],
+        difference: item.difference,
+        identifying: true, //是否显示待回复按钮
       });
     });
     console.log(MessageContent.value, '处理好的聊天记录');
 
+    $_getTrackRecord({
+      id: $route.query.id,
+    }).then(res => {
+      console.log(res, '处理记录返回值');
+      res.data.data.surveyRecordEntities.forEach(item => {
+        MessageContent.value.unshift({
+          time: item.createTime, //时间
+          content: item.processingResults, //消息内容
+          name: item.addDepartment, //营业部名称
+          username: item.addPeople, //用户名
+          img: filetype == 'png' ? item.pictureUrl : '',
+          file: filetype == 'docx' ? item.pictureUrl : '',
+          mp4: filetype == 'mp4' ? item.pictureUrl : '',
+          imgList: [filetype == 'png' ? item.pictureUrl : ''],
+          difference: item.difference,
+          identifying: false, //待回复标识
+        });
+      });
+      setTimeout(() => {
+        const container = scrollContainer.value;
+        if (container) {
+          container.scrollTop = container.scrollHeight;
+        }
+      }, 0);
+    });
     // 滚动到最后
-    setTimeout(() => {
-      const container = scrollContainer.value;
-      if (container) {
-        container.scrollTop = container.scrollHeight;
-      }
-    }, 0);
   });
 };
 
@@ -1319,7 +1378,7 @@ const changeProcessingResults = val => {
       payment: '',
       text: '',
       compensationTime: '',
-      paymentUnit:'',
+      paymentUnit: '',
     };
     // 根据num为newItem的name字段赋值
     switch (num) {
@@ -1432,7 +1491,15 @@ const AddCompensation = () => {
       som++;
     }
   });
-  CompensationParty.value.push({ name: '', state: 0, num: 0, reason: '', cld: som ,personResponsibleList:'',warehouseId:''});
+  CompensationParty.value.push({
+    name: '',
+    state: 0,
+    num: 0,
+    reason: '',
+    cld: som,
+    personResponsibleList: '',
+    warehouseId: '',
+  });
   // explains: ''
 };
 // 添加受款方
@@ -1443,7 +1510,15 @@ const AddPayee = () => {
       som++;
     }
   });
-  CompensationParty.value.push({ name: '', state: 1, num: 0, reason: '', cld: som,personResponsibleList:'',warehouseId:'' });
+  CompensationParty.value.push({
+    name: '',
+    state: 1,
+    num: 0,
+    reason: '',
+    cld: som,
+    personResponsibleList: '',
+    warehouseId: '',
+  });
   // explains: ''
 };
 // 理赔总金额计算
@@ -1748,8 +1823,8 @@ const submit = () => {
           reasonArbitration: item.reason, //说明
           workOrderId: info.id, //异常工单
           // warehouseId: info.warehouseId, //仓库ID
-          personResponsibleList:item.personResponsibleList,//责任人（手动填写）
+          personResponsibleList: item.personResponsibleList, //责任人（手动填写）
-          warehouseId:item.warehouseId,//赔款方是那个仓库（传入ID）
+          warehouseId: item.warehouseId, //赔款方是那个仓库（传入ID）
         });
       } else {
         // 受款方
@@ -2116,7 +2191,7 @@ const CustomerServiceCompleted = () => {
       justify-content: space-between;
       span {
         display: block;
-        width:140px;
+        width: 140px;
         color: #606266;
         font-size: 16px;
       }
@@ -2573,4 +2648,20 @@ const CustomerServiceCompleted = () => {
     width: 150px;
   }
 }
+.identifying {
+  display: flex;
+  justify-content: space-between;
+}
+.identifyingC1 {
+  background-color: #409eff;
+  border: none;
+}
+.identifyingC2 {
+  background-color: #10d070;
+  border: none;
+}
+.identifyingC3 {
+  background-color: #d3832a;
+  border: none;
+}
 </style>