|
|
|
|
@ -71,7 +71,15 @@
|
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="Printer" @click="editClientInfo">批量打印</el-button> |
|
|
|
|
<!-- 批量打印 --> |
|
|
|
|
<el-button type="primary" icon="Printer" @click="handleBatchBarcode"> |
|
|
|
|
批量打印 |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<!-- 批量入库 --> |
|
|
|
|
<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"> |
|
|
|
|
@ -88,34 +96,31 @@
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.packageListColumnList" |
|
|
|
|
:tableData="details.packageListData" |
|
|
|
|
:loading="loadingObj.list" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<el-button type="text" @click="handleShowPackageOrderList(slotProps.scope)"> |
|
|
|
|
包内产品 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="handleShowFlowNode(slotProps.scope)"> |
|
|
|
|
流转节点 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="handlePutInStorage(slotProps.scope)"> |
|
|
|
|
直接入库 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" @click="printOrder(slotProps.scope)"> 查看二维码 </el-button> |
|
|
|
|
</template> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.packageListColumnList" |
|
|
|
|
:tableData="details.packageListData" |
|
|
|
|
:loading="loadingObj.list" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<el-text @click="handleShowPackageOrderList(slotProps.scope)"> 包内产品 </el-text> |
|
|
|
|
<el-text @click="handleShowFlowNode(slotProps.scope)"> 流转节点 </el-text> |
|
|
|
|
<el-text |
|
|
|
|
v-if="Number(slotProps.scope.row.packageStatus) === 0" |
|
|
|
|
@click="handlePutInStorage(slotProps.scope)" |
|
|
|
|
> |
|
|
|
|
直接入库 |
|
|
|
|
</el-text> |
|
|
|
|
<el-text @click="printOrder(slotProps.scope)"> 查看二维码 </el-text> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-row class="el-fy"> |
|
|
|
|
@ -301,22 +306,7 @@
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 打印二维码 --> |
|
|
|
|
<el-dialog |
|
|
|
|
class="el-dialog-QRCode" |
|
|
|
|
title="二维码" |
|
|
|
|
:visible.sync="details.popUpShow.QRCodeVisible" |
|
|
|
|
width="780px" |
|
|
|
|
v-model="details.popUpShow.QRCodeVisible" |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<div v-html="html"></div> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<!-- <el-button type="primary" @click="ddd">导 出</el-button>--> |
|
|
|
|
<el-button type="primary" @click="printTemplate">打 印</el-button> |
|
|
|
|
<el-button @click="details.popUpShow.QRCodeVisible = false">取 消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<MyPrint v-model="details.popUpShow.QRCodeVisible" width="780px" :html="details.html" /> |
|
|
|
|
|
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
|
@ -335,14 +325,15 @@ import { mapGetters } from 'vuex';
|
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { getopenOrderAdvancePageList } from '@/api/waybill/TemporaryStorageList'; |
|
|
|
|
import { postFindOrderDetails } from '@/api/waybill/orderPackageListDetails.js'; |
|
|
|
|
import { |
|
|
|
|
postFindOrderDetails, |
|
|
|
|
postFinaPackageTrackLogList, |
|
|
|
|
getopenOrderIncomingPackage, |
|
|
|
|
} from '@/api/waybill/orderPackageListDetails.js'; |
|
|
|
|
import { showOrderPackgeCode } from '@/api/distribution/distributionStockArticle'; |
|
|
|
|
import { downloadXls, setNodeHeight, getHtmls, deepClone, getObjType } from '@/utils/util'; |
|
|
|
|
import { |
|
|
|
|
packageListColumnList, |
|
|
|
|
packageDetailColumnList, |
|
|
|
|
flowNodeColumnList, |
|
|
|
|
} from '@/option/waybill/orderPackageList'; |
|
|
|
|
import { packageListColumnList, packageDetailColumnList } from '@/option/waybill/orderPackageList'; |
|
|
|
|
import { flowNodeColumnList } from '@/option/waybill/orderPackageListDetails.js'; |
|
|
|
|
import { useRouter } from 'vue-router'; |
|
|
|
|
import print from '@/utils/print'; |
|
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'; |
|
|
|
|
@ -750,7 +741,18 @@ const handlePutInStorage = row => {
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}) |
|
|
|
|
.then(() => { |
|
|
|
|
.then(async () => { |
|
|
|
|
const submitData = { |
|
|
|
|
orderPackageCode: row.orderPackageCode, |
|
|
|
|
/** 直接入库 */ |
|
|
|
|
incomingType: '3', |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const res = await getopenOrderIncomingPackage(submitData); |
|
|
|
|
const { code } = res.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) return; |
|
|
|
|
initPage(); |
|
|
|
|
ElMessage({ |
|
|
|
|
type: 'success', |
|
|
|
|
message: '入库成功', |
|
|
|
|
@ -759,17 +761,103 @@ const handlePutInStorage = row => {
|
|
|
|
|
.catch(() => {}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 显示流转节点 */ |
|
|
|
|
const handleShowFlowNode = ({ row }) => { |
|
|
|
|
details.popUpShow.flowNodeColumnListVisited = true; |
|
|
|
|
/** 批量入库 */ |
|
|
|
|
const handleBatchPutInStorage = () => { |
|
|
|
|
if (details.selectionList.length === 0) return ElMessage.error('最少选择一条数据'); |
|
|
|
|
|
|
|
|
|
nextTick(() => { |
|
|
|
|
// 获取弹窗内表格元素节点, 并设置高度 |
|
|
|
|
const _node: any = document.querySelector('.flowNodeColumnListVisited .maboxhi'); |
|
|
|
|
if (!_node) return; |
|
|
|
|
_node.style.height = '550px'; |
|
|
|
|
console.log('_node :>> ', _node); |
|
|
|
|
let orderPackageCodes = []; |
|
|
|
|
const _flag = details.selectionList.every(val => { |
|
|
|
|
if (Number(val.packageStatus) === 1) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
orderPackageCodes.push(val.orderPackageCode); |
|
|
|
|
return true; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
if (!_flag) return ElMessage.error('请选择未入库的数据'); |
|
|
|
|
|
|
|
|
|
ElMessageBox.confirm('确认直接入库吗?', '警告', { |
|
|
|
|
confirmButtonText: '确认', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}) |
|
|
|
|
.then(async () => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLaoding = true; |
|
|
|
|
|
|
|
|
|
const submitData = { |
|
|
|
|
orderPackageCode: orderPackageCodes.join(','), |
|
|
|
|
/** 直接入库 */ |
|
|
|
|
incomingType: '3', |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const res = await getopenOrderIncomingPackage(submitData); |
|
|
|
|
const { code } = res.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) return; |
|
|
|
|
initPage(); |
|
|
|
|
ElMessage({ |
|
|
|
|
type: 'success', |
|
|
|
|
message: '入库成功', |
|
|
|
|
}); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLaoding = false; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 批量查看二维码 */ |
|
|
|
|
const handleBatchBarcode = async () => { |
|
|
|
|
if (details.selectionList.length === 0) |
|
|
|
|
return ElMessage.warning({ message: '请选择需要查看的数据' }); |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLaoding = true; |
|
|
|
|
|
|
|
|
|
let qr = { |
|
|
|
|
orderPackageCodes: details.selectionList.map(val => val.orderPackageCode).join(','), |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const res = await getShowAdvancePackgeCode(qr); |
|
|
|
|
|
|
|
|
|
if (res.data.code !== 200) return; |
|
|
|
|
details.popUpShow.QRCodeVisible = true; |
|
|
|
|
console.log(res.data); |
|
|
|
|
details.html = ''; |
|
|
|
|
details.html = getHtmls(res.data.data.dataList, res.data.data.templateHtml); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLaoding = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 显示流转节点 */ |
|
|
|
|
const handleShowFlowNode = async ({ row }) => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLaoding = true; |
|
|
|
|
|
|
|
|
|
const response = await postFinaPackageTrackLogList({ orderPackageCode: row.orderPackageCode }); |
|
|
|
|
const { code, data } = response.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.flowNodeData = data; |
|
|
|
|
|
|
|
|
|
details.popUpShow.flowNodeColumnListVisited = true; |
|
|
|
|
nextTick(() => { |
|
|
|
|
// 获取弹窗内表格元素节点, 并设置高度 |
|
|
|
|
const _node: any = document.querySelector('.flowNodeColumnListVisited .maboxhi'); |
|
|
|
|
if (!_node) return; |
|
|
|
|
_node.style.height = '550px'; |
|
|
|
|
console.log('_node :>> ', _node); |
|
|
|
|
}); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLaoding = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
