From c7b1a7dd77052f08bb815520db47b853863f5871 Mon Sep 17 00:00:00 2001 From: xzg <4727863@qq.com> Date: Mon, 8 Jan 2024 15:35:26 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=9C=8D=E5=9B=9E=E5=A4=8D=E6=96=B9?= =?UTF-8?q?=E5=A4=84=E7=90=86=EF=BC=8C=E5=A4=84=E7=90=86=E7=BB=93=E6=9E=9C?= =?UTF-8?q?=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../aftersales/aftersalesWorkOrderend.vue | 171 ++++++++++++++---- 1 file changed, 131 insertions(+), 40 deletions(-) diff --git a/src/views/aftersales/aftersalesWorkOrderend.vue b/src/views/aftersales/aftersalesWorkOrderend.vue index 06701ed6..7b4adf18 100644 --- a/src/views/aftersales/aftersalesWorkOrderend.vue +++ b/src/views/aftersales/aftersalesWorkOrderend.vue @@ -330,9 +330,9 @@ {{ item.payment ? item.text : '支付方式' }}
- 支付单位: - -
+ 支付单位: + +
- +
总金额:{{ TotalClaimAmount }}元
@@ -402,12 +402,8 @@ /> -
- +
+ -
-
+
-
+ -
+
-->
@@ -675,18 +669,44 @@

{{ item.time }}

-
- + {{ - msgState == 1 - ? ' 待回复' - : msgState == 2 - ? '已回复' - : msgState == 3 - ? '已超时' + item.difference == '1' + ? ' 调查记录' + : item.difference == '2' + ? '指定记录' + : item.difference == '3' + ? '操作记录' : '' }} + +
+ {{ + msgState == 1 + ? ' 待回复' + : msgState == 2 + ? '已回复' + : msgState == 3 + ? '已超时' + : '' + }} + +
@@ -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,//责任人(手动填写) - warehouseId:item.warehouseId,//赔款方是那个仓库(传入ID) + personResponsibleList: item.personResponsibleList, //责任人(手动填写) + 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; +}