|
|
|
|
@ -120,10 +120,10 @@
|
|
|
|
|
<!-- 申诉列表展示 --> |
|
|
|
|
<el-tabs |
|
|
|
|
type="border-card" |
|
|
|
|
v-if="details.query.workOrderStatus == 30" |
|
|
|
|
v-if="TabPermissions == 6" |
|
|
|
|
@tab-change="AppealTab" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane label="处理完毕"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="完结"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="申诉列表"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<!-- 首页表格 --> |
|
|
|
|
@ -154,9 +154,13 @@
|
|
|
|
|
<div class="ElBtnClass"> |
|
|
|
|
<div> |
|
|
|
|
<!-- <el-button @click="addingRecord(slotProps.scope)">新增记录</el-button> --> |
|
|
|
|
<el-button v-if="TabPermissions != '4'" @click="view(slotProps.scope)" |
|
|
|
|
<el-button v-if="TabPermissions != '4' && !AppealStatusT" @click="view(slotProps.scope)" |
|
|
|
|
>查看</el-button |
|
|
|
|
> |
|
|
|
|
<!-- AppealStatusT申诉列表状态 --> |
|
|
|
|
<el-button v-if="AppealStatusT" |
|
|
|
|
>待添加</el-button |
|
|
|
|
> |
|
|
|
|
<!-- <el-button @click="ViewEvent(slotProps.scope)">编辑</el-button> --> |
|
|
|
|
<!-- <el-button @click="reply(slotProps.scope)">回复</el-button> --> |
|
|
|
|
<!-- <el-button @click="ViewDelete(slotProps.scope)">删除</el-button> --> |
|
|
|
|
@ -400,10 +404,10 @@
|
|
|
|
|
<el-upload |
|
|
|
|
v-model:file-list="AppealAttachment" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
:on-preview="pictureList" |
|
|
|
|
:on-remove="ImgListRemove" |
|
|
|
|
:on-preview="AppealAttachmentpictureList" |
|
|
|
|
:on-remove="AppealAttachmentImgListRemove" |
|
|
|
|
:action="doubledCount" |
|
|
|
|
:on-success="ImgSuccess" |
|
|
|
|
:on-success="AppealAttachmentImgSuccess" |
|
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
|
:headers="headers" |
|
|
|
|
multiple |
|
|
|
|
@ -548,7 +552,7 @@ const TransportlossList = ref([
|
|
|
|
|
//运损发现节点 |
|
|
|
|
]); |
|
|
|
|
const pageSize = ref(30); // 默认每一页几条 |
|
|
|
|
const AppealAttachment=ref('');//申诉附件 |
|
|
|
|
const AppealAttachment = ref([]); //申诉附件 |
|
|
|
|
const total = ref(0); //页码总页数 |
|
|
|
|
const KFinput = ref(''); //客服发送消息 |
|
|
|
|
const Appealselection = ref([]); //申诉选择的责任人 |
|
|
|
|
@ -1118,7 +1122,18 @@ const AddInfo = () => {
|
|
|
|
|
// }); |
|
|
|
|
// }); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 上传图片规则 |
|
|
|
|
const beforeAvatarUpload = rawFile => { |
|
|
|
|
console.log(rawFile); |
|
|
|
|
if (rawFile.type !== 'image/png' && rawFile.type !== 'image/jpeg') { |
|
|
|
|
ElMessage.error('图片格式只能为 png/jpg!'); |
|
|
|
|
return false; |
|
|
|
|
} else if (rawFile.size / 1024 / 1024 > 10) { |
|
|
|
|
ElMessage.error('图片大小不能大于10MB!'); |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
return true; |
|
|
|
|
}; |
|
|
|
|
// 首页新增表单确定 |
|
|
|
|
const ConfirmForm = () => { |
|
|
|
|
console.log(warehouseData.value, '准备好的数据'); |
|
|
|
|
@ -1182,6 +1197,22 @@ const searchHide = () => {
|
|
|
|
|
console.log(details); |
|
|
|
|
details.search = !details.search; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 异常工单号点击查看 |
|
|
|
|
const InformationViewing=(val)=>{ |
|
|
|
|
$router.push({ |
|
|
|
|
path: '/aftersales/aftersalesWorkOrderInfo', |
|
|
|
|
query: { |
|
|
|
|
id: val.row.id, |
|
|
|
|
name: val.row.workOrderNumber + '-信息查看', |
|
|
|
|
warehouseId: val.row.warehouseId, |
|
|
|
|
workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码 |
|
|
|
|
businessId: val.row.businessId, |
|
|
|
|
ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理 |
|
|
|
|
RouteIndexs: TabPermissions.value, //当前记录参数 |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
// 首页查看详情按钮 |
|
|
|
|
const view = val => { |
|
|
|
|
console.log(val.row.id); |
|
|
|
|
@ -1297,6 +1328,18 @@ const addingRecord = val => {
|
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 点击了申诉附件图片 |
|
|
|
|
const AppealAttachmentpictureList = val => { |
|
|
|
|
console.log(val, '点击申诉附件图片'); |
|
|
|
|
}; |
|
|
|
|
// 申诉附件移除 |
|
|
|
|
const AppealAttachmentImgListRemove = val => { |
|
|
|
|
console.log(val, '申诉附件移除'); |
|
|
|
|
}; |
|
|
|
|
// 申诉附件图片上传成功回调 |
|
|
|
|
const AppealAttachmentImgSuccess = val => { |
|
|
|
|
console.log(val, '申诉图片上传成功'); |
|
|
|
|
}; |
|
|
|
|
// 工单申诉按钮 |
|
|
|
|
const appeal = val => { |
|
|
|
|
console.log(details.selectionList, 'details.selectionList'); |
|
|
|
|
@ -1318,36 +1361,46 @@ const appeal = val => {
|
|
|
|
|
}; |
|
|
|
|
// 工单申诉确认按钮 |
|
|
|
|
const Appealbutton = () => { |
|
|
|
|
if(AppealAttachment.value.length>1){ |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '只能上传一张图片', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
console.log(details.selectionList, '当前申诉的东西'); |
|
|
|
|
loadingappeal.value = true; //开启加载效果 |
|
|
|
|
console.log(Appealselection.value, '当前选择的责任人'); |
|
|
|
|
console.log(warehouseData.value, '要循环处理的参数'); |
|
|
|
|
let data = { |
|
|
|
|
peopleEntityList: [], //参数一 |
|
|
|
|
imagePath: '', //申诉图片附件 |
|
|
|
|
}; |
|
|
|
|
data.workOrderId = details.selectionList[0].lawoId; |
|
|
|
|
data.reason = Reasonforappeal.value; |
|
|
|
|
|
|
|
|
|
(data.appealPeopleName = warehouseData.value |
|
|
|
|
data.appealPeopleName = warehouseData.value |
|
|
|
|
.filter(item => Appealselection.value.includes(item.value)) |
|
|
|
|
.map(item => item.label) |
|
|
|
|
.join(',')), //实际责任人名称 |
|
|
|
|
details.selectionList.forEach(item => { |
|
|
|
|
console.log(item.id); |
|
|
|
|
console.log(item, '已经选择的列表'); |
|
|
|
|
data['peopleEntityList'].push({ |
|
|
|
|
workOrderId: item.id, //异常工单ID |
|
|
|
|
warehouseId: item.warehouseId == '/' ? '' : item.warehouseId, |
|
|
|
|
reason: Reasonforappeal.value, //申诉理由 |
|
|
|
|
claimant: userInfo.value.content.user_name, //申诉人 |
|
|
|
|
claimantUserId: userInfo.value.content.user_id, //申诉人ID |
|
|
|
|
actualPersonName: warehouseData.value |
|
|
|
|
.filter(item => Appealselection.value.includes(item.value)) |
|
|
|
|
.map(item => item.label) |
|
|
|
|
.join(','), //实际责任人名称 |
|
|
|
|
}); |
|
|
|
|
.join(','); //实际责任人名称 |
|
|
|
|
details.selectionList.forEach(item => { |
|
|
|
|
console.log(item.id); |
|
|
|
|
console.log(item, '已经选择的列表'); |
|
|
|
|
data['peopleEntityList'].push({ |
|
|
|
|
workOrderId: item.id, //异常工单ID |
|
|
|
|
warehouseId: item.warehouseId == '/' ? '' : item.warehouseId, |
|
|
|
|
reason: Reasonforappeal.value, //申诉理由 |
|
|
|
|
claimant: userInfo.value.content.user_name, //申诉人 |
|
|
|
|
claimantUserId: userInfo.value.content.user_id, //申诉人ID |
|
|
|
|
actualPersonName: warehouseData.value |
|
|
|
|
.filter(item => Appealselection.value.includes(item.value)) |
|
|
|
|
.map(item => item.label) |
|
|
|
|
.join(','), //实际责任人名称 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
data.imagePath = AppealAttachment.value[0].response.data.link; //申诉图片 |
|
|
|
|
console.log(data, '处理好的值'); |
|
|
|
|
|
|
|
|
|
$_appealSubmit(data).then(res => { |
|
|
|
|
dialogappeal.value = false; //关闭申诉弹窗 |
|
|
|
|
loadingappeal.value = false; //关闭加载效果 |
|
|
|
|
@ -1754,11 +1807,11 @@ const AppealTab = val => {
|
|
|
|
|
Tableheaderswitching(columnList); //切换表头 |
|
|
|
|
console.log('处理完毕'); |
|
|
|
|
ProcessingPartyState.value = false; //关闭处理方 |
|
|
|
|
details.query.workOrderStatus = 30; |
|
|
|
|
details.query.workOrderStatus = 80; |
|
|
|
|
ArbitrationStatus.value = false; //不可以申请仲裁 |
|
|
|
|
empty(); //清空搜索数据 |
|
|
|
|
let data = { |
|
|
|
|
workOrderStatus: 30, |
|
|
|
|
|
|
|
|
|
...details.query, |
|
|
|
|
}; |
|
|
|
|
IndexTable(data); |
|
|
|
|
@ -2957,4 +3010,9 @@ const CompletedSubmission = () => {
|
|
|
|
|
.el_textBtn { |
|
|
|
|
color: #9bb40d; |
|
|
|
|
} |
|
|
|
|
:deep(.el-upload-dragger) { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
