|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
<template> |
|
|
|
|
<basic-container> |
|
|
|
|
<basic-container v-loading="details.loadingObj.pageLoading"> |
|
|
|
|
<div class="avue-crud"> |
|
|
|
|
<!-- 搜索模块 --> |
|
|
|
|
<div v-h5uShow="search"> |
|
|
|
|
@ -54,6 +54,7 @@
|
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -80,11 +81,6 @@
|
|
|
|
|
<el-button type="primary" icon="Position" @click="handleBatchPutInStorage"> |
|
|
|
|
批量入库 |
|
|
|
|
</el-button> |
|
|
|
|
<!-- <el-button type="primary" icon="Upload" @click="editClientInfo">定制品导入</el-button> |
|
|
|
|
<el-button type="primary" icon="Upload" @click="editClientInfo">标准品导入</el-button> |
|
|
|
|
<el-button type="primary" icon="Upload" @click="editClientInfo"> |
|
|
|
|
家配体积更新 |
|
|
|
|
</el-button> --> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
@ -132,7 +128,7 @@
|
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="page.currentPage" |
|
|
|
|
:current-page="page.pageNum" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="page.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
@ -144,43 +140,6 @@
|
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
|
|
<!-- 修改客户信息 --> |
|
|
|
|
<el-dialog |
|
|
|
|
class="el-dialog-QRCode" |
|
|
|
|
title="修改客户信息" |
|
|
|
|
:visible.sync="details.popUpShow.editClientInfoVisible" |
|
|
|
|
width="780px" |
|
|
|
|
v-model="details.popUpShow.editClientInfoVisible" |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<el-divider style="font-size: 28px">修改订单自编号（）客户信息</el-divider> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-form> |
|
|
|
|
<el-form-item label="客户姓名"> |
|
|
|
|
<el-input /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="联系电话"> |
|
|
|
|
<el-input /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="用户地址"> |
|
|
|
|
<el-input /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
<template #footer> |
|
|
|
|
<div class="flex-c-c dialog-footer"> |
|
|
|
|
<el-button icon="Position" type="primary" @click="printTemplate">提 交</el-button> |
|
|
|
|
<el-button icon="Refresh" type="primary" @click="printTemplate">重 置</el-button> |
|
|
|
|
<el-button icon="Close" @click="details.popUpShow.editClientInfoVisible = false"> |
|
|
|
|
取 消 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 包内产品 --> |
|
|
|
|
<el-dialog |
|
|
|
|
title="包内产品" |
|
|
|
|
@ -234,7 +193,7 @@
|
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="details.packageListPage.currentPage" |
|
|
|
|
:current-page="details.packageListPage.pageNum" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="details.packageListPage.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
@ -296,7 +255,7 @@
|
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="details.packageListPage.currentPage" |
|
|
|
|
:current-page="details.packageListPage.pageNum" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="details.packageListPage.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
@ -329,6 +288,7 @@ import {
|
|
|
|
|
postFindOrderDetails, |
|
|
|
|
postFinaPackageTrackLogList, |
|
|
|
|
getopenOrderIncomingPackage, |
|
|
|
|
getShowAdvancePackgeCode, |
|
|
|
|
} from '@/api/waybill/orderPackageListDetails.js'; |
|
|
|
|
import { showOrderPackgeCode } from '@/api/distribution/distributionStockArticle'; |
|
|
|
|
import { downloadXls, setNodeHeight, getHtmls, deepClone, getObjType } from '@/utils/util'; |
|
|
|
|
@ -402,13 +362,13 @@ const details = reactive<any>({
|
|
|
|
|
drawerShow: false, |
|
|
|
|
/** 分页参数 */ |
|
|
|
|
page: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 30, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
/** 包明细分页参数 */ |
|
|
|
|
packageListPage: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 30, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
@ -474,17 +434,28 @@ for (let i = 0; i < details.packageListColumnList.length; i++) {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|
const onLoad = async (page: any, params = {}) => { |
|
|
|
|
const onLoad = async (params = {}) => { |
|
|
|
|
try { |
|
|
|
|
if (Object.keys(details.query).length === 0) return (details.packageListData = []); |
|
|
|
|
|
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
const res = await postFindOrderDetails({ ...page, ...details.query, ...params }); |
|
|
|
|
|
|
|
|
|
const submitData = { ...details.page, ...details.query, ...params }; |
|
|
|
|
|
|
|
|
|
// 创建时间 |
|
|
|
|
if ( |
|
|
|
|
getObjType(details.query.createTimeArr) === 'array' && |
|
|
|
|
details.query.createTimeArr.length > 0 |
|
|
|
|
) { |
|
|
|
|
submitData.createTimeStartStr = details.query.createTimeArr[0]; |
|
|
|
|
submitData.createTimeEndStr = details.query.createTimeArr[1]; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
delete submitData.createTimeArr; |
|
|
|
|
const res = await postFindOrderDetails(submitData); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.packageListData = data.records; |
|
|
|
|
details.page.currentPage = data.currentPage; |
|
|
|
|
details.page.pageSize = data.pageSize; |
|
|
|
|
details.page.total = data.total; |
|
|
|
|
|
|
|
|
|
for (let i = 0; i < details.packageListData.length; i++) { |
|
|
|
|
@ -509,22 +480,22 @@ const onLoad = async (page: any, params = {}) => {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
|
|
|
|
|
/** 搜索 */ |
|
|
|
|
const searchChange = () => { |
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 清空表单 */ |
|
|
|
|
const searchReset = () => { |
|
|
|
|
details.query = {}; |
|
|
|
|
details.stockupDate = []; |
|
|
|
|
details.page.currentPage = 1; |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
for (let index = 0; index < details.packageListColumnList.length; index++) { |
|
|
|
|
details.packageListColumnList[index].values = ''; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 展开列表控件 */ |
|
|
|
|
@ -543,7 +514,7 @@ const searchHide = () => {
|
|
|
|
|
const inputsc = (index, row) => { |
|
|
|
|
details.query[row.prop] = index; |
|
|
|
|
if (index == '') delete details.query[row.prop]; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头时间选择 */ |
|
|
|
|
@ -556,7 +527,7 @@ const timesc = (index, row) => {
|
|
|
|
|
if (!index) { |
|
|
|
|
delete details.query[row.prop]; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
@ -570,7 +541,7 @@ const selectsc = (index, row) => {
|
|
|
|
|
details.query['certificateType'] = index; |
|
|
|
|
if (!index) delete details.query['certificateType']; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头复选框选择 */ |
|
|
|
|
@ -581,11 +552,14 @@ const selectionChange = (list: any) => {
|
|
|
|
|
/** 每页数量改变执行的回调 */ |
|
|
|
|
const sizeChange = (pageSize: number) => { |
|
|
|
|
details.page.pageSize = pageSize; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
const currentChange = () => {}; |
|
|
|
|
const currentChange = pageNum => { |
|
|
|
|
details.page.pageNum = pageNum; |
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* 设置列表 -- 固定函数 |
|
|
|
|
@ -615,57 +589,17 @@ const beforeClose = done => {
|
|
|
|
|
|
|
|
|
|
/** 查看包内产品 */ |
|
|
|
|
const handleShowPackageOrderList = ({ row }) => { |
|
|
|
|
details.popUpShow.packageDetailColumnListVisited = true; |
|
|
|
|
|
|
|
|
|
nextTick(() => { |
|
|
|
|
// 获取弹窗内表格元素节点, 并设置高度 |
|
|
|
|
const _node: any = document.querySelector('.packageDetailColumnListVisited .maboxhi'); |
|
|
|
|
if (!_node) return; |
|
|
|
|
_node.style.height = '550px'; |
|
|
|
|
console.log('_node :>> ', _node); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// details.popUpShow.packageDetailColumnListVisited = true; |
|
|
|
|
|
|
|
|
|
/** 修改客户信息 */ |
|
|
|
|
const editClientInfo = () => { |
|
|
|
|
if (details.selectionList.length !== 0) { |
|
|
|
|
return ElMessage({ |
|
|
|
|
type: 'warning', |
|
|
|
|
message: '最少选择一条数据', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
// editClientInfoVisible; |
|
|
|
|
details.popUpShow.editClientInfoVisible = true; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 批量删除 */ |
|
|
|
|
const handleDelete = () => { |
|
|
|
|
if (details.selectionList.length === 0) { |
|
|
|
|
return ElMessage({ |
|
|
|
|
type: 'warning', |
|
|
|
|
message: '最少选择一条数据', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// nextTick(() => { |
|
|
|
|
// // 获取弹窗内表格元素节点, 并设置高度 |
|
|
|
|
// const _node: any = document.querySelector('.packageDetailColumnListVisited .maboxhi'); |
|
|
|
|
// if (!_node) return; |
|
|
|
|
// _node.style.height = '550px'; |
|
|
|
|
// console.log('_node :>> ', _node); |
|
|
|
|
// }); |
|
|
|
|
|
|
|
|
|
/** 批量发车 */ |
|
|
|
|
const handleDepart = () => { |
|
|
|
|
if (details.selectionList.length === 0) { |
|
|
|
|
return ElMessage({ |
|
|
|
|
type: 'warning', |
|
|
|
|
message: '最少选择一条数据', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 批量冻结 */ |
|
|
|
|
const handleFreeze = () => { |
|
|
|
|
if (details.selectionList.length === 0) { |
|
|
|
|
return ElMessage({ |
|
|
|
|
type: 'warning', |
|
|
|
|
message: '最少选择一条数据', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
ElMessage.warning('暂未开放'); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
@ -700,20 +634,6 @@ const handleFullScrean = (_type: 'open' | 'close', _name: string) => {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 单列查看包条码 */ |
|
|
|
|
const printOrder = ({ row }) => { |
|
|
|
|
let qr = { |
|
|
|
|
ids: row.id, |
|
|
|
|
}; |
|
|
|
|
details.html = ''; |
|
|
|
|
showOrderPackgeCode(qr).then(res => { |
|
|
|
|
// this.orderPackageCode = res.data |
|
|
|
|
if (res.data.code !== 200) return; |
|
|
|
|
console.log(res.data); |
|
|
|
|
details.html = getHtmls(res.data.data.dataList, res.data.data.templateHtml); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 单列查看包条码 */ |
|
|
|
|
const batchPrintOrder = ({ row }) => { |
|
|
|
|
let qr = { |
|
|
|
|
@ -834,6 +754,27 @@ const handleBatchBarcode = async () => {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 单列查看包条码 */ |
|
|
|
|
const printOrder = async ({ row }) => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLoading = true; |
|
|
|
|
details.html = ''; |
|
|
|
|
let qr = { |
|
|
|
|
orderPackageCodes: row.orderPackageCode, |
|
|
|
|
}; |
|
|
|
|
const res = await getShowAdvancePackgeCode(qr); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
|
|
|
|
|
details.popUpShow.QRCodeVisible = true; |
|
|
|
|
details.html = getHtmls(data.dataList, data.templateHtml); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLoading = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 显示流转节点 */ |
|
|
|
|
const handleShowFlowNode = async ({ row }) => { |
|
|
|
|
try { |
|
|
|
|
|
