|
|
|
|
@ -1,10 +1,13 @@
|
|
|
|
|
<template> |
|
|
|
|
<basic-container v-loading="details.loadingObj.pageLoading"> |
|
|
|
|
<div class="avue-crud"> |
|
|
|
|
<el-tabs type="border-card" v-model="details.pageStatus" @tab-click="handleClickTab"> |
|
|
|
|
<!-- toB --> |
|
|
|
|
<el-tab-pane :name="1" label="toB订单对账"> |
|
|
|
|
<!-- 搜索模块 --> |
|
|
|
|
<div v-h5uShow="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="query" class="header_search"> |
|
|
|
|
<el-form :inline="true" :model="details.query1" class="header_search"> |
|
|
|
|
<el-form-item label="交期:" class="el-times"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
@ -34,7 +37,9 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
|
|
|
<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> |
|
|
|
|
@ -44,7 +49,7 @@
|
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<!-- 审核 --> |
|
|
|
|
<el-button type="primary" icon="Stamp" @click="handleAudit">对账单确认</el-button> |
|
|
|
|
<el-button type="primary" icon="Stamp" @click="handleConfirm">对账单确认</el-button> |
|
|
|
|
|
|
|
|
|
<!-- 导出 --> |
|
|
|
|
<el-button type="primary" icon="Download" @click="handleExport">导 出</el-button> |
|
|
|
|
@ -59,8 +64,8 @@
|
|
|
|
|
|
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<tablecmt |
|
|
|
|
ref="tableNodeRef" |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
ref="tableNodeRef1" |
|
|
|
|
:columnList="details.columnList1" |
|
|
|
|
:tableData="details.data" |
|
|
|
|
:loading="details.loadingObj.list" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@ -71,7 +76,9 @@
|
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<!-- <el-text @click="handleShowPackageOrderList(slotProps.scope)"> 包明细 </el-text> --> |
|
|
|
|
<el-text @click="() => ViewTransactionInformation(slotProps.scope)"> 异动信息 </el-text> |
|
|
|
|
<el-text @click="() => ViewTransactionInformation(slotProps.scope)"> |
|
|
|
|
异动信息 |
|
|
|
|
</el-text> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
@ -85,7 +92,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" |
|
|
|
|
@ -93,6 +100,108 @@
|
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
|
<!-- toC --> |
|
|
|
|
<el-tab-pane :name="2" label="toC订单对账"> |
|
|
|
|
<!-- 搜索模块 --> |
|
|
|
|
<div v-h5uShow="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="details.query2" class="header_search"> |
|
|
|
|
<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" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
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" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item> |
|
|
|
|
<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> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<!-- 审核 --> |
|
|
|
|
<el-button type="primary" icon="Stamp" @click="handleConfirm">对账单确认</el-button> |
|
|
|
|
|
|
|
|
|
<!-- 导出 --> |
|
|
|
|
<el-button type="primary" icon="Download" @click="handleExport">导 出</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="Search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<tablecmt |
|
|
|
|
ref="tableNodeRef2" |
|
|
|
|
:columnList="details.columnList1" |
|
|
|
|
:tableData="details.data" |
|
|
|
|
:loading="details.loadingObj.list" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@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="() => ViewTransactionInformation(slotProps.scope)"> |
|
|
|
|
异动信息 |
|
|
|
|
</el-text> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<div class="avue-crud__pagination flex-c-sb" style="width: 100%"> |
|
|
|
|
<div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div> |
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-pagination |
|
|
|
|
align="right" |
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="page.pageNum" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="page.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="page.total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
|
|
@ -100,7 +209,7 @@
|
|
|
|
|
<edittablehead |
|
|
|
|
@closce="showdrawer" |
|
|
|
|
:drawerShow="drawerShow" |
|
|
|
|
v-model="details.columnList" |
|
|
|
|
v-model="details.columnList1" |
|
|
|
|
></edittablehead> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -115,6 +224,7 @@ import {
|
|
|
|
|
getopenOrderAdvancePageList, |
|
|
|
|
postOpenOrderFreezeByAdvanceIds, |
|
|
|
|
} from '@/api/waybill/TemporaryStorageList'; |
|
|
|
|
import { postPageList } from '@/api/finance/MerchantDepositSlip'; |
|
|
|
|
import { |
|
|
|
|
downloadXls, |
|
|
|
|
setNodeHeight, |
|
|
|
|
@ -135,7 +245,10 @@ const details = reactive<any>({
|
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
search: true, |
|
|
|
|
/** 表格搜索条件 */ |
|
|
|
|
query: {}, |
|
|
|
|
/** toB */ |
|
|
|
|
query1: {}, |
|
|
|
|
/** toC */ |
|
|
|
|
query2: {}, |
|
|
|
|
/** 时间快捷选择设置 */ |
|
|
|
|
shortcuts: [ |
|
|
|
|
{ |
|
|
|
|
@ -169,7 +282,10 @@ const details = reactive<any>({
|
|
|
|
|
/** 时间选择器数据 */ |
|
|
|
|
stockupDate: [], |
|
|
|
|
/** 列表 */ |
|
|
|
|
columnList: deepClone(columnList), |
|
|
|
|
/** toB */ |
|
|
|
|
columnList1: deepClone(columnList), |
|
|
|
|
/** toC */ |
|
|
|
|
columnList2: deepClone(columnList), |
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
@ -184,29 +300,30 @@ const details = reactive<any>({
|
|
|
|
|
drawerShow: false, |
|
|
|
|
/** 分页参数 */ |
|
|
|
|
page: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageNum: 1, |
|
|
|
|
pageSize: 30, |
|
|
|
|
total: 0, |
|
|
|
|
}, |
|
|
|
|
/** 列表Dom节点 */ |
|
|
|
|
listNode: '', |
|
|
|
|
form: {}, |
|
|
|
|
/** 页面激活状态 : 1 -- toB; 2 -- toC */ |
|
|
|
|
pageStatus: 1 as 1 | 2, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const tableNodeRef = ref(); |
|
|
|
|
const tableNodeRef1 = ref(); |
|
|
|
|
const tableNodeRef2 = ref(); |
|
|
|
|
|
|
|
|
|
const { search, query, shortcuts, stockupDate, selectionList, drawerShow, page } = toRefs(details); |
|
|
|
|
const { search, shortcuts, stockupDate, selectionList, drawerShow, page } = toRefs(details); |
|
|
|
|
|
|
|
|
|
/** vuex */ |
|
|
|
|
const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList'])); |
|
|
|
|
console.log('permission :>> ', permission); |
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
const timer = setTimeout(() => { |
|
|
|
|
details.listNode = document.querySelector('.maboxhi'); |
|
|
|
|
details.listNode.style.transition = 'all .5s ease-out'; |
|
|
|
|
clearTimeout(timer); |
|
|
|
|
}, 100); |
|
|
|
|
onMounted(async () => { |
|
|
|
|
await nextTick(); |
|
|
|
|
|
|
|
|
|
const node = details.pageStatus === 1 ? tableNodeRef1.value.$el : tableNodeRef2.value.$el; |
|
|
|
|
|
|
|
|
|
setNodeHeight(node, '', true); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|
@ -215,8 +332,12 @@ const onLoad = async (params = {}) => {
|
|
|
|
|
// 开启列表loading动画 |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
|
|
|
|
|
const submitData = { ...details.query, ...params, ...details.page }; |
|
|
|
|
// listType 1 -- toB ; 2 -- toC |
|
|
|
|
submitData.listType = details.pageStatus; |
|
|
|
|
|
|
|
|
|
// 获取暂存单列表 |
|
|
|
|
const res = await getopenOrderAdvancePageList(details.page, { ...details.query, ...params }); |
|
|
|
|
const res = await postPageList(submitData); |
|
|
|
|
console.log('res :>> ', res); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
@ -246,10 +367,11 @@ const searchChange = () => {
|
|
|
|
|
|
|
|
|
|
/** 清空表单 */ |
|
|
|
|
const searchReset = () => { |
|
|
|
|
details.query = {}; |
|
|
|
|
// details.query = {}; |
|
|
|
|
details.pageStatus === 1 ? (details.query1 = {}) : (details.query2 = {}); |
|
|
|
|
details.stockupDate = []; |
|
|
|
|
details.page.currentPage = 1; |
|
|
|
|
handleClearTableQuery(details.columnList); |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
handleClearTableQuery(details.pageStatus === 1 ? details.columnList1 : details.columnList2); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -262,12 +384,14 @@ const showdrawer = (_flag?: boolean) => {
|
|
|
|
|
const searchHide = () => { |
|
|
|
|
details.search = !details.search; |
|
|
|
|
|
|
|
|
|
setNodeHeight(tableNodeRef.value.$el, '', true); |
|
|
|
|
const node = details.pageStatus === 1 ? tableNodeRef1.value.$el : tableNodeRef2.value.$el; |
|
|
|
|
|
|
|
|
|
setNodeHeight(node, '', true); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
const inputsc = (index, col) => { |
|
|
|
|
handleInputQuery(index, col, details.query); |
|
|
|
|
handleInputQuery(index, col, details.pageStatus === 1 ? details.query1 : details.query2); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -286,7 +410,7 @@ const timesc = (index, row) => {
|
|
|
|
|
|
|
|
|
|
/** 表格表头下拉框选择 */ |
|
|
|
|
const selectsc = (index, colors) => { |
|
|
|
|
handleSelectQuery(index, colors, details.query); |
|
|
|
|
handleSelectQuery(index, colors, details.pageStatus === 1 ? details.query1 : details.query2); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -307,12 +431,32 @@ const currentChange = pageNum => {
|
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 批量审核 */ |
|
|
|
|
const handleAudit = () => { |
|
|
|
|
if (details.selectionList.length === 0) { |
|
|
|
|
ElMessage.warning('请选择要审核的单据'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
const handleClickTab = async e => { |
|
|
|
|
console.log('e :>> ', e); |
|
|
|
|
|
|
|
|
|
await nextTick(); |
|
|
|
|
|
|
|
|
|
const node = details.pageStatus === 1 ? tableNodeRef1.value.$el : tableNodeRef2.value.$el; |
|
|
|
|
|
|
|
|
|
setNodeHeight(node, '', true); |
|
|
|
|
console.log('details.pageStatus :>> ', details.pageStatus); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 批量对账单确认 */ |
|
|
|
|
const handleConfirm = () => { |
|
|
|
|
if (details.selectionList.length === 0) return ElMessage.warning('请选择需要确认的数据'); |
|
|
|
|
|
|
|
|
|
ElMessageBox.confirm('是否确认对账单?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(() => { |
|
|
|
|
ElMessage({ |
|
|
|
|
type: 'success', |
|
|
|
|
message: '确认成功!', |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 导出 */ |
|
|
|
|
|
