|
|
|
|
@ -1,65 +1,59 @@
|
|
|
|
|
<template> |
|
|
|
|
<basic-container> |
|
|
|
|
<div class="avue-crud"> |
|
|
|
|
<div class="avue-crud" v-loading="details.loadingObj.pageLoading"> |
|
|
|
|
<!-- 搜索模块 --> |
|
|
|
|
<el-row v-if="!search"> |
|
|
|
|
<div v-h5uShow="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="query" class="el-fr-d"> |
|
|
|
|
<div class="fo-fl"> |
|
|
|
|
<el-form-item label="车次号:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="query.serviceNumber" |
|
|
|
|
placeholder="请输入车次号" |
|
|
|
|
clearable |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="提货时间:" class="el-times"> |
|
|
|
|
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>--> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="实际发车:" class="el-times"> |
|
|
|
|
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>--> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="创建时间:" class="el-times"> |
|
|
|
|
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>--> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<el-form :inline="true" :model="query" class="header_search"> |
|
|
|
|
<el-form-item label="车次号:"> |
|
|
|
|
<el-input v-model="query.serviceNumber" placeholder="请输入车次号" clearable></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="提货时间:" class="el-times"> |
|
|
|
|
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>--> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="实际发车:" class="el-times"> |
|
|
|
|
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>--> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="创建时间:" class="el-times"> |
|
|
|
|
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>--> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item class="el-btn"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
@ -162,40 +156,47 @@
|
|
|
|
|
|
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="handleControl"> |
|
|
|
|
<el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)"> |
|
|
|
|
<el-text @click="handleShowzeroAdditionalRecording(slotProps.scope)"> |
|
|
|
|
零担补录 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="handleShowTruckLoadingDetails(slotProps.scope)"> |
|
|
|
|
装车明细 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="text" |
|
|
|
|
:disabled="Mydata.id !== slotProps.scope.row.nowWarehouseId" |
|
|
|
|
</el-text> |
|
|
|
|
<el-text @click="handleShowTruckLoadingDetails(slotProps.scope)"> 装车明细 </el-text> |
|
|
|
|
<el-text |
|
|
|
|
v-if="Mydata.id === slotProps.scope.row.nowWarehouseId" |
|
|
|
|
@click="handleEditStowage(slotProps.scope)" |
|
|
|
|
> |
|
|
|
|
编辑 |
|
|
|
|
</el-button> |
|
|
|
|
<!-- <el-button type="text">数据同步</el-button> --> |
|
|
|
|
<!-- <el-button type="text">批量装车</el-button> |
|
|
|
|
<el-button type="text">手动装车</el-button> --> |
|
|
|
|
<el-button |
|
|
|
|
type="text" |
|
|
|
|
:disabled="Mydata.id !== slotProps.scope.row.nowWarehouseId" |
|
|
|
|
@click="handleNodeCost(slotProps.scope)" |
|
|
|
|
> |
|
|
|
|
节点费用 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="text" |
|
|
|
|
:disabled="Mydata.id !== slotProps.scope.row.nowWarehouseId" |
|
|
|
|
@click="handleDirectGoMarketVesited(slotProps.scope)" |
|
|
|
|
> |
|
|
|
|
配置直发商家 |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<el-button type="text" @click="handleDirectGoMarketDetails(slotProps.scope)"> |
|
|
|
|
签收详情 |
|
|
|
|
</el-button> |
|
|
|
|
</el-text> |
|
|
|
|
|
|
|
|
|
<el-dropdown> |
|
|
|
|
<span class="el-dropdown-link"> |
|
|
|
|
<el-text> |
|
|
|
|
更多 <el-icon class="el-icon--right"><arrow-down /></el-icon |
|
|
|
|
></el-text> |
|
|
|
|
</span> |
|
|
|
|
<template #dropdown> |
|
|
|
|
<el-dropdown-menu> |
|
|
|
|
<el-dropdown-item v-if="Mydata.id === slotProps.scope.row.nowWarehouseId"> |
|
|
|
|
<el-text @click="handleNodeCost(slotProps.scope)"> 节点费用 </el-text> |
|
|
|
|
</el-dropdown-item> |
|
|
|
|
|
|
|
|
|
<el-dropdown-item v-if="Mydata.id === slotProps.scope.row.nowWarehouseId"> |
|
|
|
|
<el-text @click="handleDirectGoMarketVesited(slotProps.scope)"> |
|
|
|
|
配置直发商家 |
|
|
|
|
</el-text> |
|
|
|
|
</el-dropdown-item> |
|
|
|
|
|
|
|
|
|
<el-dropdown-item> |
|
|
|
|
<el-text @click="handleDirectGoMarketDetails(slotProps.scope)"> |
|
|
|
|
签收详情 |
|
|
|
|
</el-text> |
|
|
|
|
</el-dropdown-item> |
|
|
|
|
|
|
|
|
|
<el-dropdown-item v-if="Mydata.id === slotProps.scope.row.nowWarehouseId"> |
|
|
|
|
<el-text @click="handleManualLoading(slotProps.scope)"> 手动装车 </el-text> |
|
|
|
|
</el-dropdown-item> |
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
</template> |
|
|
|
|
</el-dropdown> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
@ -368,6 +369,7 @@ import {
|
|
|
|
|
postFindNextNodeList, |
|
|
|
|
postUpdateLoadScanFinalNodeIdById, |
|
|
|
|
postRemoveCarsLoadScan, |
|
|
|
|
postManualLoadingloadId, |
|
|
|
|
} from '@/api/distribution/VehicleStowage'; |
|
|
|
|
import { useStore } from 'vuex'; |
|
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
|
@ -432,6 +434,8 @@ const details = reactive<any>({
|
|
|
|
|
list: false, |
|
|
|
|
/** 配置装车目的地详情 */ |
|
|
|
|
truckLoadingDetailPopUpLoading: false, |
|
|
|
|
/** 页面laoding */ |
|
|
|
|
pageLoading: false, |
|
|
|
|
}, |
|
|
|
|
/** 列表复选框选中的数据 */ |
|
|
|
|
selectionList: [], |
|
|
|
|
@ -615,7 +619,12 @@ const onLoad = async (params = {}) => {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onLoad(); |
|
|
|
|
const initOnload = () => { |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
initOnload(); |
|
|
|
|
/** 初始化请求数据 */ |
|
|
|
|
const init = async item => { |
|
|
|
|
const res = await postFindNextNodeList({ loadId: item.id }); |
|
|
|
|
@ -635,7 +644,7 @@ const init = async item => {
|
|
|
|
|
|
|
|
|
|
/** 搜索 */ |
|
|
|
|
const searchChange = () => { |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnload(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 清空表单 */ |
|
|
|
|
@ -643,7 +652,7 @@ const searchReset = () => {
|
|
|
|
|
details.query = {}; |
|
|
|
|
details.stockupDate = []; |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnload(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 展开列表控件 */ |
|
|
|
|
@ -653,29 +662,15 @@ const showdrawer = (_flag?: boolean) => {
|
|
|
|
|
|
|
|
|
|
/** 是否开启搜索区 */ |
|
|
|
|
const searchHide = () => { |
|
|
|
|
function getWinHight() { |
|
|
|
|
var windowHight = 0; |
|
|
|
|
if (document.body.clientHeight && document.documentElement.clientHeight) { |
|
|
|
|
windowHight = |
|
|
|
|
document.body.clientHeight < document.documentElement.clientHeight |
|
|
|
|
? document.body.clientHeight |
|
|
|
|
: document.documentElement.clientHeight; |
|
|
|
|
} else { |
|
|
|
|
} |
|
|
|
|
return document.documentElement.clientHeight; |
|
|
|
|
} |
|
|
|
|
details.search = !details.search; |
|
|
|
|
const timer = setTimeout(() => { |
|
|
|
|
details.listNode.style.height = |
|
|
|
|
getWinHight() - details.listNode.getBoundingClientRect().top - 70 + 'px'; |
|
|
|
|
clearTimeout(timer); |
|
|
|
|
}, 10); |
|
|
|
|
|
|
|
|
|
setNodeHeight(details.listNode, '', true); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
const inputsc = (index, row) => { |
|
|
|
|
details.query[row.prop] = index; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnload(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头时间选择 */ |
|
|
|
|
@ -688,7 +683,7 @@ const timesc = (index, row) => {
|
|
|
|
|
if (!index) { |
|
|
|
|
delete details.query[row.prop]; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnload(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
@ -702,7 +697,7 @@ const selectsc = (index, row) => {
|
|
|
|
|
details.query['certificateType'] = index; |
|
|
|
|
if (!index) delete details.query['certificateType']; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnload(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头复选框选择 */ |
|
|
|
|
@ -713,7 +708,7 @@ const selectionChange = (list: any) => {
|
|
|
|
|
/** 每页数量改变执行的回调 */ |
|
|
|
|
const sizeChange = (pageSize: number) => { |
|
|
|
|
details.page.pageSize = pageSize; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnload(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
@ -939,7 +934,7 @@ const handleStartCar = async () => {
|
|
|
|
|
message: '发车成功', |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
onLoad(); |
|
|
|
|
initOnload(); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
@ -1067,7 +1062,7 @@ const handleCancelStartCar = () => {
|
|
|
|
|
type: 'success', |
|
|
|
|
message: '取消发车成功', |
|
|
|
|
}); |
|
|
|
|
onLoad(); |
|
|
|
|
initOnload(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -1116,9 +1111,32 @@ const handleCancelCarsLoad = () => {
|
|
|
|
|
type: 'success', |
|
|
|
|
message: '取消配载成功', |
|
|
|
|
}); |
|
|
|
|
onLoad(); |
|
|
|
|
initOnload(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 手动装车 */ |
|
|
|
|
const handleManualLoading = ({ row }) => { |
|
|
|
|
console.log('row :>> ', row); |
|
|
|
|
ElMessageBox.confirm(`是否进行手动装车?`) |
|
|
|
|
.then(async () => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLoading = true; |
|
|
|
|
|
|
|
|
|
const response = await postManualLoadingloadId({ loadId: row.id }); |
|
|
|
|
if (response.data.code !== 200) return; |
|
|
|
|
ElMessage.success(response.data.msg); |
|
|
|
|
initOnload(); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLoading = false; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => { |
|
|
|
|
// catch error |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -1190,6 +1208,9 @@ const handleCancelCarsLoad = () => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.handleControl { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
:deep(.el-button) { |
|
|
|
|
font-size: 0.8rem; |
|
|
|
|
} |
|
|
|
|
|
