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

客服

master
马远东 1 year ago
parent
f6b506ee6f
commit
3a7cbf2403
2 changed files with 72 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/views/aftersales/aftersalesWorkOrderAdd.vue
  2. 107
      src/views/aftersales/aftersalesWorkOrderend.vue

4
src/views/aftersales/aftersalesWorkOrderAdd.vue
Unescape View File

@ -419,11 +419,11 @@
</div> </div>
</el-card> </el-card>
<div v-if="routerState" class="foot_btn"> <!-- <div v-if="routerState" class="foot_btn">
<el-button type="primary" @click="ConfirmForm">新增记录</el-button> <el-button type="primary" @click="ConfirmForm">新增记录</el-button>
<el-button type="primary" @click="ConfirmForm">完结 </el-button> <el-button type="primary" @click="ConfirmForm">完结 </el-button>
<el-button type="primary" @click="ConfirmForm">打回 </el-button> <el-button type="primary" @click="ConfirmForm">打回 </el-button>
</div> </div> -->
<!-- 少货件数大于3 --> <!-- 少货件数大于3 -->
<el-dialog <el-dialog

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

@ -9,9 +9,9 @@
<div class="contemtMax"> <div class="contemtMax">
<div class="left"> <div class="left">
<el-form :model="endFrom" label-width="120px" > <el-form :model="endFrom" label-width="120px">
<el-form-item label="运单商场"> <el-form-item label="运单商场">
<el-input v-model="endFrom.waybillMall" disabled placeholder="请输入运单商场" /> <el-input v-model="endFrom.waybillMall" disabled placeholder="请输入运单商场" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="运单号"> <!-- <el-form-item label="运单号">
@ -53,12 +53,12 @@
</el-form-item> --> </el-form-item> -->
<el-form-item label="异常类型"> <el-form-item label="异常类型">
<el-input v-model="endFrom.workOrderType" disabled placeholder="异常类型" /> <el-input v-model="endFrom.workOrderType" disabled placeholder="异常类型" />
<!-- workOrderStatus --> <!-- workOrderStatus -->
</el-form-item> </el-form-item>
<el-form-item label="车次号"> <el-form-item label="车次号">
<el-input v-model="endFrom.trainNumber" disabled placeholder="请输入车次号" /> <el-input v-model="endFrom.trainNumber" disabled placeholder="请输入车次号" />
</el-form-item> </el-form-item>
<el-form-item label="运损时间"> <el-form-item label="运损时间">
@ -83,7 +83,7 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="钉钉流程号"> <el-form-item label="钉钉流程号">
<el-input v-model="endFrom.processNumber" disabled placeholder="请输入钉钉流程号" /> <el-input v-model="endFrom.processNumber" disabled placeholder="请输入钉钉流程号" />
</el-form-item> </el-form-item>
<el-form-item label="处理方"> <el-form-item label="处理方">
@ -105,9 +105,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item> </el-form-item>
</el-form-item>
<div class="el_dcl"> <div class="el_dcl">
<!-- <div class="selector"> <!-- <div class="selector">
<div class="el-form-item"> <div class="el-form-item">
@ -165,13 +163,15 @@
<el-tabs type="border-card" class="PackageInformation"> <el-tabs type="border-card" class="PackageInformation">
<el-tab-pane label="包件信息"> <el-tab-pane label="包件信息">
<div class="ResponsibilityBoxS"> <div class="ResponsibilityBoxS">
<div><el-button type="primary" @click="AddPackage" disabled> 添加信息 </el-button></div> <div>
<el-button type="primary" @click="AddPackage" disabled> 添加信息 </el-button>
</div>
<div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index"> <div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index">
<div class="leftbox"> <div class="leftbox">
<div class="maxBox"> <div class="maxBox">
<span class="title">包条码:</span> <span class="title">包条码:</span>
<el-input <el-input
disabled disabled
v-model="item.packageCode" v-model="item.packageCode"
placeholder="请输入包条码" placeholder="请输入包条码"
clearable clearable
@ -182,12 +182,22 @@
<div class="maxBox"> <div class="maxBox">
<span class="title">订单自编码:</span> <span class="title">订单自编码:</span>
<el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable disabled/> <el-input
v-model="item.orderCode"
placeholder="请输入订单自编号"
clearable
disabled
/>
</div> </div>
<div class="maxBox"> <div class="maxBox">
<span class="title">运单号:</span> <span class="title">运单号:</span>
<el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable disabled/> <el-input
v-model="item.waybillNumber"
placeholder="请输入运单号"
clearable
disabled
/>
</div> </div>
</div> </div>
@ -195,7 +205,9 @@
<el-button v-if="item.state" type="primary" @click="historicalPackages(index)"> <el-button v-if="item.state" type="primary" @click="historicalPackages(index)">
查看历史包件 查看历史包件
</el-button> </el-button>
<el-button type="primary" @click="PackagRemoval(index)" disabled> 移除 </el-button> <el-button type="primary" @click="PackagRemoval(index)" disabled>
移除
</el-button>
</div> </div>
</div> </div>
<div class="NumTotal"> <div class="NumTotal">
@ -209,7 +221,9 @@
<el-tab-pane label="责任方选择"> <el-tab-pane label="责任方选择">
<div class="ResponsibilityBox"> <div class="ResponsibilityBox">
<div> <div>
<el-button type="primary" @click="responsibleParty" disabled> 添加信息 </el-button> <el-button type="primary" @click="responsibleParty" disabled>
添加信息
</el-button>
</div> </div>
<div class="el_btbox" v-for="(item, index) in FangAddList" :key="index"> <div class="el_btbox" v-for="(item, index) in FangAddList" :key="index">
<div class="leftbox"> <div class="leftbox">
@ -237,6 +251,7 @@
v-else v-else
v-model="item.businessName" v-model="item.businessName"
filterable filterable
disabled
placeholder="请选择责任方" placeholder="请选择责任方"
@change="ResponsiblePartychange(item.businessName, index)" @change="ResponsiblePartychange(item.businessName, index)"
> >
@ -256,6 +271,7 @@
clearable clearable
filterable filterable
placeholder="请选责任人" placeholder="请选责任人"
disabled
@change="personResponsiblechange(item.personResponsibleName, index)" @change="personResponsiblechange(item.personResponsibleName, index)"
> >
<el-option <el-option
@ -273,6 +289,7 @@
placeholder="请输入占比 " placeholder="请输入占比 "
clearable clearable
:rows="2" :rows="2"
disabled
@input="ProportionInput" @input="ProportionInput"
/> />
</div> </div>
@ -283,11 +300,12 @@
placeholder="请输入说明 " placeholder="请输入说明 "
clearable clearable
:rows="2" :rows="2"
disabled
/> />
</div> </div>
</div> </div>
<div class="el-btn"> <div class="el-btn">
<el-button type="primary" @click="ResponsibilityRemoval(index)"> <el-button type="primary" disabled @click="ResponsibilityRemoval(index)">
移除 移除
</el-button> </el-button>
</div> </div>
@ -426,7 +444,6 @@
format="YYYY-MM-DD" format="YYYY-MM-DD"
value-format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择运理赔支付时间" placeholder="请选择运理赔支付时间"
:disabled="FromDisabled"
/> />
</div> </div>
</div> </div>
@ -434,7 +451,6 @@
<el-form-item label="处理结果说明"> <el-form-item label="处理结果说明">
<el-input <el-input
v-model="endFrom.resultDescription" v-model="endFrom.resultDescription"
:disabled="FromDisabled"
placeholder="请输入处理结果说明" placeholder="请输入处理结果说明"
clearable clearable
/> />
@ -470,9 +486,9 @@
<el-icon><Plus /></el-icon> <el-icon><Plus /></el-icon>
</el-upload> </el-upload>
<el-dialog v-model="dialogVisible"> <!-- <el-dialog v-model="dialogVisible">
<img w-full :src="dialogImageUrl" alt="Preview Image" /> <img w-full :src="dialogImageUrl" alt="Preview Image" />
</el-dialog> </el-dialog> -->
</div> </div>
<!-- 视频 --> <!-- 视频 -->
@ -567,8 +583,14 @@
> >
<!-- {time: '2021-08-06 16:00:00',content:'内容4',name:'营业部名称'}, --> <!-- {time: '2021-08-06 16:00:00',content:'内容4',name:'营业部名称'}, -->
<el-card> <el-card>
<h4>{{ item.username }}【{{ item.name }}】</h4> <div class="e_ico">
<span> {{ item.content }}</span> <el-icon><User /></el-icon>:
<h4>{{ item.username }}【{{ item.name }}】</h4>
</div>
<div class="e_ico">
<el-icon><ChatRound /></el-icon>:<span> {{ item.content }}</span>
</div>
<div class="img" v-if="item.img"> <div class="img" v-if="item.img">
<el-image <el-image
:src="item.img" :src="item.img"
@ -593,7 +615,8 @@
</span> </span>
</a> </a>
</div> </div>
<p>{{ item.time }}</p> <div class="e_ico"> <el-icon><Timer /></el-icon>: <p>{{ item.time }}</p> </div>
<div class="tag"> <div class="tag">
<el-tag class="mx-1" effect="dark" <el-tag class="mx-1" effect="dark"
>{{ msgState == 1 ? ' 待回复' : msgState == 2 ? '已回复' : '已超时' }} >{{ msgState == 1 ? ' 待回复' : msgState == 2 ? '已回复' : '已超时' }}
@ -658,13 +681,7 @@
</el-affix> </el-affix>
</div> </div>
<!-- 支付方式选择 --> <!-- 支付方式选择 -->
<el-dialog <el-dialog v-model="ZFdialog" title="支付方式选择" width="45%" class="ZFfsLoad">
v-model="ZFdialog"
title="支付方式选择"
width="40%"
:before-close="handleClose"
class="ZFfsLoad"
>
<el-radio-group v-model="endFrom.compensationMethod"> <el-radio-group v-model="endFrom.compensationMethod">
<el-radio <el-radio
:label="item.dictKey" :label="item.dictKey"
@ -735,6 +752,7 @@ const $router = useRouter();
const Paymentmethod = ref([]); //支付方式 const Paymentmethod = ref([]); //支付方式
const ZFname = ref(''); //支付名字预留状态 const ZFname = ref(''); //支付名字预留状态
const routeData = ref(false); //路由参数 const routeData = ref(false); //路由参数
const groundlineType = ref(''); //责任方状态
const routerState = ref(''); //路由状态 const routerState = ref(''); //路由状态
const TotalamountCompensation = ref(0); //赔款金额合计 const TotalamountCompensation = ref(0); //赔款金额合计
const TotalClaimAmount = ref(0); //理赔总金额 const TotalClaimAmount = ref(0); //理赔总金额
@ -987,7 +1005,6 @@ const onLoad = () => {
getDictionaryBiz('pc_work_order').then(res => { getDictionaryBiz('pc_work_order').then(res => {
//处理结果字典 //处理结果字典
console.log(res, '环节字典'); console.log(res, '环节字典');
ProcessingResults.value = res.data.data;
endFrom.value.workOrderType = res.data.data.find( endFrom.value.workOrderType = res.data.data.find(
res => res.dictKey == endFrom.value.workOrderType res => res.dictKey == endFrom.value.workOrderType
).dictValue; //异常类型回显 ).dictValue; //异常类型回显
@ -1001,12 +1018,17 @@ const onLoad = () => {
console.log(TransportlossList.value, '处理好的发现环节'); console.log(TransportlossList.value, '处理好的发现环节');
// endFrom.discoveryNode // endFrom.discoveryNode
}); });
getDictionaryBiz('result_handling').then(res => {
console.log(res, '发现环节');
ProcessingResults.value = res.data.data;
});
// 公司占比回显计算 // 公司占比回显计算
let sum = 0; let sum = 0;
FangAddList.value.forEach(item => { FangAddList.value.forEach(item => {
sum = Number(item.responsibilityRatio) + sum; sum = Number(item.responsibilityRatio) + sum;
}); });
companyProportion.value =100 - sum; companyProportion.value = 100 - sum;
// updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型 // updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
// updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节 // updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
@ -1086,7 +1108,6 @@ const Chathistory = () => {
$_getSurveyRecord({ $_getSurveyRecord({
id: $route.query.id, id: $route.query.id,
}).then(res => { }).then(res => {
let filetype = ''; //文件类型 let filetype = ''; //文件类型
MessageContent.value = []; //先清空内容，防止内容重复叠加 MessageContent.value = []; //先清空内容，防止内容重复叠加
Msgloading.value = false; //关闭加载效果 Msgloading.value = false; //关闭加载效果
@ -1727,19 +1748,19 @@ const ViewPackageDetails = val => {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
:deep(.el-form-item) { :deep(.el-form-item) {
height: 2.39583vw; height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0; margin: 0;
margin-bottom: 0.9375vw; margin-bottom: 10px;
flex: 1 0 30%; flex: 1 0 30%;
margin-right: 8px;
.el-select { .el-select {
width: 100%; width: 100%;
} }
} }
:deep(.el-form-item__label) { :deep(.el-form-item__label) {
width: 100px !important; width: 100px !important;
margin-left: 26px;
justify-content: flex-start; justify-content: flex-start;
} }
:deep(.el-input--prefix) { :deep(.el-input--prefix) {
@ -1791,7 +1812,7 @@ const ViewPackageDetails = val => {
width: 45%; width: 45%;
span { span {
display: block; display: block;
width: 118px; width: 30%;
color: #606266; color: #606266;
font-size: 16px; font-size: 16px;
} }
@ -1925,7 +1946,7 @@ const ViewPackageDetails = val => {
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
cursor: pointer; cursor: pointer;
width: 190px; width: 100px;
} }
.Paymentname:hover { .Paymentname:hover {
border: 1px solid #172e60; border: 1px solid #172e60;
@ -1934,6 +1955,11 @@ const ViewPackageDetails = val => {
.el-radio { .el-radio {
padding: 0 8px; padding: 0 8px;
} }
.el-radio-group {
width: 100%;
justify-content: center;
align-items: center;
}
} }
.paySum { .paySum {
margin-top: 36px; margin-top: 36px;
@ -1976,6 +2002,9 @@ const ViewPackageDetails = val => {
} }
:deep(.el-card) { :deep(.el-card) {
box-shadow: -1px -1px 4px 0px #e3e3e3; box-shadow: -1px -1px 4px 0px #e3e3e3;
border-top-left-radius: 20px;
border-bottom: 1px solid #d5d5d563 !important;
border-right: 1px solid #d5d5d563 !important;
} }
} }
.ResponsibilityBox { .ResponsibilityBox {
@ -2046,6 +2075,10 @@ const ViewPackageDetails = val => {
position: relative; position: relative;
overflow-y: scroll; overflow-y: scroll;
scroll-behavior: smooth; scroll-behavior: smooth;
.e_ico {
display: flex;
align-items: center;
}
.img { .img {
width: 50px; width: 50px;
height: 50px; height: 50px;

Write Preview
Loading…
Cancel
Save