|
|
|
|
@ -1,156 +1,75 @@
|
|
|
|
|
<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="details.query1" class="header_search"> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<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="tableNodeRef1" |
|
|
|
|
: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="handleComputedPrice(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> |
|
|
|
|
|
|
|
|
|
<!-- 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> |
|
|
|
|
<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="handleComputedPrice(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 v-h5uShow="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="details.query1" class="header_search"> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<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="tableNodeRef1" |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
: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="() => 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> |
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
|
|
|
|
|
@ -169,7 +88,7 @@ import dayjs from 'dayjs';
|
|
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { postPageList, postCheckBalance, postReal } from '@/api/finance/MerchantDepositSlip'; |
|
|
|
|
import { postPageReconciliationList, postCheckBalance, postReal } from '@/api/finance/MerchantDepositSlip'; |
|
|
|
|
import { |
|
|
|
|
downloadXls, |
|
|
|
|
setNodeHeight, |
|
|
|
|
@ -191,10 +110,7 @@ const details = reactive<any>({
|
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
search: true, |
|
|
|
|
/** 表格搜索条件 */ |
|
|
|
|
/** toB */ |
|
|
|
|
query1: {}, |
|
|
|
|
/** toC */ |
|
|
|
|
query2: {}, |
|
|
|
|
query: {}, |
|
|
|
|
/** 时间快捷选择设置 */ |
|
|
|
|
shortcuts: [ |
|
|
|
|
{ |
|
|
|
|
@ -226,10 +142,7 @@ const details = reactive<any>({
|
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
/** 列表 */ |
|
|
|
|
/** toB */ |
|
|
|
|
columnList1: deepClone(columnList), |
|
|
|
|
/** toC */ |
|
|
|
|
columnList2: deepClone(columnList), |
|
|
|
|
columnList: deepClone(columnList), |
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
@ -277,11 +190,9 @@ const onLoad = async (params = {}) => {
|
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
|
|
|
|
|
const submitData = { ...details.query, ...params, ...details.page }; |
|
|
|
|
// listType 1 -- toB ; 2 -- toC |
|
|
|
|
submitData.listType = details.pageStatus; |
|
|
|
|
|
|
|
|
|
// 获取暂存单列表 |
|
|
|
|
const res = await postPageList(submitData); |
|
|
|
|
const res = await postPageReconciliationList(submitData); |
|
|
|
|
console.log('res :>> ', res); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
@ -289,7 +200,7 @@ const onLoad = async (params = {}) => {
|
|
|
|
|
details.page.total = data.total; |
|
|
|
|
handleTranslationDataSeclect( |
|
|
|
|
details.data, |
|
|
|
|
details.pageStatus === 1 ? details.columnList1 : details.columnList2 |
|
|
|
|
details.columnList |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
return res.data; |
|
|
|
|
@ -316,9 +227,9 @@ const searchChange = () => {
|
|
|
|
|
/** 清空表单 */ |
|
|
|
|
const searchReset = () => { |
|
|
|
|
// details.query = {}; |
|
|
|
|
details.pageStatus === 1 ? (details.query1 = {}) : (details.query2 = {}); |
|
|
|
|
details.query = {}; |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
handleClearTableQuery(details.pageStatus === 1 ? details.columnList1 : details.columnList2); |
|
|
|
|
handleClearTableQuery(details.columnList); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -331,14 +242,14 @@ const showdrawer = (_flag?: boolean) => {
|
|
|
|
|
const searchHide = () => { |
|
|
|
|
details.search = !details.search; |
|
|
|
|
|
|
|
|
|
const node = details.pageStatus === 1 ? tableNodeRef1.value.$el : tableNodeRef2.value.$el; |
|
|
|
|
const node = tableNodeRef1.value.$el; |
|
|
|
|
|
|
|
|
|
setNodeHeight(node, '', true); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
const inputsc = (index, col) => { |
|
|
|
|
handleInputQuery(index, col, details.pageStatus === 1 ? details.query1 : details.query2); |
|
|
|
|
handleInputQuery(index, col, details.query); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -357,7 +268,7 @@ const timesc = (index, row) => {
|
|
|
|
|
|
|
|
|
|
/** 表格表头下拉框选择 */ |
|
|
|
|
const selectsc = (index, colors) => { |
|
|
|
|
handleSelectQuery(index, colors, details.pageStatus === 1 ? details.query1 : details.query2); |
|
|
|
|
handleSelectQuery(index, colors, details.query); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -378,18 +289,6 @@ const currentChange = pageNum => {
|
|
|
|
|
onLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
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('请选择需要确认的数据'); |
|
|
|
|
@ -432,30 +331,6 @@ const handleConfirm = () => {
|
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 计算仓储&配送费用 */ |
|
|
|
|
const handleComputedPrice = ({ row }) => { |
|
|
|
|
ElMessageBox.confirm('确认计算仓储&配送费用?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(async () => { |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLoading = true; |
|
|
|
|
|
|
|
|
|
const res = await postReal(row.orderInfoId); |
|
|
|
|
const { code, msg } = res.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) return msg && ElMessage.warning(msg); |
|
|
|
|
if (msg) ElMessage.success(msg); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
onLoad(); |
|
|
|
|
details.loadingObj.pageLoading = false; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 导出 */ |
|
|
|
|
const handleExport = () => { |
|
|
|
|
ElMessageBox.confirm('是否确认导出?', '提示', { |
|
|
|
|
@ -476,7 +351,7 @@ const ViewTransactionInformation = ({ row }) => {
|
|
|
|
|
|
|
|
|
|
$router.push({ |
|
|
|
|
path: '/finance/TransactionInformation', |
|
|
|
|
query: { orderInfoId: row.orderInfoId }, |
|
|
|
|
query: { reconciliationOrderId: row.id }, |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
