|
|
|
|
@ -39,46 +39,83 @@
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="Edit" @click="editClientInfo">修改客户信息</el-button> |
|
|
|
|
<el-button type="primary" icon="Delete" @click="handleDelete">删除</el-button> |
|
|
|
|
<el-button type="primary" icon="Refresh" @click="handleRefresh">恢复</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 style="display: flex"> |
|
|
|
|
<el-tabs |
|
|
|
|
v-model="details.orderStatus" |
|
|
|
|
tab-position="left" |
|
|
|
|
style="height: 100%; width: fit-content; flex: none" |
|
|
|
|
class="demo-tabs" |
|
|
|
|
@tab-click="handleClickAll" |
|
|
|
|
> |
|
|
|
|
<el-tab-pane name="haveData" label="有数据"></el-tab-pane> |
|
|
|
|
<el-tab-pane name="notHaveData" label="无数据"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<div class="overflow"> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="Edit" @click="editClientInfo" |
|
|
|
|
>修改客户信息</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" icon="Delete" @click="handleDelete">删除</el-button> |
|
|
|
|
<el-button type="primary" icon="Refresh" @click="handleRefresh">恢复</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> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:tableData=" |
|
|
|
|
details.orderStatus === 'haveData' ? details.haveDataData : details.notHaveDataData |
|
|
|
|
" |
|
|
|
|
:loading=" |
|
|
|
|
details.orderStatus === 'haveData' |
|
|
|
|
? loadingObj.haveDataList |
|
|
|
|
: loadingObj.notHaveDataList |
|
|
|
|
" |
|
|
|
|
@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> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
: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> |
|
|
|
|
</template> |
|
|
|
|
<!-- <tablecmt |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
: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> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> --> |
|
|
|
|
|
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-row class="el-fy"> |
|
|
|
|
@ -172,13 +209,17 @@ const details = reactive<any>({
|
|
|
|
|
/** 列表 */ |
|
|
|
|
columnList, |
|
|
|
|
/** 列表数据 */ |
|
|
|
|
data: [{}], |
|
|
|
|
haveDataData: [], |
|
|
|
|
notHaveDataData: [], |
|
|
|
|
/** 包明细表头 */ |
|
|
|
|
packageListColumnList, |
|
|
|
|
/** 包明细数据 */ |
|
|
|
|
packageListData: [{}], |
|
|
|
|
/** 页面loading */ |
|
|
|
|
loadingObj: { |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
haveDataList: false, |
|
|
|
|
notHaveDataList: false, |
|
|
|
|
/** 列表加载loading */ |
|
|
|
|
list: false, |
|
|
|
|
packageListLoading: false, |
|
|
|
|
@ -216,6 +257,8 @@ const details = reactive<any>({
|
|
|
|
|
/** 包明细 */ |
|
|
|
|
packageOrderListlVisited: false, |
|
|
|
|
}, |
|
|
|
|
/** tab标签有无数据 */ |
|
|
|
|
orderStatus: 'haveData', |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { |
|
|
|
|
@ -250,34 +293,47 @@ onMounted(() => {
|
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|
/** 请求页面数据 */ |
|
|
|
|
const onLoad = async (page: any, params = {}) => { |
|
|
|
|
const status = details.orderStatus; |
|
|
|
|
try { |
|
|
|
|
// 开启列表loading动画 |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
console.log('status :>> ', status); |
|
|
|
|
|
|
|
|
|
if (status === 'haveData') details.loadingObj.haveDataList = true; |
|
|
|
|
else details.loadingObj.notHaveDataList = true; |
|
|
|
|
|
|
|
|
|
details.query.freezeStatus = '1'; |
|
|
|
|
|
|
|
|
|
params.hasPackage = status === 'haveData' ? 1 : 0; |
|
|
|
|
// 获取暂存单列表 |
|
|
|
|
const res = await getopenOrderAdvancePageList(page, { ...details.query, ...params }); |
|
|
|
|
const res = await getopenOrderAdvancePageList(details.page, { ...details.query, ...params }); |
|
|
|
|
console.log('res :>> ', res); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.data = data.records; |
|
|
|
|
if (status === 'haveData') details.haveDataData = data.records; |
|
|
|
|
else details.notHaveDataData = data.records; |
|
|
|
|
details.page.total = data.total; |
|
|
|
|
|
|
|
|
|
return res.data; |
|
|
|
|
} catch (error) { |
|
|
|
|
} finally { |
|
|
|
|
// 开启列表loading动画 |
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
if (status === 'haveData') details.loadingObj.haveDataList = false; |
|
|
|
|
else details.loadingObj.notHaveDataList = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onLoad(details.page); |
|
|
|
|
const initOnLoad = (params = {}) => { |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
details.page.total = 0; |
|
|
|
|
onLoad(params); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
|
|
|
|
|
/** 搜索 */ |
|
|
|
|
const searchChange = () => { |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 清空表单 */ |
|
|
|
|
@ -285,7 +341,7 @@ const searchReset = () => {
|
|
|
|
|
details.query = {}; |
|
|
|
|
details.stockupDate = []; |
|
|
|
|
details.page.currentPage = 1; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 展开列表控件 */ |
|
|
|
|
@ -317,7 +373,7 @@ const searchHide = () => {
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
const inputsc = (index, row) => { |
|
|
|
|
details.query[row.prop] = index; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头时间选择 */ |
|
|
|
|
@ -330,7 +386,7 @@ const timesc = (index, row) => {
|
|
|
|
|
if (!index) { |
|
|
|
|
delete details.query[row.prop]; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
@ -344,7 +400,7 @@ const selectsc = (index, row) => {
|
|
|
|
|
details.query['certificateType'] = index; |
|
|
|
|
if (!index) delete details.query['certificateType']; |
|
|
|
|
} |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头复选框选择 */ |
|
|
|
|
@ -355,7 +411,7 @@ const selectionChange = (list: any) => {
|
|
|
|
|
/** 每页数量改变执行的回调 */ |
|
|
|
|
const sizeChange = (pageSize: number) => { |
|
|
|
|
details.page.pageSize = pageSize; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 页码改变执行的回调 */ |
|
|
|
|
@ -367,8 +423,8 @@ const currentChange = () => {};
|
|
|
|
|
* 固定搭配，只需要更换 columnList |
|
|
|
|
* */ |
|
|
|
|
const setnewcolum = (newarr, headarr, type) => { |
|
|
|
|
console.log(type,'type'); |
|
|
|
|
|
|
|
|
|
console.log(type, 'type'); |
|
|
|
|
|
|
|
|
|
if (type == 1) { |
|
|
|
|
details.columnList = newarr; |
|
|
|
|
functions.setStorage(window.location.pathname + 'checkList', headarr); |
|
|
|
|
@ -437,9 +493,17 @@ const handleRefresh = () => {
|
|
|
|
|
message: '操作成功', |
|
|
|
|
}); |
|
|
|
|
details.page.pageNum = 1; |
|
|
|
|
onLoad(details.page); |
|
|
|
|
initOnLoad(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 切换tabBar */ |
|
|
|
|
const handleClickAll = e => { |
|
|
|
|
console.log('e :>> ', e); |
|
|
|
|
const _name = e.props.name; |
|
|
|
|
details.orderStatus = _name; |
|
|
|
|
initOnLoad(); |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -511,4 +575,8 @@ const handleRefresh = () => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.overflow { |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
