|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <ProDialog title="理赔详情" v-model="innerVisible" width="1200px" destroy-on-close> | 
|---|
|  |  |  | <ProDialogTableWrapper :height="400"> | 
|---|
|  |  |  | <ProTableV2 | 
|---|
|  |  |  | :table-data="proTableProps.tableData" | 
|---|
|  |  |  | :columns="column" | 
|---|
|  |  |  | :operation-btns="operationBtns" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template #changeType="{ row }"> {{ BatchChangeTypeEnumText[row.changeType] }}</template> | 
|---|
|  |  |  | <ProTableV2 v-bind="proTableProps" :columns="column" :operation-btns="operationBtns"> | 
|---|
|  |  |  | <template #claimResult="{ row }"> | 
|---|
|  |  |  | {{ InsuranceClaimResultEnumText[row.claimResult] }} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template #reportedTime="{ row }"> | 
|---|
|  |  |  | {{ dayjs(row.reportedTime).format('YYYY-MM-DD') }} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </ProTableV2> | 
|---|
|  |  |  | </ProDialogTableWrapper> | 
|---|
|  |  |  | <template #footer> | 
|---|
|  |  |  | <span class="dialog-footer"> | 
|---|
|  |  |  | <el-button @click="emit('onCancel')">取 消</el-button> | 
|---|
|  |  |  | <el-button type="primary" @click="emit('onCancel')">确 定</el-button> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </ProDialog> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | useTable, | 
|---|
|  |  |  | defineOperationBtns, | 
|---|
|  |  |  | } from '@bole-core/components'; | 
|---|
|  |  |  | import { OrderInputType } from '@bole-core/core'; | 
|---|
|  |  |  | import { paginateList } from '@/utils'; | 
|---|
|  |  |  | import { BatchChangeTypeEnumText } from '@/constants'; | 
|---|
|  |  |  | import { InsuranceClaimResultEnumText } from '@/constants'; | 
|---|
|  |  |  | import dayjs from 'dayjs'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'InsureClaimDetailDialog', | 
|---|
|  |  |  | 
|---|
|  |  |  | modelValue: boolean; | 
|---|
|  |  |  | form?: { | 
|---|
|  |  |  | id: string; | 
|---|
|  |  |  | staffList: API.InsureBatchBillDetailDto[]; | 
|---|
|  |  |  | routeId: string; | 
|---|
|  |  |  | staffList: API.InsuranceClaimDetailOutput[]; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '3', | 
|---|
|  |  |  | enCode: 'idNumber', | 
|---|
|  |  |  | enCode: 'reportedTime', | 
|---|
|  |  |  | name: '报案时间', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '4', | 
|---|
|  |  |  | enCode: 'idNumber', | 
|---|
|  |  |  | enCode: 'contactNumber', | 
|---|
|  |  |  | name: '联系电话', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '5', | 
|---|
|  |  |  | enCode: 'idNumber', | 
|---|
|  |  |  | enCode: 'accidentType', | 
|---|
|  |  |  | name: '事故类型', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '6', | 
|---|
|  |  |  | enCode: 'idNumber', | 
|---|
|  |  |  | enCode: 'claimResult', | 
|---|
|  |  |  | name: '理赔结果', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ]; | 
|---|
|  |  |  | 
|---|
|  |  |  | extraParamState, | 
|---|
|  |  |  | reset, | 
|---|
|  |  |  | } = useTable( | 
|---|
|  |  |  | async ({ pageIndex, pageSize }, extraParamState) => { | 
|---|
|  |  |  | async ({ pageIndex, pageSize }) => { | 
|---|
|  |  |  | try { | 
|---|
|  |  |  | return Promise.resolve({ | 
|---|
|  |  |  | pageModel: { | 
|---|
|  |  |  | 
|---|
|  |  |  | } catch (error) {} | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | defaultExtraParams: { | 
|---|
|  |  |  | keyWord: '', | 
|---|
|  |  |  | orderInput: [{ property: 'id', order: OrderInputType.Asc }], | 
|---|
|  |  |  | columnsRenderProps: { | 
|---|
|  |  |  | reportedTime: { | 
|---|
|  |  |  | type: 'date', | 
|---|
|  |  |  | format: 'YYYY-MM-DD', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | query: { | 
|---|
|  |  |  | fromRoute: 'InsuranceOrderDetail', | 
|---|
|  |  |  | insuranceClaimId: row.id, | 
|---|
|  |  |  | routeId: props.form.routeId, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | emit('onCancel'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|