import * as api from './api'; import { UserPageQuery, AddReq, DelReq, EditReq, CreateCrudOptionsProps, CreateCrudOptionsRet ,useCompute} from '@fast-crud/fast-crud'; import dayjs from 'dayjs'; const { compute } = useCompute(); export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { const pageRequest = async (query: UserPageQuery) => { try { const res = await api.GetList(query); return { ...res, records: res.data, total: res.total, }; } catch (error) { return { code: 2000, msg: 'success', records: [], total: 0, }; } }; const editRequest = async ({ form, row }: EditReq) => { form.id = row.id; return await api.UpdateObj(form); }; const delRequest = async ({ row }: DelReq) => { return await api.DelObj(row.id); }; const addRequest = async ({ form }: AddReq) => { return await api.AddObj(form); }; return { crudOptions: { request: { pageRequest, addRequest, editRequest, delRequest, }, actionbar: { buttons: { add: { show: false, text: '创建借用单', }, }, }, rowHandle: { fixed: 'right', width: 220, buttons: { view: { show: true, click: ({ row }) => { // eslint-disable-next-line no-console // console.log("row:::",row); window.dispatchEvent(new CustomEvent('borrow-view', { detail: row })); }, }, edit: { show:true, disabled:compute( ({row})=>{ return row.borrow_type === 0; }), click: ({ row }) => { window.dispatchEvent(new CustomEvent('borrow-edit', { detail: row })); } }, remove: { show: true, }, }, }, search:{ show:false, }, toolbar:{ show:true, }, columns: { _index: { title: '序号', form: { show: false }, column: { align: 'center', width: '70px', columnSetDisabled: true, formatter: (context: any) => { let index = context.index ?? 1; let pagination = crudExpose!.crudBinding.value.pagination; return ((pagination!.currentPage ?? 1) - 1) * pagination!.pageSize + index + 1; }, }, }, application_no: { title: '借用单编号', column: { minWidth: 140 } }, borrower_type_label: { title: '借用人角色', column: { minWidth: 100 } }, borrow_type_label: { search: { show: true },title: '借用性质', column: { minWidth: 100 } }, "borrower_info.user_code":{title:"学号/工号",column: { minWidth: 100 }}, borrower_info: { title: '借用人', search:{ show:true, }, column: { minWidth: 100, formatter: ({ row }: any) => row.borrower_info?.name || '', }, form: { component: { render: ({ value }: any) => value?.name || '', }, }, }, emergency_contact: { title: '紧急联系人', column: { show:false, minWidth: 100 } }, emergency_phone: { title: '联系方式', column: { minWidth: 120 } }, team_type_label: { title: '个人/团队', column: { minWidth: 80 } }, team_members: { title: '团队成员', column: { show:false,minWidth: 120 } }, team_members_count: { title: '团队人数', column: { show:false,minWidth: 80 }}, create_datetime: { title: '创建时间', column: { minWidth: 160, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '') }, }, status_label: { title: '当前状态', column: { minWidth: 80 } }, actual_start_time: { title: '借出时间', column: { minWidth: 140, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '') }, }, expected_end_time: { title: '预计归还', column: { minWidth: 140, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '') }, }, actual_end_time: { title: '完结时间', column: { minWidth: 140, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '') }, }, return_location: { title: '存放仓库', column: { minWidth: 120 } }, purpose: { title: '借用目的', column: { minWidth: 150 ,show:false} }, expected_start_time: { title: '预计开始', column: { minWidth: 140,show:false, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '') }, }, approve_time: { title: '审批时间', column: { show:false,minWidth: 140, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm') : '') }, }, approve_remark: { title: '审批备注', column: {show:false, minWidth: 120 } }, total_items: { title: '设备数量', column: { show:false,minWidth: 80 } }, applicant_remark: { title: '申请备注', column: { show:false, minWidth: 120 } }, update_datetime: { title: '更新时间', column: { show:false,minWidth: 160, formatter: ({ value }: any) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '') }, }, }, }, }; };