|
|
@ -13,32 +13,28 @@ export default { |
|
|
|
components: { AppForm, AppTable }, |
|
|
|
template: html`<el-drawer v-if="refreshRef" v-model="show" destroy-on-close size="50%" class="page-drawer" :close-on-click-modal="false">
|
|
|
|
<template #header> <span class="el-dialog__title"> 结算明细 </span> </template> |
|
|
|
<el-row style="height:calc(100% - 160px);" v-loading="loading"> |
|
|
|
<el-col> |
|
|
|
<el-tabs> |
|
|
|
<el-tab-pane :label="columns1.title" v-if="model.invoicE_MAP_GROUP.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.invoicE_MAP_GROUP" :columns="columns1" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="columns2.title" v-if="model.invoicE_WAIT_DETAIL.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.invoicE_WAIT_DETAIL" :columns="columns2" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="columns3.title" v-if="model.invoicE_NOT_SETTLE.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.invoicE_NOT_SETTLE" :columns="columns3" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="columns4.title" v-if="model.adJ_DETAIL.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.adJ_DETAIL" :columns="columns4" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-tabs style="height:100%;"> |
|
|
|
<el-tab-pane :label="columns1.title" v-if="model.invoicE_MAP_GROUP.length"> |
|
|
|
<el-scrollbar style="height:100%;"> |
|
|
|
<app-table :data="model.invoicE_MAP_GROUP" :columns="columns1" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="columns2.title" v-if="model.invoicE_WAIT_DETAIL.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.invoicE_WAIT_DETAIL" :columns="columns2" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="columns3.title" v-if="model.invoicE_NOT_SETTLE.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.invoicE_NOT_SETTLE" :columns="columns3" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane :label="columns4.title" v-if="model.adJ_DETAIL.length"> |
|
|
|
<el-scrollbar> |
|
|
|
<app-table :data="model.adJ_DETAIL" :columns="columns4" /> |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<template #footer> |
|
|
|
<span class="dialog-footer"> |
|
|
|
<el-button type="primary" @click="show=false"> 返回 </el-button> |
|
|
@ -155,14 +151,18 @@ export default { |
|
|
|
</template> |
|
|
|
</el-dialog>`, |
|
|
|
styles: html` <style>
|
|
|
|
.page-drawer .el-tabs, |
|
|
|
.page-drawer .el-tab-pane { |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
.page-drawer .el-tabs__content { |
|
|
|
width: 100%; |
|
|
|
height: calc(100% - 160px); |
|
|
|
} |
|
|
|
.page-drawer .el-tabs__content, |
|
|
|
.page-drawer .el-scrollbar { |
|
|
|
width: 100%; |
|
|
|
height: calc(100% - 160px - 40px); |
|
|
|
height: calc(100% - 40px); |
|
|
|
} |
|
|
|
.re-open .el-dialog__footer { |
|
|
|
display: flex; |
|
|
|