|
|
@@ -3,56 +3,56 @@
|
|
|
<div class="business-review-js"
|
|
|
:loading="loading">
|
|
|
<Filter @search="updateColumn">
|
|
|
- <BtnList :btnList="commonBtn" />
|
|
|
</Filter>
|
|
|
- <contextMenu :contextMenuList="forDataBtn">
|
|
|
- <a-table :columns="columns"
|
|
|
- class="topTable"
|
|
|
- :pagination="false"
|
|
|
- :expandedRowKeys="expandedRowKeys"
|
|
|
- :customRow="Rowclick"
|
|
|
- rowKey="key"
|
|
|
- :data-source="tableList">
|
|
|
- <!-- 额外的展开行 -->
|
|
|
- <template #expandedRowRender="{ record }">
|
|
|
- <BtnList :btnList="record.btnList" />
|
|
|
- </template>
|
|
|
- <template #operateapplytype="{ text }">
|
|
|
- <a>{{ getPriceTypeName(text) }}</a>
|
|
|
- </template>
|
|
|
- <template #contracttype="{ text }">
|
|
|
- <a>{{ getContractTypeName(text) }}</a>
|
|
|
- </template>
|
|
|
+ <a-table :columns="columns"
|
|
|
+ class="topTable"
|
|
|
+ :pagination="false"
|
|
|
+ :expandedRowKeys="expandedRowKeys"
|
|
|
+ :customRow="Rowclick"
|
|
|
+ rowKey="key"
|
|
|
+ :data-source="tableList">
|
|
|
+ <!-- 额外的展开行 -->
|
|
|
+ <template #expandedRowRender="{ record }">
|
|
|
+ <BtnList :btnList="handlePermissionBtn(firstBtn, record)"
|
|
|
+ :record="record"
|
|
|
+ @click="openComponent" />
|
|
|
+ </template>
|
|
|
+ <template #operateapplytype="{ text }">
|
|
|
+ <a>{{ getPriceTypeName(text) }}</a>
|
|
|
+ </template>
|
|
|
+ <template #contracttype="{ text }">
|
|
|
+ <a>{{ getContractTypeName(text) }}</a>
|
|
|
+ </template>
|
|
|
|
|
|
- <template #applystatus="{ text }">
|
|
|
- <a>{{ getApplyStatusName(text) }}</a>
|
|
|
- </template>
|
|
|
- <template #buyusernameOrsellusername="{ record }">
|
|
|
- <a>{{ getAnalogueName(record.contracttype, record.buyusername, record.sellusername) }}</a>
|
|
|
- </template>
|
|
|
- <template #addmargin||decmargin="{ record }">
|
|
|
- <a>{{
|
|
|
+ <template #applystatus="{ text }">
|
|
|
+ <a>{{ getApplyStatusName(text) }}</a>
|
|
|
+ </template>
|
|
|
+ <template #buyusernameOrsellusername="{ record }">
|
|
|
+ <a>{{ getAnalogueName(record.contracttype, record.buyusername, record.sellusername) }}</a>
|
|
|
+ </template>
|
|
|
+ <template #addmargin||decmargin="{ record }">
|
|
|
+ <a>{{
|
|
|
(record.addmargin !== 0 && record.addmargin !== undefined ?
|
|
|
"+" + (record.addmargin) : (record.decmargin === 0 || record.decmargin === undefined ? "" : "-" + (record.decmargin)))
|
|
|
}} </a>
|
|
|
- </template>
|
|
|
+ </template>
|
|
|
|
|
|
- </a-table>
|
|
|
+ </a-table>
|
|
|
+ <!-- 右键 -->
|
|
|
+ <contextMenu :contextMenu="contextMenu"
|
|
|
+ @cancel="closeContext"
|
|
|
+ :list="handlePermissionBtn(firstBtn, selectedRow)">
|
|
|
</contextMenu>
|
|
|
- <!-- 点价记录详情 -->
|
|
|
- <SettlementDetail :selectedRow="selectedRow"
|
|
|
- @refresh="getTableData" />
|
|
|
- <!-- 交收审核 -->
|
|
|
- <SettlementAudit :selectedRow="selectedRow"
|
|
|
- @refresh="getTableData" />
|
|
|
- <!-- 撤销点价登记 -->
|
|
|
- <SettlementCancel :selectedRow="selectedRow"
|
|
|
- @refresh="getTableData" />
|
|
|
+ <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 { BtnList, contextMenu, defineAsyncComponent, defineComponent, ModalEnum, handleComposeTable, ComposeTableParam } from '@/common/export/commonTable';
|
|
|
+import { initData, getTableColumns, getTableEvent, getBtnList } from '@/common/export/table';
|
|
|
|
|
|
import { SettlementDetail, SettlementAudit, SettlementCancel, Filter } from '../../components';
|
|
|
|
|
|
@@ -61,6 +61,11 @@ import { invoiceStatusName } from '@/views/manage/finance-review/setup';
|
|
|
import { Column, ColumnType } from '@/common/setup/table';
|
|
|
import { getPriceTypeName, getContractTypeName, getApplyStatusName } from '@/common/constants/enumsName';
|
|
|
import { getAnalogueName } from '@/views/information/spot-contract/setup';
|
|
|
+import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
+import { BtnList as BtnListType } from '@/common/components/btnList/interface';
|
|
|
+const Detail = defineAsyncComponent(() => import('../../components/settlementDetail/index.vue'));
|
|
|
+const Audit = defineAsyncComponent(() => import('../../components/settlementAudit/index.vue'));
|
|
|
+const Cancel = defineAsyncComponent(() => import('../../components/settlementCancel/index.vue'));
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'business-review-js',
|
|
|
@@ -68,71 +73,61 @@ export default defineComponent({
|
|
|
contextMenu,
|
|
|
Filter,
|
|
|
BtnList,
|
|
|
- SettlementDetail,
|
|
|
- SettlementAudit,
|
|
|
- SettlementCancel,
|
|
|
+ [ModalEnum.detail]: Detail,
|
|
|
+ [ModalEnum.business_review_settlement_audit]: Audit,
|
|
|
+ [ModalEnum.business_review_settlement_cancel]: Cancel,
|
|
|
},
|
|
|
setup() {
|
|
|
- // 表头数据
|
|
|
- const { columns, registerColumn, updateColumn } = getTableColumns();
|
|
|
- // 表格事件
|
|
|
- const { expandedRowKeys, selectedRow, Rowclick } = getTableEvent<QryBussinessJsRsp>({});
|
|
|
- // 表格操作按钮列表
|
|
|
- const { commonBtn, forDataBtn } = getBtnList('business_review_settlement', true);
|
|
|
// 表格列表数据
|
|
|
const { loading, tableList, queryTable } = queryTableList({});
|
|
|
-
|
|
|
- function getTableData() {
|
|
|
- // 获取列表数据
|
|
|
- queryTable().then(() => {
|
|
|
- tableList.value.forEach((el) => {
|
|
|
- if (el.applystatus === 1) {
|
|
|
- // 1:待审核
|
|
|
- Object.assign(el, { btnList: forDataBtn.value });
|
|
|
+ // 获取列表数据
|
|
|
+ const queryTableAction = () => queryTable();
|
|
|
+ const filtrFn = (e: Column, item: ColumnType, filtered: any) => {
|
|
|
+ if (e.columnfield === 'buyusernameOrsellusername') {
|
|
|
+ item.onFilter = (value: string, record: QryBussinessJsRsp) => {
|
|
|
+ const { contracttype, buyusername, sellusername } = record;
|
|
|
+ if (contracttype === 1) {
|
|
|
+ // 采购
|
|
|
+ return sellusername.includes(value);
|
|
|
} else {
|
|
|
- const item = forDataBtn.value.find((e) => e.lable === '详情');
|
|
|
- item && Object.assign(el, { btnList: [item] });
|
|
|
+ return buyusername.includes(value);
|
|
|
}
|
|
|
- });
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- initData(() => {
|
|
|
- // 获取列表数据
|
|
|
- getTableData();
|
|
|
- // 注册表头信息 过滤
|
|
|
- registerColumn('table_pcweb_business_aduit_js', ['contracttype', 'contractno', 'deliverygoodsname'], (e: Column, item: ColumnType, filtered: any) => {
|
|
|
- if (e.columnfield === 'buyusernameOrsellusername') {
|
|
|
- item.onFilter = (value: string, record: QryBussinessJsRsp) => {
|
|
|
- const { contracttype, buyusername, sellusername } = record;
|
|
|
- if (contracttype === 1) {
|
|
|
- // 采购
|
|
|
- return sellusername.includes(value);
|
|
|
- } else {
|
|
|
- return buyusername.includes(value);
|
|
|
- }
|
|
|
- };
|
|
|
- item.filteredValue = filtered.buyusernameOrsellusername || null;
|
|
|
+ };
|
|
|
+ item.filteredValue = filtered.buyusernameOrsellusername || null;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ // 表格通用逻辑
|
|
|
+ const param: ComposeTableParam = {
|
|
|
+ queryFn: queryTableAction,
|
|
|
+ menuType: EnumRouterName.business_review_someprice,
|
|
|
+ tableName: 'table_pcweb_business_aduit_js',
|
|
|
+ tableFilterKey: ['contracttype', 'contractno', 'deliverygoodsname'],
|
|
|
+ tableFilterCB: filtrFn,
|
|
|
+ isDetail: true,
|
|
|
+ };
|
|
|
+ function handlePermissionBtn(btnList: BtnListType[], item: QryBussinessJsRsp) {
|
|
|
+ if (item) {
|
|
|
+ const { applystatus } = item;
|
|
|
+ if (applystatus === 1) {
|
|
|
+ return btnList;
|
|
|
+ } else {
|
|
|
+ return btnList.filter((e) => e.code === 'detail');
|
|
|
}
|
|
|
- });
|
|
|
- });
|
|
|
+ } else {
|
|
|
+ return [];
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
return {
|
|
|
- columns,
|
|
|
+ ...handleComposeTable<QryBussinessJsRsp>(param),
|
|
|
+ handlePermissionBtn,
|
|
|
getAnalogueName,
|
|
|
- expandedRowKeys,
|
|
|
- selectedRow,
|
|
|
- Rowclick,
|
|
|
- commonBtn,
|
|
|
- forDataBtn,
|
|
|
loading,
|
|
|
tableList,
|
|
|
- updateColumn,
|
|
|
getPriceTypeName,
|
|
|
getContractTypeName,
|
|
|
getApplyStatusName,
|
|
|
invoiceStatusName,
|
|
|
- getTableData,
|
|
|
};
|
|
|
},
|
|
|
});
|
huangbin