|
|
|
@ -5,37 +5,7 @@
|
|
|
|
|
<el-row v-if="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="query" class="el-fr-d"> |
|
|
|
|
<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-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-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-form-item label="扫码时间:" class="el-times"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
@ -48,7 +18,7 @@
|
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="签收时间:" class="el-times"> |
|
|
|
|
<el-form-item label="卸车时间:" class="el-times"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
type="daterange" |
|
|
|
@ -61,10 +31,6 @@
|
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="车次号:" class="el-times"> |
|
|
|
|
<el-input v-model="query.stockupArea" placeholder="请输入车次号"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item class="el-btn"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
|
|
@ -78,18 +44,12 @@
|
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="Plus" @click="handleShowTransfer('add')" |
|
|
|
|
>新增中转 |
|
|
|
|
<el-button type="primary" icon="Edit" @click="handleShowTransfer('add')" |
|
|
|
|
>计划仓更改 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="primary" icon="Printer" @click="searchReset()">装载清单</el-button> |
|
|
|
|
<el-button type="primary" icon="Printer" @click="searchReset()" |
|
|
|
|
>装载卸车清单(财务)</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" icon="Van" @click="searchReset()">发 车</el-button> |
|
|
|
|
<el-button type="primary" icon="Delete" @click="searchReset()">取消发车</el-button> |
|
|
|
|
<el-button type="primary" icon="Delete" @click="searchReset()">取消装车</el-button> |
|
|
|
|
<el-button type="primary" icon="CircleCheck" @click="searchReset()">到 达</el-button> |
|
|
|
|
<el-button type="primary" icon="Edit" @click="searchReset()">修 改</el-button> |
|
|
|
|
<el-button type="primary" icon="List" @click="searchReset()">批量卸车</el-button> |
|
|
|
|
<el-button type="primary" icon="Delete" @click="searchReset()">删除</el-button> |
|
|
|
|
<el-button type="primary" icon="Printer" @click="searchReset()">二维码</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
@ -104,7 +64,7 @@
|
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:columnList="details.detailsColumnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
:loading="loadingObj.list" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
@ -113,35 +73,10 @@
|
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '批次号'"> |
|
|
|
|
<el-text>123</el-text> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)"> |
|
|
|
|
删除 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)"> |
|
|
|
|
文员签收 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)"> |
|
|
|
|
结算 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="handleShowTruckLoadingDetails(slotProps.scope)" |
|
|
|
|
>装车明细</el-button |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
<template #default="slotProps"> </template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<!-- 统计 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div>选择数: , 运单数: , 件数: , 重量: , 体积: , 提货费: ,</div> |
|
|
|
|
<div>总计: 总数: , 运单数: , 件数: , 重量: , 体积: , 提货费: ,</div> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-row class="el-fy"> |
|
|
|
|
<div class="avue-crud__pagination flex-c-sb" style="width: 100%"> |
|
|
|
@ -164,372 +99,6 @@
|
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
|
|
<!-- 编辑弹窗 --> |
|
|
|
|
<el-dialog |
|
|
|
|
title="装车明细" |
|
|
|
|
v-model="details.popUpShow.truckLoadingDetailVisited" |
|
|
|
|
width="80%" |
|
|
|
|
:before-close="beforeClose" |
|
|
|
|
append-to-body |
|
|
|
|
class="truckLoadingDetailPopUp" |
|
|
|
|
> |
|
|
|
|
<el-form :inline="true" :model="query" class="el-fr-d"> |
|
|
|
|
<div class="fo-fl"> |
|
|
|
|
<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> |
|
|
|
|
<el-button type="primary" icon="Edit" @click="searchChange">中转批量签收</el-button> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchReset()">搜 索</el-button> |
|
|
|
|
<el-button icon="el-icon-printer" @click="searchReset()">二维码</el-button> |
|
|
|
|
<el-button |
|
|
|
|
icon="Operation" |
|
|
|
|
@click="showdrawer(true, 'truckLoadingDetail')" |
|
|
|
|
circle |
|
|
|
|
></el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.detailsColumnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
:loading="loadingObj.list" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> </template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-pagination |
|
|
|
|
align="right" |
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="trickleLoadingPage.currentPage" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="trickleLoadingPage.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="trickleLoadingPage.total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 创建 && 编辑 中转 --> |
|
|
|
|
<el-dialog |
|
|
|
|
title="新增中转" |
|
|
|
|
v-model="details.popUpShow.transferVisited" |
|
|
|
|
width="80%" |
|
|
|
|
:before-close="beforeClose" |
|
|
|
|
append-to-body |
|
|
|
|
class="transferPopUp" |
|
|
|
|
> |
|
|
|
|
<el-form :inline="true" label-width="100px" :model="query" class="el-fr-d"> |
|
|
|
|
<div class="fo-fl"> |
|
|
|
|
<el-form-item label="中转承运商"> |
|
|
|
|
<el-select |
|
|
|
|
teleported="true" |
|
|
|
|
v-model="query.value" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="Select" |
|
|
|
|
size="default" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="经办人"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="送货方式"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="付款方式"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="运费分摊方式"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="送货司机"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户类型"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否结算"> |
|
|
|
|
<el-select v-model="query.value" class="m-2" placeholder="Select" size="default"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="代收贷款"> |
|
|
|
|
<el-input-number :precision="2" :step="1" controls-position="right" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="承运单号"> |
|
|
|
|
<el-input /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="承运时间"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="query.value1" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="承运时间" |
|
|
|
|
size="default" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户收货时间"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="query.value1" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="客户收货时间" |
|
|
|
|
size="default" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="运费"> |
|
|
|
|
<el-input-number :precision="2" :step="1" controls-position="right" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="司机结算费"> |
|
|
|
|
<el-input-number :precision="2" :step="1" controls-position="right" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div style="width: 100%"> |
|
|
|
|
<el-form-item label="备注"> <el-input type="textarea" placeholder="备注" /></el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
<div class="add_row"> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<div style="width: 47%"> |
|
|
|
|
<div class="add_row_title">运单池</div> |
|
|
|
|
<div v-if="!search"> |
|
|
|
|
<el-form :inline="true" label-width="80px" :model="details.oldQuery" class="el-fr-d"> |
|
|
|
|
<div class="fo-fl"> |
|
|
|
|
<el-form-item label="备注" class="el-times"> |
|
|
|
|
<el-input></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="托盘码" class="el-times"> |
|
|
|
|
<el-input></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item class="el-times"> |
|
|
|
|
<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> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchReset()" |
|
|
|
|
>搜 索</el-button |
|
|
|
|
> |
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">重置</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div style="margin-bottom: 10px" class="flex-c-sb"> |
|
|
|
|
<!-- 控件 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true, 1)" circle></el-button> |
|
|
|
|
<el-button icon="el-icon-search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-button type="text" style="cursor: pointer" @click="handleAddWaybill"> |
|
|
|
|
加入调度池 |
|
|
|
|
<el-icon><CaretRight /></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.oldColumnList" |
|
|
|
|
:tableData="details.oldData" |
|
|
|
|
:loading="loadingObj.oldListLoading" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
</tablecmt> |
|
|
|
|
<!-- 统计行 --> |
|
|
|
|
<div class="statistics_row"> |
|
|
|
|
<!-- <div>合计: 选择数: {{ addInfo.oldSelectionList.length }},</div> |
|
|
|
|
<div>件数: {{ selectionList.length }},</div> |
|
|
|
|
<div>重量: {{ selectionList.length }},</div> |
|
|
|
|
<div>体积: {{ selectionList.length }}</div> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="avue-crud__pagination flex-c-sb" style="width: 100%"> |
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-pagination |
|
|
|
|
style="zoom: 0.9" |
|
|
|
|
align="right" |
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="zeroAdditionalRecordingInfo.oldPage.currentPage" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="zeroAdditionalRecordingInfo.oldPage.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="zeroAdditionalRecordingInfo.oldPage.total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<div style="width: 47%"> |
|
|
|
|
<div class="add_row_title">调度池</div> |
|
|
|
|
<div v-if="!search"> |
|
|
|
|
<el-form :inline="true" label-width="80px" :model="details.newQuery" class="el-fr-d"> |
|
|
|
|
<div class="fo-fl"> |
|
|
|
|
<el-form-item label="备注" class="el-times"> |
|
|
|
|
<el-input></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="托盘码" class="el-times"> |
|
|
|
|
<el-input></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="el-times"> |
|
|
|
|
<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> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchReset()" |
|
|
|
|
>搜 索</el-button |
|
|
|
|
> |
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">重置</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div style="margin-bottom: 10px" class="flex-c-sb"> |
|
|
|
|
<el-button type="text" class="pointer" @click="handleRemoveWaybill"> |
|
|
|
|
<el-icon><CaretLeft /></el-icon> |
|
|
|
|
移除调度池 |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<!-- 控件 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true, 2)" circle></el-button> |
|
|
|
|
<el-button icon="el-icon-search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.newColumnList" |
|
|
|
|
:tableData="details.newData" |
|
|
|
|
:loading="loadingObj.newListLoading" |
|
|
|
|
@inputTxt="newInputsc" |
|
|
|
|
@timeCheck="newTimesc" |
|
|
|
|
@btnCheck="newBtnsc" |
|
|
|
|
@selectCheck="newSelectsc" |
|
|
|
|
@selection="newSelectionChange" |
|
|
|
|
> |
|
|
|
|
</tablecmt> |
|
|
|
|
<div class="statistics_row"> |
|
|
|
|
<!-- <div>合计: 选择数: {{ addInfo.oldSelectionList.length }},</div> |
|
|
|
|
<div>件数: {{ selectionList.length }},</div> |
|
|
|
|
<div>重量: {{ selectionList.length }},</div> |
|
|
|
|
<div>体积: {{ selectionList.length }}</div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- <el-button></el-button> --> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
|
@setcolum="setnewcolum" |
|
|
|
@ -547,12 +116,7 @@ import { mapGetters } from 'vuex';
|
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
|
import { |
|
|
|
|
columnList, |
|
|
|
|
detailsColumnList, |
|
|
|
|
oldColumnList, |
|
|
|
|
newColumnList, |
|
|
|
|
} from '@/option/distribution/TripartiteTransfer'; |
|
|
|
|
import { detailsColumnList } from '@/option/distribution/TripartiteTransfer'; |
|
|
|
|
import { useRouter } from 'vue-router'; |
|
|
|
|
|
|
|
|
|
// 获取路由实例 |
|
|
|
@ -595,25 +159,14 @@ const details = reactive<any>({
|
|
|
|
|
], |
|
|
|
|
/** 时间选择器数据 */ |
|
|
|
|
stockupDate: [], |
|
|
|
|
/** 列表 */ |
|
|
|
|
columnList, |
|
|
|
|
/** 装车明细表头信息 */ |
|
|
|
|
detailsColumnList, |
|
|
|
|
/** 修改的列表信息 */ |
|
|
|
|
editColumnList: [], |
|
|
|
|
/** 运单池 */ |
|
|
|
|
oldColumnList, |
|
|
|
|
/** 调度池 */ |
|
|
|
|
newColumnList, |
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [{}], |
|
|
|
|
newData: [], |
|
|
|
|
oldData: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
list: false, |
|
|
|
|
oldListLoading: false, |
|
|
|
|
}, |
|
|
|
|
/** 列表复选框选中的数据 */ |
|
|
|
|
selectionList: [], |
|
|
|
@ -625,12 +178,6 @@ const details = reactive<any>({
|
|
|
|
|
pageSize: 30, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
/** 装车明细分页参数 */ |
|
|
|
|
trickleLoadingPage: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageSize: 30, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
/** 弹出层显示 */ |
|
|
|
|
popUpShow: { |
|
|
|
|
/** 装车详情 */ |
|
|
|
@ -641,16 +188,6 @@ const details = reactive<any>({
|
|
|
|
|
/** 列表Dom节点 */ |
|
|
|
|
listNode: '', |
|
|
|
|
form: {}, |
|
|
|
|
/** 零担补录信息 */ |
|
|
|
|
zeroAdditionalRecordingInfo: { |
|
|
|
|
oldPage: { |
|
|
|
|
pageSize: 30, |
|
|
|
|
currentPage: 1, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
/** 无用 */ |
|
|
|
|
options: [], |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { |
|
|
|
@ -664,8 +201,6 @@ const {
|
|
|
|
|
drawerShow, |
|
|
|
|
page, |
|
|
|
|
trickleLoadingPage, |
|
|
|
|
zeroAdditionalRecordingInfo, |
|
|
|
|
popUpShow, |
|
|
|
|
} = toRefs(details); |
|
|
|
|
|
|
|
|
|
/** vuex */ |
|
|
|
@ -679,6 +214,78 @@ onMounted(() => {
|
|
|
|
|
console.log('details.listNode :>> ', details.listNode); |
|
|
|
|
clearTimeout(timer); |
|
|
|
|
}, 100); |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* 初始化获取本地缓存的编辑隐藏的列表 |
|
|
|
|
* 固定搭配,不能更改 |
|
|
|
|
*/ |
|
|
|
|
let checkListnewarr = functions.getStorage(window.location.pathname + 'checkList'); |
|
|
|
|
let flexListnewarr = functions.getStorage(window.location.pathname + 'flexList'); |
|
|
|
|
let sortlistnewarr = functions.getStorage(window.location.pathname + 'sortlist'); |
|
|
|
|
if (checkListnewarr) { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
item.head = false; |
|
|
|
|
}); |
|
|
|
|
checkListnewarr.map(ite => { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
if (ite == item.label) { |
|
|
|
|
item.head = true; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let arr = []; |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
if (item.head) { |
|
|
|
|
arr.push(item.label); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
functions.setStorage(window.location.pathname + 'checkList', arr); |
|
|
|
|
} |
|
|
|
|
if (flexListnewarr) { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
item.fixed = false; |
|
|
|
|
}); |
|
|
|
|
flexListnewarr.map(ite => { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
if (ite == item.label) { |
|
|
|
|
if (item.type == 6) { |
|
|
|
|
item.fixed = 'right'; |
|
|
|
|
} else { |
|
|
|
|
item.fixed = true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let arr = []; |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
if (item.fixed) { |
|
|
|
|
arr.push(item.label); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
functions.setStorage(window.location.pathname + 'flexList', arr); |
|
|
|
|
} |
|
|
|
|
if (sortlistnewarr) { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
item.sortable = false; |
|
|
|
|
}); |
|
|
|
|
sortlistnewarr.map(ite => { |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
if (ite == item.label) { |
|
|
|
|
item.sortable = true; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
let arr = []; |
|
|
|
|
details.columnList.map(item => { |
|
|
|
|
if (item.sortable) { |
|
|
|
|
arr.push(item.label); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
functions.setStorage(window.location.pathname + 'sortlist', arr); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|