java_project
/
logpm_page
4
1
Fork 0
Code Issues Pull Requests Activity
Browse Source

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

dev-xx
马远东 1 year ago
parent
be84272238
commit
c7b1a7dd77
1 changed files with 131 additions and 40 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 171
      src/views/aftersales/aftersalesWorkOrderend.vue

171
src/views/aftersales/aftersalesWorkOrderend.vue
Unescape View File

@ -330,9 +330,9 @@
{{ item.payment ? item.text : '支付方式' }}
</div>
<div class="el_PaymentUnit">
<span>支付单位:</span>
<el-input v-model="item.paymentUnit" placeholder="请输入支付单位" />
</div>
<span>支付单位:</span>
<el-input v-model="item.paymentUnit" placeholder="请输入支付单位" />
</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">
<el-select
v-model="item.warehouseId"
filterable
placeholder="请选择仓库"
>
<div class="sk_input" v-if="item.state == 0">
<el-select 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">
<el-tag class="mx-1" effect="dark"
<div class="identifying">
<el-tag
:class="{
identifyingC1: item.difference == '1',
identifyingC2: item.difference == '2',
identifyingC3: item.difference == '3',
'mx-1': true,
}"
effect="dark"
>{{
msgState == 1
? ' 待回复'
: msgState == 2
? '已回复'
: msgState == 3
? '已超时'
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
? ' 待回复'
: 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,//责任人（手动填写）
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;
}
</style>

Write Preview
Loading…
Cancel
Save