|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <ProDialog title="批改信息" v-model="innerVisible" width="1200px" destroy-on-close> | 
|---|
|  |  |  | <ProDialogTableWrapper :height="400"> | 
|---|
|  |  |  | <ProTableV2 | 
|---|
|  |  |  | :table-data="proTableProps.tableData" | 
|---|
|  |  |  | :columns="column" | 
|---|
|  |  |  | :show-operation-column="false" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProTableV2 v-bind="proTableProps" :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> | 
|---|