|  |  |  | 
|---|
|  |  |  | </ProTableV2> | 
|---|
|  |  |  | </AppContainer> | 
|---|
|  |  |  | <UploadStatementDialog v-bind="dialogProps" /> | 
|---|
|  |  |  | <SettleDetailDialog v-bind="dialogSettleProps" /> | 
|---|
|  |  |  | <!-- <SettleDetailDialog v-bind="dialogSettleProps" /> --> | 
|---|
|  |  |  | <RechargeEnterpriseWalletDialog v-bind="dialogRechargeProps" /> | 
|---|
|  |  |  | <SettlMethodDialog v-bind="dialogSettlMethodProps" /> | 
|---|
|  |  |  | <EditSettleInfoDialog v-bind="dialogSettleInfoProps" /> | 
|---|
|  |  |  | </LoadingLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import { ModelValueType } from 'element-plus'; | 
|---|
|  |  |  | import UploadStatementDialog from './components/UploadStatementDialog.vue'; | 
|---|
|  |  |  | import SettleDetailDialog from './components/SettleDetailDialog.vue'; | 
|---|
|  |  |  | import SettlMethodDialog from './components/SettlMethodDialog.vue'; | 
|---|
|  |  |  | import RechargeEnterpriseWalletDialog from './components/RechargeEnterpriseWalletDialog.vue'; | 
|---|
|  |  |  | import { Message } from '@bole-core/core'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | name: '结算', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | emits: { | 
|---|
|  |  |  | onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role, 'settlement'), | 
|---|
|  |  |  | onClick: (role: API.GetSettlementTasksQueryResultItem) => openSettleMethodDialog(role), | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | extraProps: { | 
|---|
|  |  |  | hide: (role: API.GetSettlementTasksQueryResultItem) => | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | enCode: 'settleAuditBtn', | 
|---|
|  |  |  | name: '结算审核', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | emits: { | 
|---|
|  |  |  | onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role.id), | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // extraProps: { | 
|---|
|  |  |  | //   hide: (role: API.GetSettlementTasksQueryResultItem) => | 
|---|
|  |  |  | //     role.settlementOrderStatus === EnumTaskSettlementOrderStatus.Wait, | 
|---|
|  |  |  | // }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | enCode: 'detailBtn', | 
|---|
|  |  |  | name: '详情', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | emits: { | 
|---|
|  |  |  | onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role), | 
|---|
|  |  |  | onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role.id), | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // extraProps: { | 
|---|
|  |  |  | //   hide: (role: API.GetSettlementTasksQueryResultItem) => | 
|---|
|  |  |  | 
|---|
|  |  |  | editForm.settlementUrl = [] as UploadUserFile[]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goDetail(row: API.GetSettlementTasksQueryResultItem, settlement?: string) { | 
|---|
|  |  |  | const { | 
|---|
|  |  |  | dialogProps: dialogSettlMethodProps, | 
|---|
|  |  |  | handleAdd: handleSettlMethodAdd, | 
|---|
|  |  |  | editForm: settlMethodEditForm, | 
|---|
|  |  |  | } = useFormDialog({ | 
|---|
|  |  |  | onConfirm: handleSettlMethod, | 
|---|
|  |  |  | defaultFormParams: { | 
|---|
|  |  |  | id: '', | 
|---|
|  |  |  | settlementAccess: '' as any as EnumEnterpriseWalletAccess, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function openSettleMethodDialog(row: API.GetSettlementTasksQueryResultItem) { | 
|---|
|  |  |  | handleSettlMethodAdd({ | 
|---|
|  |  |  | id: row.id, | 
|---|
|  |  |  | settlementAccess: '' as any as EnumEnterpriseWalletAccess, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | async function handleSettlMethod() { | 
|---|
|  |  |  | goDetail(settlMethodEditForm.id, 'settlement', settlMethodEditForm.settlementAccess); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goDetail(id: string, settlement?: string, settlementAccess?: EnumEnterpriseWalletAccess) { | 
|---|
|  |  |  | router.push({ | 
|---|
|  |  |  | name: 'ServiceChargeDetail', | 
|---|
|  |  |  | params: { | 
|---|
|  |  |  | id: row?.id ?? '', | 
|---|
|  |  |  | id: id ?? '', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | query: { | 
|---|
|  |  |  | settlement: settlement ? settlement : '', | 
|---|
|  |  |  | settlementAccess: settlementAccess ? settlementAccess : '', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | '结算单模板' | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { | 
|---|
|  |  |  | dialogProps: dialogSettleInfoProps, | 
|---|
|  |  |  | handleEdit: handleSettleInfoEdit, | 
|---|
|  |  |  | editForm: settleInfoEditForm, | 
|---|
|  |  |  | } = useFormDialog({ | 
|---|
|  |  |  | onConfirm: handleSettleInfo, | 
|---|
|  |  |  | defaultFormParams: { | 
|---|
|  |  |  | id: '', | 
|---|
|  |  |  | actualSettlementAmount: 0, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | async function handleSettleInfo() {} | 
|---|
|  |  |  | </script> | 
|---|