refactor(table): 移除多表格列配置中的resizable属性
统一移除多个视图组件中DataTable列配置的resizable属性,简化表格列定义。同时修复热修复页面日期选择器的确认逻辑和布局间距。
| | |
| | | key: 'createTime', |
| | | width: 200, |
| | | ellipsis: true, |
| | | resizable: true, |
| | | render: (row) => { |
| | | return row.createTime ? dayjs(row.createTime).format('YYYY/MM/DD HH:mm:ss') : '-' |
| | | }, |
| | |
| | | key: 'actions', |
| | | width: 100, |
| | | fixed: 'right', |
| | | resizable: true, |
| | | render: (row) => { |
| | | return ( |
| | | <NSpace> |
| | |
| | | align: 'left', |
| | | width: 160, |
| | | key: 'warehousingTime', |
| | | resizable: true, |
| | | render: row => row.warehousingTime ? dayjs(row.warehousingTime).format('YYYY/MM/DD HH:mm') : '-', |
| | | }, |
| | | { |
| | |
| | | key: 'remarks', |
| | | width: 180, |
| | | ellipsis: true, |
| | | resizable: true, |
| | | render: row => row.remarks || '-', |
| | | }, |
| | | { |
| | |
| | | key: 'vehicleNum', |
| | | width: 140, |
| | | align: 'left', |
| | | resizable: true, |
| | | ellipsis: true, |
| | | }, |
| | | { |
| | |
| | | key: 'createTime', |
| | | ellipsis: true, |
| | | sorter: true, |
| | | resizable: true, |
| | | render: row => <span>{dayjs(row.createTime).format('YYYY/MM/DD HH:mm') || '-'}</span>, |
| | | width: 200, |
| | | renderSorterIcon({ order }) { |
| | |
| | | key: 'status', |
| | | align: 'left', |
| | | width: 140, |
| | | resizable: true, |
| | | render: (row) => { |
| | | return ( |
| | | <NTag |
| | |
| | | width: columnWidths.createTime, |
| | | align: 'left', |
| | | ellipsis: true, |
| | | resizable: true, |
| | | render(row) { |
| | | return row.createTime ? dayjs(row.createTime).format('YYYY/MM/DD HH:mm') || '-' : '-' |
| | | }, |
| | |
| | | ) |
| | | } |
| | | }, |
| | | { title: '打卡地址', key: 'clockInLocation', width: 320, align: 'left', ellipsis: { tooltip: true }, resizable: true } |
| | | { title: '打卡地址', key: 'clockInLocation', width: 320, align: 'left', ellipsis: { tooltip: true }} |
| | | ]) |
| | | |
| | | async function getList() { |
| | |
| | | title: t("ticket.feedback.feedbackTime"), |
| | | key: "createTime", |
| | | width: 160, |
| | | resizable: true, |
| | | render: (row) => row.createTime ? dayjs(row.createTime).format("YYYY/MM/DD HH:mm") || "-" : "-", |
| | | }, |
| | | ]); |
| | |
| | | title: t("workOrder.actions"), |
| | | key: "actions", |
| | | width: 140, |
| | | resizable: true, |
| | | render: (row) => { |
| | | return ( |
| | | <div class="flex items-center gap-2"> |
| | |
| | | align: 'center', |
| | | key: 'remarks', |
| | | width: 200, |
| | | resizable: true, |
| | | ellipsis: true, |
| | | }, |
| | | ]) |
| | |
| | | |
| | | const formRef = ref<FormInst | null>(null) |
| | | const startTimeRef = ref<any>(null) |
| | | const endTimeRef = ref<any>(null) |
| | | const isFetching = ref(false) |
| | | |
| | | const formModel = ref<FormModel>({ |
| | |
| | | |
| | | <template> |
| | | <div class="w-full h-full relative content"> |
| | | <div class="p-24px"> |
| | | <div class="p-12px"> |
| | | <div class="box mb-12px"> |
| | | <div class="head"> |
| | | 系统维护 |
| | |
| | | placeholder="请选择日期" |
| | | style="width: 240px;" |
| | | clearable |
| | | :actions="[]" :update-value-on-close="true" :close-on-select="true" |
| | | :time-picker-props="{ |
| | | onConfirm: (val) => { |
| | | formModel.startTime = val |
| | | startTimeRef?.handlePanelClose() |
| | | }, |
| | | }" |
| | | :actions="[]" |
| | | :update-value-on-close="true" :close-on-select="true" |
| | | /> |
| | | </n-form-item> |
| | | |
| | | <n-form-item label="预计结束时间" path="endTime"> |
| | | <n-date-picker |
| | | ref="endTimeRef" |
| | | v-model:value="formModel.endTime" |
| | | type="datetime" |
| | | format="yyyy/MM/dd HH:mm:ss" |
| | |
| | | style="width: 240px;" |
| | | :actions="[]" :update-value-on-close="true" :close-on-select="true" |
| | | clearable |
| | | :time-picker-props="{ |
| | | onConfirm: (val) => { |
| | | formModel.endTime = val |
| | | endTimeRef?.handlePanelClose() |
| | | }, |
| | | }" |
| | | /> |
| | | </n-form-item> |
| | | </n-space> |
| | |
| | | { |
| | | title: '关联订单号', |
| | | key: 'orderNumber', |
| | | resizable: true, |
| | | ellipsis: true, |
| | | render(row) { |
| | | return ( |
| | |
| | | key: 'createTime', |
| | | width: 160, |
| | | ellipsis: true, |
| | | resizable: true, |
| | | render: row => ( |
| | | <span> |
| | | {row.createTime ? dayjs(row.createTime).format('YYYY/MM/DD HH:mm') : '-'} |