|
|
|
|
@ -161,7 +161,7 @@
|
|
|
|
|
<!-- 控件 --> |
|
|
|
|
<div style="margin-bottom: 10px" class="flex-c-sb"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" icon="Promotion" @click="searchReset()"> |
|
|
|
|
<el-button type="primary" icon="Promotion" @click="handleCostApportionments"> |
|
|
|
|
成本分摊确认 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
@ -308,9 +308,8 @@
|
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
|
|
<!-- 打印二维码 --> |
|
|
|
|
<!-- 添加运输合同图片 --> |
|
|
|
|
<el-dialog |
|
|
|
|
class="el-dialog-QRCode" |
|
|
|
|
title="添加运输合同图片" |
|
|
|
|
:visible.sync="details.popUpShow.addImgVisible" |
|
|
|
|
width="780px" |
|
|
|
|
@ -332,6 +331,35 @@
|
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 处理异常数据 --> |
|
|
|
|
<el-dialog |
|
|
|
|
title="异常数据" |
|
|
|
|
width="70vw" |
|
|
|
|
v-model="details.popUpShow.abnormalVisible" |
|
|
|
|
:align-center="true" |
|
|
|
|
> |
|
|
|
|
<div class="flex"> |
|
|
|
|
<el-button type="primary" icon="Delete" @click="handleBatchDelete">批 量 删 除</el-button> |
|
|
|
|
</div> |
|
|
|
|
<tablecmt |
|
|
|
|
class="abnormalTableRef mt10" |
|
|
|
|
style="height: 60vh" |
|
|
|
|
:columnList="details.abnormalColumn" |
|
|
|
|
:tableData="details.abnormalData" |
|
|
|
|
:loading="loadingObj.abnormalLoading" |
|
|
|
|
ref="abnormalTableRef" |
|
|
|
|
@selection="list => (details.abnormalSelectionList = list)" |
|
|
|
|
:isShowRefresh="false" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> </template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
<div class="flex-c-c mt10"> |
|
|
|
|
<el-button @click="details.popUpShow.abnormalVisible = false">关 闭</el-button> |
|
|
|
|
<el-button type="primary" @click="handleSubmitAbnormal">成本分摊</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<edittablehead |
|
|
|
|
@setcolum="setnewcolum" |
|
|
|
|
@closce="showdrawer" |
|
|
|
|
@ -340,7 +368,7 @@
|
|
|
|
|
> |
|
|
|
|
</edittablehead> |
|
|
|
|
</template> |
|
|
|
|
<!-- activeTab: 'tab1' --> |
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue'; |
|
|
|
|
import functions from '@/utils/functions'; |
|
|
|
|
@ -348,8 +376,10 @@ import dayjs from 'dayjs';
|
|
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { downloadXls, computeNumber, setNodeHeight, debounce } from '@/utils/util'; |
|
|
|
|
import { downloadXls, computeNumber, setNodeHeight, debounce, deepClone } from '@/utils/util'; |
|
|
|
|
import { detailsColumnList, nodeInfoColumnList } from '@/option/distribution/addVehicleStowage'; |
|
|
|
|
import { detailsColumnList as abnormalColumn } from '@/option/distribution/TripartiteTransfer'; |
|
|
|
|
|
|
|
|
|
import { getToken } from '@/utils/auth'; |
|
|
|
|
|
|
|
|
|
import { |
|
|
|
|
@ -358,10 +388,13 @@ import {
|
|
|
|
|
postFindContractList, |
|
|
|
|
postAddContractByLoadId, |
|
|
|
|
postFindFinanceList, |
|
|
|
|
postFindCostShareBefore, |
|
|
|
|
postCostShareByLoadId, |
|
|
|
|
} from '@/api/distribution/VehicleStowageDetails.js'; |
|
|
|
|
import { postRemoveCarsLoadScan } from '@/api/distribution/truckLoadingDetails'; |
|
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
|
import { useStore } from 'vuex'; |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'; |
|
|
|
|
|
|
|
|
|
/** 被合并的列 */ |
|
|
|
|
const mergeColumn = []; |
|
|
|
|
@ -385,6 +418,8 @@ const ruleFormRef = ref();
|
|
|
|
|
// 表格实例 |
|
|
|
|
const oldColumnListNode = ref(); |
|
|
|
|
|
|
|
|
|
const abnormalTableRef = ref(); |
|
|
|
|
|
|
|
|
|
// 节点信息 |
|
|
|
|
const nodeInfoRef = ref(); |
|
|
|
|
|
|
|
|
|
@ -444,6 +479,8 @@ const details = reactive<any>({
|
|
|
|
|
oldListLoading: false, |
|
|
|
|
/** 页面loading */ |
|
|
|
|
pageLoading: false, |
|
|
|
|
/** 异常列表 */ |
|
|
|
|
abnormalLoading: false, |
|
|
|
|
}, |
|
|
|
|
/** 列表复选框选中的数据 */ |
|
|
|
|
selectionList: [], |
|
|
|
|
@ -451,12 +488,10 @@ const details = reactive<any>({
|
|
|
|
|
drawerShow: false, |
|
|
|
|
/** 弹出层显示 */ |
|
|
|
|
popUpShow: { |
|
|
|
|
/** 装车详情 */ |
|
|
|
|
truckLoadingDetailVisited: false, |
|
|
|
|
/** 零担补录 */ |
|
|
|
|
transferVisited: false, |
|
|
|
|
/** 运输图片添加弹窗 */ |
|
|
|
|
addImgVisible: false, |
|
|
|
|
/** 异常数据处理 */ |
|
|
|
|
abnormalVisible: false, |
|
|
|
|
}, |
|
|
|
|
/** 列表Dom节点 */ |
|
|
|
|
listNode: '', |
|
|
|
|
@ -500,6 +535,12 @@ const details = reactive<any>({
|
|
|
|
|
carriageContractList: [], |
|
|
|
|
/** 上传图片list */ |
|
|
|
|
updateImgList: [], |
|
|
|
|
/** 异常数据 */ |
|
|
|
|
abnormalData: [], |
|
|
|
|
/** 异常列表表头 */ |
|
|
|
|
abnormalColumn: deepClone(abnormalColumn), |
|
|
|
|
/** 异常被选中数据 */ |
|
|
|
|
abnormalSelectionList: [], |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { |
|
|
|
|
@ -903,6 +944,91 @@ const back = () => {
|
|
|
|
|
$router.push({ path: '/distribution/artery/TripartiteTransfer' }); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 成本分摊 */ |
|
|
|
|
const handleCostApportionments = async () => { |
|
|
|
|
ElMessageBox.confirm('确定要进行费用分摊吗?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(async () => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLoading = true; |
|
|
|
|
|
|
|
|
|
const submitData = { |
|
|
|
|
loadId: $route.query.loadId, |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const res = await postFindCostShareBefore(submitData); |
|
|
|
|
const { code, data, msg } = res.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) return; |
|
|
|
|
|
|
|
|
|
// 没有异常数据, 进行分摊 |
|
|
|
|
if (data.noDataLoadScanList.length === 0) { |
|
|
|
|
const response = await postCostShareByLoadId(submitData); |
|
|
|
|
|
|
|
|
|
const { code, data, msg } = response.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
ElMessage.success(msg); |
|
|
|
|
} else { |
|
|
|
|
// 存在异常数据, 处理异常数据 |
|
|
|
|
details.popUpShow.abnormalVisible = true; |
|
|
|
|
details.abnormalData = data.noDataLoadScanList; |
|
|
|
|
await nextTick(); |
|
|
|
|
setNodeHeight(abnormalTableRef.value.$el, '60vh'); |
|
|
|
|
setTabelHeight(); |
|
|
|
|
} |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLoading = false; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const handleSubmitAbnormal = () => { |
|
|
|
|
if (details.abnormalData.length === 0) |
|
|
|
|
return ElMessage.warning('还存在异常数据, 请先处理完异常数据'); |
|
|
|
|
|
|
|
|
|
handleCostApportionments(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 异常数据批量删除 */ |
|
|
|
|
const handleBatchDelete = () => { |
|
|
|
|
if (details.abnormalSelectionList.length === 0) return ElMessage.warning('请选择要删除的数据'); |
|
|
|
|
|
|
|
|
|
ElMessageBox.confirm('确定要删除吗?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(async () => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.abnormalLoading = true; |
|
|
|
|
|
|
|
|
|
const res = await postRemoveCarsLoadScan({ |
|
|
|
|
carsLoadScanIds: details.abnormalSelectionList.map(val => val.id).join(','), |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
if (res.data.code !== 200) return; |
|
|
|
|
ElMessage.success(res.data.msg); |
|
|
|
|
|
|
|
|
|
const submitData = { |
|
|
|
|
loadId: $route.query.loadId, |
|
|
|
|
}; |
|
|
|
|
const response = await postFindCostShareBefore(submitData); |
|
|
|
|
const { code, data } = response.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) return; |
|
|
|
|
|
|
|
|
|
details.abnormalData = data.noDataLoadScanList; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.abnormalLoading = false; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
watch( |
|
|
|
|
() => $route.query, |
|
|
|
|
() => { |
|
|
|
|
|
