|
|
@ -388,7 +388,6 @@ |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
v-model="item.responsibilityRatio" |
|
|
|
v-model="item.responsibilityRatio" |
|
|
|
placeholder="请输入占比 " |
|
|
|
placeholder="请输入占比 " |
|
|
|
clearable |
|
|
|
|
|
|
|
:rows="2" |
|
|
|
:rows="2" |
|
|
|
disabled |
|
|
|
disabled |
|
|
|
/> |
|
|
|
/> |
|
|
@ -433,9 +432,17 @@ |
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
</el-upload> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <el-dialog v-model="dialogVisible"> |
|
|
|
<el-dialog v-model="dialogImgList" width="30%"> |
|
|
|
<img w-full :src="dialogImageUrl" alt="图片" /> |
|
|
|
<el-image |
|
|
|
</el-dialog> --> |
|
|
|
:src="amplifyurl" |
|
|
|
|
|
|
|
:zoom-rate="1.2" |
|
|
|
|
|
|
|
:max-scale="7" |
|
|
|
|
|
|
|
:min-scale="0.2" |
|
|
|
|
|
|
|
:preview-src-list="amplifysrcList" |
|
|
|
|
|
|
|
:initial-index="4" |
|
|
|
|
|
|
|
fit="cover" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="foot_btn"> |
|
|
|
<div class="foot_btn"> |
|
|
@ -488,11 +495,14 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
<script setup> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
import { ElMessageBox } from 'element-plus'; |
|
|
|
import { ElMessageBox } from 'element-plus'; |
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方 |
|
|
|
import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方 |
|
|
|
|
|
|
|
import {AddressClosed} from '@/utils/util' |
|
|
|
import { |
|
|
|
import { |
|
|
|
$_getList, |
|
|
|
$_getList, |
|
|
|
$_submit, |
|
|
|
$_submit, |
|
|
@ -504,6 +514,7 @@ import { |
|
|
|
$_batchReturn, |
|
|
|
$_batchReturn, |
|
|
|
} from '@/api/aftersales/aftersalesWorkOrder'; |
|
|
|
} from '@/api/aftersales/aftersalesWorkOrder'; |
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue'; |
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue'; |
|
|
|
|
|
|
|
|
|
|
|
import { getToken } from '@/utils/auth'; |
|
|
|
import { getToken } from '@/utils/auth'; |
|
|
|
const $router = useRouter(); |
|
|
|
const $router = useRouter(); |
|
|
|
const $route = useRoute(); |
|
|
|
const $route = useRoute(); |
|
|
@ -511,6 +522,7 @@ const Indexform = ref({ |
|
|
|
packList: [], |
|
|
|
packList: [], |
|
|
|
decreaseImageEntityList: [], //处理好的图片数据 |
|
|
|
decreaseImageEntityList: [], //处理好的图片数据 |
|
|
|
}); //首页新增表单 |
|
|
|
}); //首页新增表单 |
|
|
|
|
|
|
|
const dialogImgList=ref(false) |
|
|
|
const IndexException = ref([]); //异常类型下拉选择 |
|
|
|
const IndexException = ref([]); //异常类型下拉选择 |
|
|
|
const DiscoveringNodes = ref([]); //发现节点下拉选择 |
|
|
|
const DiscoveringNodes = ref([]); //发现节点下拉选择 |
|
|
|
const ProcessingResults = ref([]); //处理结果列表选项 |
|
|
|
const ProcessingResults = ref([]); //处理结果列表选项 |
|
|
@ -540,9 +552,11 @@ const HistorIndex = ref(0); //历史包件索引 |
|
|
|
const TotalClaimAmount = ref(0); //总金额 |
|
|
|
const TotalClaimAmount = ref(0); //总金额 |
|
|
|
const dialogReturn = ref(false); //打回弹窗 |
|
|
|
const dialogReturn = ref(false); //打回弹窗 |
|
|
|
const repulse = ref(false); //加载效果 |
|
|
|
const repulse = ref(false); //加载效果 |
|
|
|
|
|
|
|
const amplifyurl= ref('');//当前点击的图片 |
|
|
|
|
|
|
|
const amplifysrcList = ref([]);//图片循环列表 |
|
|
|
const PackageInfo = ref([ |
|
|
|
const PackageInfo = ref([ |
|
|
|
//包件信息 |
|
|
|
//包件信息 |
|
|
|
{ packageCode: '', orderCode: '', waybillNumber: '',brandName:'' }, |
|
|
|
{ packageCode: '', orderCode: '', waybillNumber: '', brandName: '' }, |
|
|
|
]); |
|
|
|
]); |
|
|
|
// 责任方列表 |
|
|
|
// 责任方列表 |
|
|
|
const FangAddList = ref([ |
|
|
|
const FangAddList = ref([ |
|
|
@ -627,7 +641,9 @@ const beforeAvatarUpload = rawFile => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 点击图片列表回调 |
|
|
|
// 点击图片列表回调 |
|
|
|
const pictureList = val => { |
|
|
|
const pictureList = val => { |
|
|
|
|
|
|
|
dialogImgList.value=true; |
|
|
|
console.log(val, '图片列表'); |
|
|
|
console.log(val, '图片列表'); |
|
|
|
|
|
|
|
amplifyurl.value=val.url; |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 点击图片移除 |
|
|
|
// 点击图片移除 |
|
|
|
const ImgListRemove = val => { |
|
|
|
const ImgListRemove = val => { |
|
|
@ -710,14 +726,15 @@ const onLoad = () => { |
|
|
|
Indexform.value['processor'] = []; |
|
|
|
Indexform.value['processor'] = []; |
|
|
|
//图片处理回显 |
|
|
|
//图片处理回显 |
|
|
|
Indexform.value.packList = res.data.data.decreaseImageVOList.map(res => { |
|
|
|
Indexform.value.packList = res.data.data.decreaseImageVOList.map(res => { |
|
|
|
|
|
|
|
amplifysrcList.value.push(res.imagePath); |
|
|
|
return { |
|
|
|
return { |
|
|
|
name: res.imageName, |
|
|
|
name: res.imageName, |
|
|
|
url: res.imagePath, |
|
|
|
url: res.imagePath, |
|
|
|
}; |
|
|
|
}; |
|
|
|
}); |
|
|
|
}); |
|
|
|
// 包件回显 |
|
|
|
// 包件回显 |
|
|
|
PackageInfo.value = res.data.data.abnormalPackageVOList |
|
|
|
PackageInfo.value = res.data.data.abnormalPackageVOList; |
|
|
|
console.log(res.data.data.abnormalPackageVOList,'包件信息'); |
|
|
|
console.log(res.data.data.abnormalPackageVOList, '包件信息'); |
|
|
|
// 责任方回显 |
|
|
|
// 责任方回显 |
|
|
|
FangAddList.value = res.data.data.processorVOList |
|
|
|
FangAddList.value = res.data.data.processorVOList |
|
|
|
.filter(item => item.typesOf == '1') |
|
|
|
.filter(item => item.typesOf == '1') |
|
|
@ -726,12 +743,16 @@ const onLoad = () => { |
|
|
|
businessName: res.businessId, |
|
|
|
businessName: res.businessId, |
|
|
|
}; |
|
|
|
}; |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
// 公司占比回显计算 |
|
|
|
|
|
|
|
let sum = 0; |
|
|
|
|
|
|
|
res.data.data.personResponsibleVOS.forEach(item => { |
|
|
|
|
|
|
|
sum = Number(item.responsibilityRatio) + sum; |
|
|
|
|
|
|
|
}); |
|
|
|
FangAddList.value = res.data.data.personResponsibleVOS.map(res => { |
|
|
|
FangAddList.value = res.data.data.personResponsibleVOS.map(res => { |
|
|
|
return { |
|
|
|
return { |
|
|
|
businessName: res.businessId, //责任人ID |
|
|
|
businessName: res.businessId, //责任人ID |
|
|
|
personResponsibleName: res.personResponsibleName, //责任人名称 |
|
|
|
personResponsibleName: res.personResponsibleName, //责任人名称 |
|
|
|
responsibilityRatio: res.responsibilityRatio, //占比 |
|
|
|
responsibilityRatio: res.responsibilityRatio + '%', //占比 |
|
|
|
description: res.description, //说明 |
|
|
|
description: res.description, //说明 |
|
|
|
}; |
|
|
|
}; |
|
|
|
}); |
|
|
|
}); |
|
|
@ -742,11 +763,6 @@ const onLoad = () => { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
// 公司占比回显计算 |
|
|
|
|
|
|
|
let sum = 0; |
|
|
|
|
|
|
|
FangAddList.value.forEach(item => { |
|
|
|
|
|
|
|
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'); //异常类型 |
|
|
@ -756,8 +772,9 @@ const onLoad = () => { |
|
|
|
ProcessingResults.value = res.data.data; |
|
|
|
ProcessingResults.value = res.data.data; |
|
|
|
}); |
|
|
|
}); |
|
|
|
// 处理结果回显 |
|
|
|
// 处理结果回显 |
|
|
|
if(res.data.data.processingResultsVO.processingMoneyEntityList){ |
|
|
|
if (res.data.data.processingResultsVO.processingMoneyEntityList) { |
|
|
|
ProcessingList.value = res.data.data.processingResultsVO.processingMoneyEntityList.map(item => { |
|
|
|
ProcessingList.value = res.data.data.processingResultsVO.processingMoneyEntityList.map( |
|
|
|
|
|
|
|
item => { |
|
|
|
Indexform.value.result.push(item.resultType); |
|
|
|
Indexform.value.result.push(item.resultType); |
|
|
|
return { |
|
|
|
return { |
|
|
|
input: item.money, |
|
|
|
input: item.money, |
|
|
@ -768,7 +785,8 @@ const onLoad = () => { |
|
|
|
name: item.resultTypeName, |
|
|
|
name: item.resultTypeName, |
|
|
|
text: item.compensationMethodName, |
|
|
|
text: item.compensationMethodName, |
|
|
|
}; |
|
|
|
}; |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
// 总金额回显 |
|
|
|
// 总金额回显 |
|
|
|
TotalClaimAmount.value = res.data.data.processingResultsVO.money; |
|
|
|
TotalClaimAmount.value = res.data.data.processingResultsVO.money; |
|
|
@ -850,7 +868,6 @@ const TopChange = val => { |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 批量打回 |
|
|
|
// 批量打回 |
|
|
|
const BatchReturn = () => { |
|
|
|
const BatchReturn = () => { |
|
|
|
BatchFrom.value.businessDepartment = []; |
|
|
|
BatchFrom.value.businessDepartment = []; |
|
|
@ -1079,6 +1096,7 @@ const addingRecord = () => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 客服仲裁完结 |
|
|
|
// 客服仲裁完结 |
|
|
|
const CustomerServiceCompleted = () => { |
|
|
|
const CustomerServiceCompleted = () => { |
|
|
|
|
|
|
|
|
|
|
|
$router.push({ |
|
|
|
$router.push({ |
|
|
|
path: '/aftersales/aftersalesWorkOrdermodify', |
|
|
|
path: '/aftersales/aftersalesWorkOrdermodify', |
|
|
|
query: { |
|
|
|
query: { |
|
|
@ -1091,6 +1109,7 @@ const CustomerServiceCompleted = () => { |
|
|
|
index: '1', |
|
|
|
index: '1', |
|
|
|
}, |
|
|
|
}, |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
// 编辑信息 |
|
|
|
// 编辑信息 |
|
|
|
const EditInformation = () => { |
|
|
|
const EditInformation = () => { |
|
|
@ -1103,7 +1122,7 @@ const EditInformation = () => { |
|
|
|
warehouseId: $route.query.warehouseId, |
|
|
|
warehouseId: $route.query.warehouseId, |
|
|
|
workOrderNumber: $route.query.workOrderNumber, |
|
|
|
workOrderNumber: $route.query.workOrderNumber, |
|
|
|
RouterState: 'Infoedit', |
|
|
|
RouterState: 'Infoedit', |
|
|
|
ProcessType:$route.query.ProcessType, //类型 1 待处理 2 已处理 |
|
|
|
ProcessType: $route.query.ProcessType, //类型 1 待处理 2 已处理 |
|
|
|
}, |
|
|
|
}, |
|
|
|
}); |
|
|
|
}); |
|
|
|
}; |
|
|
|
}; |
|
|
@ -1454,4 +1473,8 @@ const EndJump = () => { |
|
|
|
height: 30px !important; |
|
|
|
height: 30px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.el-image){ |
|
|
|
|
|
|
|
width: 100% !important; |
|
|
|
|
|
|
|
height: 300px !important; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|