| | |
| | | :columns="column" |
| | | :show-operation-column="false" |
| | | > |
| | | <template #changeType="{ row }"> {{ BatchChangeTypeEnumText[row.changeType] }}</template> |
| | | </ProTableV2> |
| | | </ProDialogTableWrapper> |
| | | </ProDialog> |
| | |
| | | |
| | | <script setup lang="ts"> |
| | | import { ProDialog, ProTableV2, ProDialogTableWrapper, useTable } from '@bole-core/components'; |
| | | import * as insuranceOrderServices from '@/services/api/InsuranceOrder'; |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import { paginateList } from '@/utils'; |
| | | import { BatchChangeTypeEnumText } from '@/constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'BatchChangeRecordDetailDialog', |
| | |
| | | modelValue: boolean; |
| | | form?: { |
| | | id: string; |
| | | staffList: API.InsureBatchBillDetailDto[]; |
| | | }; |
| | | }; |
| | | |
| | |
| | | const column: API.CustomModuleColumnDto[] = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'name', |
| | | enCode: 'changeType', |
| | | name: '批改类型', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'name', |
| | | name: '姓名', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'name', |
| | | enCode: 'idNumber', |
| | | name: '身份证号', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'name', |
| | | enCode: 'workType', |
| | | name: '雇员工种', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'name', |
| | | enCode: 'gender', |
| | | name: '性别', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '6', |
| | | enCode: 'name', |
| | | enCode: 'age', |
| | | name: '年龄', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '7', |
| | | enCode: 'name', |
| | | enCode: 'birthDay', |
| | | name: '出生日期', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '8', |
| | | enCode: 'name', |
| | | enCode: 'phoneNumber', |
| | | name: '电话号码', |
| | | width: 120, |
| | | }, |
| | | { |
| | | id: '9', |
| | | enCode: 'name', |
| | | enCode: 'modifyInfo', |
| | | name: '修改内容', |
| | | width: 120, |
| | | }, |
| | | ]; |
| | | |
| | |
| | | () => props.modelValue, |
| | | (val) => { |
| | | if (val) { |
| | | getBatchRefundInfoDetail(); |
| | | getList(); |
| | | } |
| | | }, |
| | | { |
| | |
| | | ); |
| | | |
| | | const { |
| | | getDataSource: getBatchRefundInfoDetail, |
| | | getDataSource: getList, |
| | | proTableProps, |
| | | paginationState, |
| | | extraParamState, |
| | |
| | | } = useTable( |
| | | async ({ pageIndex, pageSize }, extraParamState) => { |
| | | try { |
| | | let params: API.QueryInsuranceOrderPageInput = { |
| | | return Promise.resolve({ |
| | | pageModel: { |
| | | rows: pageSize, |
| | | page: pageIndex, |
| | | orderInput: extraParamState.orderInput, |
| | | totalCount: props.form.staffList.length, |
| | | }, |
| | | condition: extraParamState.keyWord, |
| | | // insurePolicyOperateHistoryId: id, |
| | | }; |
| | | let res = await insuranceOrderServices.getInsuranceOrderPage(params); |
| | | return res; |
| | | data: paginateList(props.form.staffList, pageIndex, pageSize), |
| | | }); |
| | | } catch (error) {} |
| | | }, |
| | | { |
| | |
| | | keyWord: '', |
| | | orderInput: [{ property: 'id', order: OrderInputType.Asc }], |
| | | }, |
| | | columnsRenderProps: {}, |
| | | } |
| | | ); |
| | | </script> |