|
|
@@ -3,82 +3,78 @@
|
|
|
<div class="sell_performance"
|
|
|
:loading="loading">
|
|
|
<filterCustomTable @search="updateColumn">
|
|
|
- <BtnList :btnList="commonBtn" />
|
|
|
+ <BtnList :btnList="firstBtn"
|
|
|
+ @click="openComponent" />
|
|
|
</filterCustomTable>
|
|
|
- <contextMenu :contextMenuList="forDataBtn">
|
|
|
- <a-table :columns="columns"
|
|
|
- class="topTable"
|
|
|
- :expandedRowKeys="expandedRowKeys"
|
|
|
- :customRow="Rowclick"
|
|
|
- :pagination="false"
|
|
|
- rowKey="key"
|
|
|
- :data-source="tableList">
|
|
|
- <!-- 额外的展开行 -->
|
|
|
- <template #expandedRowRender="{ }">
|
|
|
- <BtnList :btnList="forDataBtn" />
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
+ <a-table :columns="columns"
|
|
|
+ class="srcollYTable"
|
|
|
+ :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
|
|
|
+ :pagination="false"
|
|
|
+ :loading="loading"
|
|
|
+ :expandedRowKeys="expandedRowKeys"
|
|
|
+ :customRow="Rowclick"
|
|
|
+ rowKey="key"
|
|
|
+ :data-source="tableList">
|
|
|
+ <!-- 额外的展开行 -->
|
|
|
+ <template #expandedRowRender="{ record }">
|
|
|
+ <BtnList :btnList="secondBtn"
|
|
|
+ :record="record"
|
|
|
+ @click="openComponent" />
|
|
|
+ </template>
|
|
|
+ </a-table>
|
|
|
+ <!-- 右键 -->
|
|
|
+ <contextMenu :contextMenu="contextMenu"
|
|
|
+ @cancel="closeContext"
|
|
|
+ :list="secondBtn">
|
|
|
</contextMenu>
|
|
|
- <!-- 详情 -->
|
|
|
- <Detail :selectedRow="selectedRow"
|
|
|
- @refresh="queryTable" />
|
|
|
- <!-- 交收登记 -->
|
|
|
- <Settlement :selectedRow="selectedRow"
|
|
|
- @refresh="queryTable" />
|
|
|
- <!-- 款项登记 -->
|
|
|
- <Funds :selectedRow="selectedRow"
|
|
|
- @refresh="queryTable" />
|
|
|
- <!-- 发票登记 -->
|
|
|
- <Invoice :selectedRow="selectedRow"
|
|
|
- @refresh="queryTable" />
|
|
|
- <!-- 出库登记 -->
|
|
|
- <Storage :selectedRow="selectedRow"
|
|
|
- @refresh="queryTable" />
|
|
|
+ <component :is="componentId"
|
|
|
+ v-if="componentId"
|
|
|
+ :selectedRow="selectedRow"
|
|
|
+ @cancel="closeComponent"></component>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, initData, getTableColumns, getTableEvent, getBtnList, contextMenu, BtnList } from '@/common/export/table';
|
|
|
-import { queryTableList, Ermcp3SellBuyContract } from '../index';
|
|
|
-import { filterCustomTable, Detail, Settlement, Funds, Invoice, Storage } from '../../components';
|
|
|
+import { queryTableList, BtnList, contextMenu, defineAsyncComponent, defineComponent, ModalEnum, handleComposeTable, ComposeTableParam } from '@/common/export/commonTable';
|
|
|
+import { QueryWareHouse } from '@/services/go/ermcp/sell';
|
|
|
+import { Ermcp3SellBuyContract } from '@/views/business/purchase/list';
|
|
|
+
|
|
|
+import { filterCustomTable } from '../../components';
|
|
|
+const Detail = defineAsyncComponent(() => import('../../components/detail/index.vue'));
|
|
|
+const Settlement = defineAsyncComponent(() => import('../../components/settlement/index.vue')); //交收登记
|
|
|
+const Funds = defineAsyncComponent(() => import('../../components/funds/index.vue')); // 款项登记
|
|
|
+const Invoice = defineAsyncComponent(() => import('../../components/invoice/index.vue')); // 发票登记
|
|
|
+const Storage = defineAsyncComponent(() => import('../../components/storage/index.vue')); // 入库登记
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'sell_performance',
|
|
|
components: {
|
|
|
contextMenu,
|
|
|
filterCustomTable,
|
|
|
- Detail,
|
|
|
- Settlement,
|
|
|
- Funds,
|
|
|
- Invoice,
|
|
|
- Storage,
|
|
|
BtnList,
|
|
|
+ [ModalEnum.detail]: Detail,
|
|
|
+ [ModalEnum.sell_pending_settlement]: Settlement,
|
|
|
+ [ModalEnum.sell_pending_funds]: Funds,
|
|
|
+ [ModalEnum.sell_pending_invoice]: Invoice,
|
|
|
+ [ModalEnum.sell_pending_storage]: Storage,
|
|
|
},
|
|
|
setup() {
|
|
|
- // 表头数据
|
|
|
- const { columns, registerColumn, updateColumn } = getTableColumns();
|
|
|
- // 表格事件
|
|
|
- const { expandedRowKeys, selectedRow, Rowclick } = getTableEvent<Ermcp3SellBuyContract>({});
|
|
|
- // 表格操作按钮列表
|
|
|
- const { commonBtn, forDataBtn } = getBtnList('sell_performance', true);
|
|
|
// 表格列表数据
|
|
|
- const { loading, tableList, queryTable } = queryTableList(3);
|
|
|
- initData(() => {
|
|
|
- // 获取列表数据
|
|
|
- queryTable();
|
|
|
- // 注册表头信息 过滤
|
|
|
- registerColumn('table_pcweb_sales_settle', ['accountname', 'contractno', 'deliverygoodsname', 'convertfactor', 'goodsname']);
|
|
|
- });
|
|
|
+ const { loading, tableList, queryTable } = queryTableList<Ermcp3SellBuyContract>();
|
|
|
+ // 获取列表数据
|
|
|
+ const queryTableAction = () => queryTable(QueryWareHouse, { querytype: 3 });
|
|
|
+ // 表格通用逻辑
|
|
|
+ const param: ComposeTableParam = {
|
|
|
+ queryFn: queryTableAction,
|
|
|
+ menuType: 'sell_performance',
|
|
|
+ tableName: 'table_pcweb_sales_settle',
|
|
|
+ tableFilterKey: ['accountname', 'contractno', 'deliverygoodsname', 'convertfactor', 'goodsname'],
|
|
|
+ isDetail: true,
|
|
|
+ };
|
|
|
return {
|
|
|
- columns,
|
|
|
- expandedRowKeys,
|
|
|
- selectedRow,
|
|
|
- Rowclick,
|
|
|
- commonBtn,
|
|
|
- forDataBtn,
|
|
|
- loading,
|
|
|
+ ...handleComposeTable<Ermcp3SellBuyContract>(param),
|
|
|
tableList,
|
|
|
- updateColumn,
|
|
|
+ loading,
|
|
|
};
|
|
|
},
|
|
|
});
|
huangbin