| | |
| | | <template> |
| | | <ProDialog :title="title" v-model="visible" destroy-on-close draggable> |
| | | <ProTabs v-model="form.tabType" hasBorder v-if="form.checkReceiveMethods?.length > 1"> |
| | | <ProTabPane lazy label="签到记录" name="signRecord"></ProTabPane> |
| | | <ProTabPane lazy label="提交记录" name="submitRecord"></ProTabPane> |
| | | </ProTabs> |
| | | <ProDialogTableWrapper :height="400"> |
| | | <ProTableV2 v-bind="proTableProps" :columns="columns" :operationBtns="operationBtns"> |
| | | </ProTableV2> |
| | |
| | | defineColumns, |
| | | defineOperationBtns, |
| | | useTable, |
| | | ProTabs, |
| | | ProTabPane, |
| | | } from '@bole-core/components'; |
| | | import * as taskCheckReceiveServices from '@/services/api/taskCheckReceive'; |
| | | import { setOSSLink } from '@/utils'; |
| | |
| | | import { useGlobalEventContext } from '@/hooks'; |
| | | |
| | | defineOptions({ |
| | | name: 'EnterpriseConsumptionDetailDialog', |
| | | name: 'CheckManageDialog', |
| | | }); |
| | | |
| | | type Form = { |
| | | id: string; |
| | | isDetail: boolean; |
| | | tabType: string; |
| | | checkReceiveMethods: EnumTaskCheckReceiveMethod[]; |
| | | }; |
| | | |
| | | const visible = defineModel({ type: Boolean }); |
| | |
| | | |
| | | const eventContext = useGlobalEventContext(); |
| | | |
| | | const columns = defineColumns([ |
| | | const submitColumns = defineColumns([ |
| | | { |
| | | id: '1', |
| | | enCode: 'date', |
| | |
| | | }, |
| | | ]); |
| | | |
| | | const checkInColumns = defineColumns([ |
| | | { |
| | | id: '1', |
| | | enCode: 'date', |
| | | name: '任务日期', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'userCheckInTime', |
| | | name: '用户签到时间', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'userCheckOutTime', |
| | | name: '用户签出时间', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'checkHistoryType', |
| | | name: '用户验收状态', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'checkInTime', |
| | | name: '签到时间', |
| | | }, |
| | | { |
| | | id: '6', |
| | | enCode: 'checkOutTime', |
| | | name: '签出时间', |
| | | }, |
| | | { |
| | | id: '7', |
| | | enCode: 'userCheckHistoryType', |
| | | name: '验收状态', |
| | | }, |
| | | { |
| | | id: '8', |
| | | enCode: 'operator', |
| | | name: '操作人', |
| | | }, |
| | | ]); |
| | | |
| | | const columns = computed(() => { |
| | | if (form.value.checkReceiveMethods.every((x) => x == EnumTaskCheckReceiveMethod.CheckIn)) { |
| | | return checkInColumns; |
| | | } else if (form.value.checkReceiveMethods.every((x) => x == EnumTaskCheckReceiveMethod.Submit)) { |
| | | return submitColumns; |
| | | } else { |
| | | if (form.value.tabType === 'signRecord') { |
| | | return checkInColumns; |
| | | } else { |
| | | return submitColumns; |
| | | } |
| | | } |
| | | }); |
| | | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | |
| | | }, |
| | | extraProps: { |
| | | hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) => |
| | | form.value.isDetail || |
| | | form.value.tabType === 'signRecord' || |
| | | !( |
| | | row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit || |
| | | row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive |
| | | ) || form.value.isDetail, |
| | | ), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | }, |
| | | extraProps: { |
| | | hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) => |
| | | form.value.isDetail || |
| | | form.value.tabType === 'signRecord' || |
| | | !( |
| | | row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit || |
| | | row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive |
| | | ) || form.value.isDetail, |
| | | ), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | }, |
| | | emits: { |
| | | onClick: (role) => handleDownload(role), |
| | | }, |
| | | extraProps: { |
| | | hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) => row.files?.length === 0, |
| | | }, |
| | | }, |
| | | ]); |
| | |
| | | checkReceiveTime: { type: 'date' }, |
| | | date: { type: 'date', format: 'YYYY-MM-DD' }, |
| | | checkReceiveStatus: { type: 'enum', valueEnum: EnumTaskUserSubmitCheckReceiveStatusText }, |
| | | userCheckHistoryType: { type: 'enum', valueEnum: EnumTaskUserSubmitCheckHistoryTypeText }, |
| | | checkHistoryType: { type: 'enum', valueEnum: EnumTaskUserSubmitCheckHistoryTypeText }, |
| | | files: { |
| | | type: 'url', |
| | | //@ts-ignore |
| | |
| | | if (row.files?.length > 0) { |
| | | downloadWithZip( |
| | | row.files.map((x) => ({ |
| | | data: `${setOSSLink(x)}?${new Date().getTime()}`, |
| | | data: `${setOSSLink(x)}`, |
| | | })), |
| | | '验收照片' |
| | | ); |