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

src/views/aftersales/aftersalesWorkOrderend.vue

@@ -403,11 +403,7 @@
                     </div>
                     <!-- 赔款方是那个仓库的 -->
                     <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,7 +411,6 @@
                           :value="item.value"
                         />
                       </el-select>
-
                     </div>
 
                     <div class="sk_input" v-if="item.state == 0">
@@ -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,7 +669,32 @@
                           <p>{{ item.time }}</p>
                         </div>
 
-                        <div class="tag" v-if="msgState == 1 || msgState == 2 || msgState == 3">
+                        <div class="identifying">
+                          <el-tag
+                            :class="{
+                              identifyingC1: item.difference == '1',
+                              identifyingC2: item.difference == '2',
+                              identifyingC3: item.difference == '3',
+                              'mx-1': true,
+                            }"
+                            effect="dark"
+                            >{{
+                              item.difference == '1'
+                                ? ' 调查记录'
+                                : item.difference == '2'
+                                ? '指定记录'
+                                : 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
@@ -688,6 +707,7 @@
                               }}
                             </el-tag>
                           </div>
+                        </div>
                       </el-card>
                     </el-timeline-item>
                   </el-timeline>
@@ -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([]); //处理结果已经选择的列表
@@ -1092,6 +1128,8 @@ const onLoad = () => {
       });
       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 => {
         //处理结果字典
@@ -1279,11 +1317,30 @@ 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) {
@@ -1291,6 +1348,8 @@ const Chathistory = () => {
         }
       }, 0);
     });
+    // 滚动到最后
+  });
 };
 
 onLoad();
@@ -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: ''
 };
 // 理赔总金额计算
@@ -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>