|
|
|
|
@ -110,30 +110,28 @@
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.packageListColumnList" |
|
|
|
|
:tableData="details.packageListData" |
|
|
|
|
:loading="loadingObj.packageListLoading" |
|
|
|
|
@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> |
|
|
|
|
</template> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.packageListColumnList" |
|
|
|
|
:tableData="details.data" |
|
|
|
|
:loading="loadingObj.packageListLoading" |
|
|
|
|
@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> --> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-row class="el-fy"> |
|
|
|
|
@ -157,167 +155,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="包内产品" |
|
|
|
|
v-model="details.popUpShow.packageDetailColumnListVisited" |
|
|
|
|
width="80%" |
|
|
|
|
:before-close="beforeClose" |
|
|
|
|
append-to-body |
|
|
|
|
:fullscreen="details.fullscreenObj.packageDetailColumnListVisited" |
|
|
|
|
:show-close="false" |
|
|
|
|
class="packageDetailColumnListVisited" |
|
|
|
|
> |
|
|
|
|
<template #header="{ close, titleId, titleClass }"> |
|
|
|
|
<div class="my-header flex-c-sb"> |
|
|
|
|
<h4 :id="titleId" :class="titleClass">包内产品</h4> |
|
|
|
|
<div class="flex-c-c"> |
|
|
|
|
<!-- 全屏显示按钮 --> |
|
|
|
|
<el-button type="text" v-if="!details.fullscreenObj.packageDetailColumnListVisited"> |
|
|
|
|
<el-icon class="" @click="handleFullScrean('open', 'packageDetailColumnListVisited')" |
|
|
|
|
><FullScreen |
|
|
|
|
/></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" v-else> |
|
|
|
|
<el-icon class="" @click="handleFullScrean('close', 'packageDetailColumnListVisited')" |
|
|
|
|
><CopyDocument |
|
|
|
|
/></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<!-- 弹窗关闭按钮 --> |
|
|
|
|
<el-button type="text"> |
|
|
|
|
<el-icon class="" @click="close"><Close /></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.packageDetailColumnList" |
|
|
|
|
:tableData="details.packageDetailData" |
|
|
|
|
:loading="loadingObj.packageListLoading" |
|
|
|
|
@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="details.packageListPage.currentPage" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="details.packageListPage.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="details.packageListPage.total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 流转节点 --> |
|
|
|
|
<el-dialog |
|
|
|
|
title="流转节点" |
|
|
|
|
v-model="details.popUpShow.flowNodeColumnListVisited" |
|
|
|
|
width="80%" |
|
|
|
|
:before-close="beforeClose" |
|
|
|
|
append-to-body |
|
|
|
|
:fullscreen="details.fullscreenObj.flowNodeColumnListVisited" |
|
|
|
|
:show-close="false" |
|
|
|
|
class="flowNodeColumnListVisited" |
|
|
|
|
> |
|
|
|
|
<template #header="{ close, titleId, titleClass }"> |
|
|
|
|
<div class="my-header flex-c-sb"> |
|
|
|
|
<h4 :id="titleId" :class="titleClass">流转节点</h4> |
|
|
|
|
<div class="flex-c-c"> |
|
|
|
|
<!-- 全屏显示按钮 --> |
|
|
|
|
<el-button type="text" v-if="!details.fullscreenObj.flowNodeColumnListVisited"> |
|
|
|
|
<el-icon class="" @click="handleFullScrean('open', 'flowNodeColumnListVisited')" |
|
|
|
|
><FullScreen |
|
|
|
|
/></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
<el-button type="text" v-else> |
|
|
|
|
<el-icon class="" @click="handleFullScrean('close', 'flowNodeColumnListVisited')" |
|
|
|
|
><CopyDocument |
|
|
|
|
/></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<!-- 弹窗关闭按钮 --> |
|
|
|
|
<el-button type="text"> |
|
|
|
|
<el-icon class="" @click="close"><Close /></el-icon> |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.flowNodeColumnList" |
|
|
|
|
:tableData="details.flowNodeData" |
|
|
|
|
:loading="loadingObj.packageListLoading" |
|
|
|
|
@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="details.packageListPage.currentPage" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="details.packageListPage.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="details.packageListPage.total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 打印二维码 --> |
|
|
|
|
<el-dialog |
|
|
|
|
class="el-dialog-QRCode" |
|
|
|
|
@ -327,7 +164,7 @@
|
|
|
|
|
v-model="details.popUpShow.QRCodeVisible" |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<div v-html="html"></div> |
|
|
|
|
<div v-html="details.html"></div> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<!-- <el-button type="primary" @click="ddd">导 出</el-button>--> |
|
|
|
|
@ -353,16 +190,18 @@ import { mapGetters } from 'vuex';
|
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { getopenOrderAdvancePageList } from '@/api/waybill/TemporaryStorageList'; |
|
|
|
|
import { postFindListByWaybillId } from '@/api/waybill/orderDetails'; |
|
|
|
|
import { showOrderPackgeCode } from '@/api/distribution/distributionStockArticle'; |
|
|
|
|
import { downloadXls, setNodeHeight, getHtmls } from '@/utils/util'; |
|
|
|
|
import { packageDetailColumnList, flowNodeColumnList } from '@/option/waybill/orderPackageList'; |
|
|
|
|
import { packageListColumnList } from '@/option/waybill/orderDetails'; |
|
|
|
|
import { useRouter } from 'vue-router'; |
|
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
|
import print from '@/utils/print'; |
|
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'; |
|
|
|
|
|
|
|
|
|
// 获取路由实例 |
|
|
|
|
const $router = useRouter(); |
|
|
|
|
const $route = useRoute(); |
|
|
|
|
|
|
|
|
|
const details = reactive<any>({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
@ -401,8 +240,6 @@ const details = reactive<any>({
|
|
|
|
|
], |
|
|
|
|
/** 时间选择器数据 */ |
|
|
|
|
stockupDate: [], |
|
|
|
|
/** 包明细表头 */ |
|
|
|
|
packageListColumnList, |
|
|
|
|
/** 包明细数据 */ |
|
|
|
|
packageListData: [{}], |
|
|
|
|
/** 包内产品表头 */ |
|
|
|
|
@ -413,6 +250,10 @@ const details = reactive<any>({
|
|
|
|
|
flowNodeColumnList, |
|
|
|
|
/** 流转节点数据 */ |
|
|
|
|
flowNodeData: [{}], |
|
|
|
|
/** 数据 */ |
|
|
|
|
data: [], |
|
|
|
|
/** 包明细表头 */ |
|
|
|
|
packageListColumnList, |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
@ -457,20 +298,8 @@ const details = reactive<any>({
|
|
|
|
|
html: '', |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { |
|
|
|
|
search, |
|
|
|
|
query, |
|
|
|
|
shortcuts, |
|
|
|
|
stockupDate, |
|
|
|
|
data, |
|
|
|
|
loadingObj, |
|
|
|
|
selectionList, |
|
|
|
|
drawerShow, |
|
|
|
|
page, |
|
|
|
|
trickleLoadingPage, |
|
|
|
|
zeroAdditionalRecordingInfo, |
|
|
|
|
popUpShow, |
|
|
|
|
} = toRefs(details); |
|
|
|
|
const { search, query, shortcuts, stockupDate, loadingObj, selectionList, drawerShow, page } = |
|
|
|
|
toRefs(details); |
|
|
|
|
|
|
|
|
|
/** vuex */ |
|
|
|
|
const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList'])); |
|
|
|
|
@ -489,7 +318,11 @@ onMounted(() => {
|
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|
const onLoad = async (page: any, params = {}) => { |
|
|
|
|
// 获取暂存单列表 |
|
|
|
|
details.data = await getopenOrderAdvancePageList(page, { ...details.query, ...params }); |
|
|
|
|
const response = await postFindListByWaybillId({ waybillId: $route.query.id }); |
|
|
|
|
const { code, data } = response.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
|
|
|
|
|
details.data = data; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onLoad(details.page); |
|
|
|
|
|
