refactor: 封装 useActionColumn 工具函数，统一操作列宽度计算
将 11 个页面共 15 处硬编码的操作列配置替换为 useActionColumn() 调用， 根据内联按钮数量和是否有下拉菜单自动计算宽度，解决按钮文字被遮挡问题。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
kkfluous
23
apps/web-antd/src/utils/table.ts
Normal file
23
apps/web-antd/src/utils/table.ts
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
|
||||||
|
type VxeColumn = NonNullable<VxeTableGridOptions['columns']>[number];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生成操作列配置，根据内联按钮数量和是否有下拉菜单自动计算宽度
|
||||||
|
* @param inlineCount 内联按钮数量（最多 3 个）
|
||||||
|
* @param hasDropdown 是否有"更多"下拉菜单
|
||||||
|
* @param slotName 插槽名称，默认 'actions'
|
||||||
|
*/
|
||||||
|
export function useActionColumn(
|
||||||
|
inlineCount: number,
|
||||||
|
hasDropdown = false,
|
||||||
|
slotName = 'actions',
|
||||||
|
): VxeColumn {
|
||||||
|
const width = Math.max(80, inlineCount * 60 + (hasDropdown ? 60 : 0));
|
||||||
|
return {
|
||||||
|
title: '操作',
|
||||||
|
width,
|
||||||
|
fixed: 'right',
|
||||||
|
slots: { default: slotName },
|
||||||
|
};
|
||||||
|
}
|
||||||
368
apps/web-antd/src/views/asset/customer/data.ts
Normal file
368
apps/web-antd/src/views/asset/customer/data.ts
Normal file
@@ -0,0 +1,368 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
import type { AssetCustomerApi } from '#/api/asset/customer';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 基本信息 */
|
||||||
|
export function useBasicFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'id',
|
||||||
|
dependencies: {
|
||||||
|
triggerFields: [''],
|
||||||
|
show: () => false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'customerCode',
|
||||||
|
label: '客户编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入客户编码',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入客户编码' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'coopStatus',
|
||||||
|
label: '合作状态',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择合作状态',
|
||||||
|
options: [
|
||||||
|
{ label: '已合作', value: '已合作' },
|
||||||
|
{ label: '终止合作', value: '终止合作' },
|
||||||
|
{ label: '洽谈中', value: '洽谈中' },
|
||||||
|
{ label: '合约过期', value: '合约过期' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请选择合作状态' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'customerName',
|
||||||
|
label: '客户名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入客户名称',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入客户名称' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'province',
|
||||||
|
label: '省份',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入省份',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入省份' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'city',
|
||||||
|
label: '城市',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入城市',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入城市' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'address',
|
||||||
|
label: '详细地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入详细地址',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入详细地址' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'region',
|
||||||
|
label: '区域',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择区域',
|
||||||
|
options: [
|
||||||
|
{ label: '华北', value: '华北' },
|
||||||
|
{ label: '华东', value: '华东' },
|
||||||
|
{ label: '华南', value: '华南' },
|
||||||
|
{ label: '华中', value: '华中' },
|
||||||
|
{ label: '东北', value: '东北' },
|
||||||
|
{ label: '西南', value: '西南' },
|
||||||
|
{ label: '西北', value: '西北' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contact',
|
||||||
|
label: '联系人',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入联系人',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入联系人' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contactMobile',
|
||||||
|
label: '联系手机',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入联系手机',
|
||||||
|
},
|
||||||
|
rules: z
|
||||||
|
.string()
|
||||||
|
.min(1, { message: '请输入联系手机' })
|
||||||
|
.regex(/^1[3-9]\d{9}$/, { message: '请输入正确的手机号' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contactPhone',
|
||||||
|
label: '联系电话',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入联系电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'email',
|
||||||
|
label: '邮箱',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入邮箱',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'creditCodeOrId',
|
||||||
|
label: '统一社会信用代码/身份证',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入统一社会信用代码或身份证号',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入统一社会信用代码或身份证号' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'businessManagers',
|
||||||
|
label: '业务负责人',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入业务负责人',
|
||||||
|
mode: 'tags',
|
||||||
|
},
|
||||||
|
rules: z.array(z.string()).min(1, { message: '请输入业务负责人' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
component: 'Textarea',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入备注',
|
||||||
|
rows: 3,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 开票信息 */
|
||||||
|
export function useInvoiceFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'taxId',
|
||||||
|
label: '税号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入税号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'invoiceAddress',
|
||||||
|
label: '开票地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入开票地址',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'invoicePhone',
|
||||||
|
label: '开票电话',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入开票电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'account',
|
||||||
|
label: '银行账号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入银行账号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'openingBank',
|
||||||
|
label: '开户行',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入开户行',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'mailingAddress',
|
||||||
|
label: '邮寄地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入邮寄地址',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 搜索表单 */
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'customerCode',
|
||||||
|
label: '客户编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入客户编码',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'customerName',
|
||||||
|
label: '客户名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入客户名称',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'coopStatus',
|
||||||
|
label: '合作状态',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择合作状态',
|
||||||
|
mode: 'multiple',
|
||||||
|
options: [
|
||||||
|
{ label: '已合作', value: '已合作' },
|
||||||
|
{ label: '终止合作', value: '终止合作' },
|
||||||
|
{ label: '洽谈中', value: '洽谈中' },
|
||||||
|
{ label: '合约过期', value: '合约过期' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'region',
|
||||||
|
label: '区域',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择区域',
|
||||||
|
mode: 'multiple',
|
||||||
|
options: [
|
||||||
|
{ label: '华北', value: '华北' },
|
||||||
|
{ label: '华东', value: '华东' },
|
||||||
|
{ label: '华南', value: '华南' },
|
||||||
|
{ label: '华中', value: '华中' },
|
||||||
|
{ label: '东北', value: '东北' },
|
||||||
|
{ label: '西南', value: '西南' },
|
||||||
|
{ label: '西北', value: '西北' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'city',
|
||||||
|
label: '城市',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入城市',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格列配置 */
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'checkbox', width: 60, fixed: 'left' },
|
||||||
|
{
|
||||||
|
field: 'customerCode',
|
||||||
|
title: '客户编码',
|
||||||
|
minWidth: 120,
|
||||||
|
fixed: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'coopStatus',
|
||||||
|
title: '合作状态',
|
||||||
|
minWidth: 100,
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'customerName',
|
||||||
|
title: '客户名称',
|
||||||
|
minWidth: 200,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'region',
|
||||||
|
title: '区域',
|
||||||
|
minWidth: 80,
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'city',
|
||||||
|
title: '城市',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'address',
|
||||||
|
title: '地址',
|
||||||
|
minWidth: 200,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contact',
|
||||||
|
title: '联系人',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contactMobile',
|
||||||
|
title: '联系手机',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contactPhone',
|
||||||
|
title: '联系电话',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'email',
|
||||||
|
title: '邮箱',
|
||||||
|
minWidth: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'creditCodeOrId',
|
||||||
|
title: '统一社会信用代码/身份证',
|
||||||
|
minWidth: 180,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'businessManagers',
|
||||||
|
title: '业务负责人',
|
||||||
|
minWidth: 120,
|
||||||
|
formatter: ({ cellValue }: { cellValue: string[] }) =>
|
||||||
|
Array.isArray(cellValue) ? cellValue.join(', ') : cellValue || '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'remark',
|
||||||
|
title: '备注',
|
||||||
|
minWidth: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'creator',
|
||||||
|
title: '创建人',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'createTime',
|
||||||
|
title: '创建时间',
|
||||||
|
minWidth: 180,
|
||||||
|
formatter: 'formatDateTime',
|
||||||
|
},
|
||||||
|
useActionColumn(3),
|
||||||
|
];
|
||||||
|
}
|
||||||
@@ -3,6 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
|||||||
|
|
||||||
import { z } from '#/adapter/form';
|
import { z } from '#/adapter/form';
|
||||||
import { getRangePickerDefaultProps } from '#/utils';
|
import { getRangePickerDefaultProps } from '#/utils';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
// ========== 新增/编辑表单 ==========
|
// ========== 新增/编辑表单 ==========
|
||||||
export function useFormSchema(): VbenFormSchema[] {
|
export function useFormSchema(): VbenFormSchema[] {
|
||||||
@@ -37,6 +38,7 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||||||
componentProps: {
|
componentProps: {
|
||||||
placeholder: '请选择交车日期',
|
placeholder: '请选择交车日期',
|
||||||
showTime: true,
|
showTime: true,
|
||||||
|
format: 'YYYY-MM-DD HH:mm:ss',
|
||||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
||||||
style: { width: '100%' },
|
style: { width: '100%' },
|
||||||
},
|
},
|
||||||
@@ -138,7 +140,7 @@ export function usePendingColumns(): VxeTableGridOptions['columns'] {
|
|||||||
{ field: 'vehicleCount', title: '交车数量', minWidth: 100, align: 'center' },
|
{ field: 'vehicleCount', title: '交车数量', minWidth: 100, align: 'center' },
|
||||||
{ field: 'deliveryRegion', title: '交车区域', minWidth: 120 },
|
{ field: 'deliveryRegion', title: '交车区域', minWidth: 120 },
|
||||||
{ field: 'deliveryLocation', title: '交车地点', minWidth: 150 },
|
{ field: 'deliveryLocation', title: '交车地点', minWidth: 150 },
|
||||||
{ title: '操作', width: 160, fixed: 'right', slots: { default: 'actions' } },
|
useActionColumn(3),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -164,7 +166,7 @@ export function useHistoryColumns(): VxeTableGridOptions['columns'] {
|
|||||||
{ field: 'vehicleCount', title: '交车数量', minWidth: 100, align: 'center' },
|
{ field: 'vehicleCount', title: '交车数量', minWidth: 100, align: 'center' },
|
||||||
{ field: 'deliveryRegion', title: '交车区域', minWidth: 120 },
|
{ field: 'deliveryRegion', title: '交车区域', minWidth: 120 },
|
||||||
{ field: 'deliveryLocation', title: '交车地点', minWidth: 150 },
|
{ field: 'deliveryLocation', title: '交车地点', minWidth: 150 },
|
||||||
{ title: '操作', width: 100, fixed: 'right', slots: { default: 'actions' } },
|
useActionColumn(3, true),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
169
apps/web-antd/src/views/asset/delivery-task/data.ts
Normal file
169
apps/web-antd/src/views/asset/delivery-task/data.ts
Normal file
@@ -0,0 +1,169 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
// ========== 新增/编辑表单 ==========
|
||||||
|
export function useFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'id',
|
||||||
|
dependencies: { triggerFields: [''], show: () => false },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contractId',
|
||||||
|
label: '选择项目名称',
|
||||||
|
component: 'ApiSelect',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择或输入项目名称',
|
||||||
|
api: () =>
|
||||||
|
import('#/api/asset/contract').then((m) =>
|
||||||
|
m.getSimpleContractList(),
|
||||||
|
),
|
||||||
|
labelField: 'projectName',
|
||||||
|
valueField: 'id',
|
||||||
|
showSearch: true,
|
||||||
|
filterOption: (input: string, option: any) =>
|
||||||
|
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
|
||||||
|
},
|
||||||
|
rules: z.number().min(1, { message: '请选择项目名称' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contractCode',
|
||||||
|
label: '合同编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '选择项目后自动填充', disabled: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'customerName',
|
||||||
|
label: '客户名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '选择项目后自动填充', disabled: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'deliveryRegion',
|
||||||
|
label: '交车区域',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '选择项目后自动填充', disabled: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'deliveryLocation',
|
||||||
|
label: '交车地点',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '选择项目后自动填充', disabled: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'expectedDeliveryDateStart',
|
||||||
|
label: '预计交车开始日期',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择日期',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
rules: 'required',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'expectedDeliveryDateEnd',
|
||||||
|
label: '预计交车结束日期',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择日期（可选）',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'billingStartDate',
|
||||||
|
label: '开始计费日期',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择开始计费日期',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
rules: 'required',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'needReturn',
|
||||||
|
label: '已交车辆是否需要还车',
|
||||||
|
component: 'Checkbox',
|
||||||
|
renderComponentContent: () => ({ default: () => '不需要还车' }),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== 搜索表单 ==========
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'taskCode',
|
||||||
|
label: '交车任务编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '请输入交车任务编码' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contractCode',
|
||||||
|
label: '合同编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '请输入合同编码' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'customerName',
|
||||||
|
label: '客户名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '请输入客户名称' },
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== 主表列配置（按合同分组） ==========
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'expand', width: 60, fixed: 'left' },
|
||||||
|
{ field: 'contractCode', title: '合同编码', minWidth: 220, fixed: 'left' },
|
||||||
|
{ field: 'projectName', title: '项目名称', minWidth: 150 },
|
||||||
|
{ field: 'customerName', title: '客户名称', minWidth: 150 },
|
||||||
|
{ field: 'businessDeptName', title: '业务部门', minWidth: 120 },
|
||||||
|
{ field: 'businessManagerName', title: '业务负责人', minWidth: 100 },
|
||||||
|
{ field: 'startDate', title: '合同生效日期', minWidth: 120 },
|
||||||
|
{ field: 'endDate', title: '合同结束日期', minWidth: 120 },
|
||||||
|
useActionColumn(1),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== 子表列配置（交车任务明细） ==========
|
||||||
|
export function useSubGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ field: 'taskCode', title: '交车任务编码', minWidth: 260 },
|
||||||
|
{
|
||||||
|
field: 'taskStatus',
|
||||||
|
title: '任务状态',
|
||||||
|
minWidth: 100,
|
||||||
|
formatter: ({ cellValue }: { cellValue: number }) => cellValue === 1 ? '挂起' : '激活',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'deliveryStatus',
|
||||||
|
title: '交车状态',
|
||||||
|
minWidth: 100,
|
||||||
|
formatter: ({ cellValue }: { cellValue: number }) => cellValue === 1 ? '已交车' : '未交车',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'expectedDeliveryDateStart',
|
||||||
|
title: '预计交车日期',
|
||||||
|
minWidth: 200,
|
||||||
|
formatter: ({ row }: { row: any }) => {
|
||||||
|
const start = row.expectedDeliveryDateStart || '';
|
||||||
|
const end = row.expectedDeliveryDateEnd || '';
|
||||||
|
return end ? `${start} 至 ${end}` : start;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ field: 'vehicleCount', title: '交车数量', minWidth: 100, align: 'center' },
|
||||||
|
{ field: 'billingStartDate', title: '开始计费日期', minWidth: 120 },
|
||||||
|
{ field: 'creator', title: '创建人', minWidth: 100 },
|
||||||
|
{ field: 'createTime', title: '创建时间', minWidth: 120, formatter: 'formatDateTime' },
|
||||||
|
useActionColumn(3, true, 'subActions'),
|
||||||
|
];
|
||||||
|
}
|
||||||
@@ -2,6 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
|
|||||||
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
|
||||||
import { z } from '#/adapter/form';
|
import { z } from '#/adapter/form';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
export const BIZ_TYPE_OPTIONS = [
|
export const BIZ_TYPE_OPTIONS = [
|
||||||
{ label: '备车', value: 1 },
|
{ label: '备车', value: 1 },
|
||||||
@@ -77,7 +78,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
|||||||
},
|
},
|
||||||
{ field: 'remark', title: '备注', minWidth: 150 },
|
{ field: 'remark', title: '备注', minWidth: 150 },
|
||||||
{ field: 'createTime', title: '创建时间', minWidth: 180, formatter: 'formatDateTime' },
|
{ field: 'createTime', title: '创建时间', minWidth: 180, formatter: 'formatDateTime' },
|
||||||
{ title: '操作', width: 160, fixed: 'right', slots: { default: 'actions' } },
|
useActionColumn(3),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
280
apps/web-antd/src/views/asset/parking/data.ts
Normal file
280
apps/web-antd/src/views/asset/parking/data.ts
Normal file
@@ -0,0 +1,280 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
import type { AssetParkingApi } from '#/api/asset/parking';
|
||||||
|
|
||||||
|
import { $t } from '@vben/locales';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { getRangePickerDefaultProps } from '#/utils';
|
||||||
|
|
||||||
|
/** 新增/修改的表单 */
|
||||||
|
export function useFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'id',
|
||||||
|
dependencies: {
|
||||||
|
triggerFields: [''],
|
||||||
|
show: () => false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'name',
|
||||||
|
label: '停车场名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入停车场名称',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入停车场名称' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'capacity',
|
||||||
|
label: '容量',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入容量',
|
||||||
|
min: 1,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
rules: z.number().min(1, { message: '容量必须大于等于1' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'province',
|
||||||
|
label: '省份',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入省份',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入省份' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'city',
|
||||||
|
label: '城市',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入城市',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入城市' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'address',
|
||||||
|
label: '地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入详细地址',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入详细地址' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'managerName',
|
||||||
|
label: '负责人',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入负责人姓名',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入负责人姓名' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'managerPhone',
|
||||||
|
label: '负责人联系方式',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入负责人联系方式',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入负责人联系方式' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contactName',
|
||||||
|
label: '停车场联系人',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入停车场联系人',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contactPhone',
|
||||||
|
label: '停车场联系方式',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入停车场联系方式',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'leaseStartDate',
|
||||||
|
label: '租赁开始时间',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择租赁开始时间',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'leaseEndDate',
|
||||||
|
label: '租赁结束时间',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择租赁结束时间',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'rentFee',
|
||||||
|
label: '租金费用（元/月）',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入租金费用',
|
||||||
|
min: 0,
|
||||||
|
precision: 2,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'longitude',
|
||||||
|
label: '经度',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入经度',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'latitude',
|
||||||
|
label: '纬度',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入纬度',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 搜索表单 */
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'name',
|
||||||
|
label: '停车场名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入停车场名称',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'province',
|
||||||
|
label: '省份',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入省份',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'city',
|
||||||
|
label: '城市',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入城市',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'managerName',
|
||||||
|
label: '负责人',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入负责人',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'createTime',
|
||||||
|
label: '创建时间',
|
||||||
|
component: 'RangePicker',
|
||||||
|
componentProps: getRangePickerDefaultProps(),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格列配置 */
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'checkbox', width: 60, fixed: 'left' },
|
||||||
|
{
|
||||||
|
field: 'name',
|
||||||
|
title: '停车场名称',
|
||||||
|
minWidth: 150,
|
||||||
|
fixed: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'capacity',
|
||||||
|
title: '容量',
|
||||||
|
minWidth: 80,
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'parkedAmount',
|
||||||
|
title: '已停车辆数',
|
||||||
|
minWidth: 100,
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'province',
|
||||||
|
title: '省份',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'city',
|
||||||
|
title: '城市',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'address',
|
||||||
|
title: '地址',
|
||||||
|
minWidth: 200,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'managerName',
|
||||||
|
title: '负责人',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'managerPhone',
|
||||||
|
title: '负责人联系方式',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contactName',
|
||||||
|
title: '停车场联系人',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contactPhone',
|
||||||
|
title: '停车场联系方式',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'leaseStartDate',
|
||||||
|
title: '租赁开始时间',
|
||||||
|
minWidth: 120,
|
||||||
|
formatter: 'formatDate',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'leaseEndDate',
|
||||||
|
title: '租赁结束时间',
|
||||||
|
minWidth: 120,
|
||||||
|
formatter: 'formatDate',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'rentFee',
|
||||||
|
title: '租金费用（元/月）',
|
||||||
|
minWidth: 120,
|
||||||
|
align: 'right',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'createTime',
|
||||||
|
title: '创建时间',
|
||||||
|
minWidth: 180,
|
||||||
|
formatter: 'formatDateTime',
|
||||||
|
},
|
||||||
|
useActionColumn(3),
|
||||||
|
];
|
||||||
|
}
|
||||||
392
apps/web-antd/src/views/asset/supplier/data.ts
Normal file
392
apps/web-antd/src/views/asset/supplier/data.ts
Normal file
@@ -0,0 +1,392 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
import type { AssetSupplierApi } from '#/api/asset/supplier';
|
||||||
|
|
||||||
|
import { $t } from '@vben/locales';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { getRangePickerDefaultProps } from '#/utils';
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 基本信息 */
|
||||||
|
export function useBasicFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'id',
|
||||||
|
dependencies: {
|
||||||
|
triggerFields: [''],
|
||||||
|
show: () => false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'supplierCode',
|
||||||
|
label: '供应商编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入供应商编码',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入供应商编码' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'coopStatus',
|
||||||
|
label: '合作状态',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择合作状态',
|
||||||
|
options: [
|
||||||
|
{ label: '已合作', value: '已合作' },
|
||||||
|
{ label: '终止合作', value: '终止合作' },
|
||||||
|
{ label: '洽谈中', value: '洽谈中' },
|
||||||
|
{ label: '合约过期', value: '合约过期' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请选择合作状态' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'supplierName',
|
||||||
|
label: '供应商名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入供应商名称',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入供应商名称' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'type',
|
||||||
|
label: '供应商类型',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择供应商类型',
|
||||||
|
options: [
|
||||||
|
{ label: '备件供应商', value: '备件供应商' },
|
||||||
|
{ label: '保险公司', value: '保险公司' },
|
||||||
|
{ label: '加氢站', value: '加氢站' },
|
||||||
|
{ label: '充电站', value: '充电站' },
|
||||||
|
{ label: '维修站', value: '维修站' },
|
||||||
|
{ label: '救援车队', value: '救援车队' },
|
||||||
|
{ label: '整车厂', value: '整车厂' },
|
||||||
|
{ label: '其他', value: '其他' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请选择供应商类型' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'province',
|
||||||
|
label: '省份',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入省份',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入省份' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'city',
|
||||||
|
label: '城市',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入城市',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入城市' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'address',
|
||||||
|
label: '详细地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入详细地址',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入详细地址' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'region',
|
||||||
|
label: '区域',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择区域',
|
||||||
|
options: [
|
||||||
|
{ label: '华北', value: '华北' },
|
||||||
|
{ label: '华东', value: '华东' },
|
||||||
|
{ label: '华南', value: '华南' },
|
||||||
|
{ label: '华中', value: '华中' },
|
||||||
|
{ label: '东北', value: '东北' },
|
||||||
|
{ label: '西南', value: '西南' },
|
||||||
|
{ label: '西北', value: '西北' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contact',
|
||||||
|
label: '联系人',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入联系人',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contactMobile',
|
||||||
|
label: '联系手机',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入联系手机',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'contactPhone',
|
||||||
|
label: '联系电话',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入联系电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'email',
|
||||||
|
label: '邮箱',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入邮箱',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'creditCodeOrId',
|
||||||
|
label: '统一社会信用代码/身份证',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入统一社会信用代码或身份证号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
component: 'Textarea',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入备注',
|
||||||
|
rows: 3,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 开票信息 */
|
||||||
|
export function useInvoiceFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'taxId',
|
||||||
|
label: '税号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入税号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'invoiceAddress',
|
||||||
|
label: '开票地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入开票地址',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'invoicePhone',
|
||||||
|
label: '开票电话',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入开票电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'account',
|
||||||
|
label: '银行账号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入银行账号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'openingBank',
|
||||||
|
label: '开户行',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入开户行',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'mailingAddress',
|
||||||
|
label: '邮寄地址',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入邮寄地址',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 搜索表单 */
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'supplierCode',
|
||||||
|
label: '供应商编码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入供应商编码',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'supplierName',
|
||||||
|
label: '供应商名称',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入供应商名称',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'type',
|
||||||
|
label: '供应商类型',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择供应商类型',
|
||||||
|
mode: 'multiple',
|
||||||
|
options: [
|
||||||
|
{ label: '备件供应商', value: '备件供应商' },
|
||||||
|
{ label: '保险公司', value: '保险公司' },
|
||||||
|
{ label: '加氢站', value: '加氢站' },
|
||||||
|
{ label: '充电站', value: '充电站' },
|
||||||
|
{ label: '维修站', value: '维修站' },
|
||||||
|
{ label: '救援车队', value: '救援车队' },
|
||||||
|
{ label: '整车厂', value: '整车厂' },
|
||||||
|
{ label: '其他', value: '其他' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'coopStatus',
|
||||||
|
label: '合作状态',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择合作状态',
|
||||||
|
mode: 'multiple',
|
||||||
|
options: [
|
||||||
|
{ label: '已合作', value: '已合作' },
|
||||||
|
{ label: '终止合作', value: '终止合作' },
|
||||||
|
{ label: '洽谈中', value: '洽谈中' },
|
||||||
|
{ label: '合约过期', value: '合约过期' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'region',
|
||||||
|
label: '区域',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择区域',
|
||||||
|
mode: 'multiple',
|
||||||
|
options: [
|
||||||
|
{ label: '华北', value: '华北' },
|
||||||
|
{ label: '华东', value: '华东' },
|
||||||
|
{ label: '华南', value: '华南' },
|
||||||
|
{ label: '华中', value: '华中' },
|
||||||
|
{ label: '东北', value: '东北' },
|
||||||
|
{ label: '西南', value: '西南' },
|
||||||
|
{ label: '西北', value: '西北' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'createTime',
|
||||||
|
label: '创建时间',
|
||||||
|
component: 'RangePicker',
|
||||||
|
componentProps: getRangePickerDefaultProps(),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格列配置 */
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'checkbox', width: 60, fixed: 'left' },
|
||||||
|
{
|
||||||
|
field: 'supplierCode',
|
||||||
|
title: '供应商编码',
|
||||||
|
minWidth: 120,
|
||||||
|
fixed: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'supplierName',
|
||||||
|
title: '供应商名称',
|
||||||
|
minWidth: 180,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'type',
|
||||||
|
title: '供应商类型',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'coopStatus',
|
||||||
|
title: '合作状态',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'region',
|
||||||
|
title: '区域',
|
||||||
|
minWidth: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'province',
|
||||||
|
title: '省份',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'city',
|
||||||
|
title: '城市',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'address',
|
||||||
|
title: '地址',
|
||||||
|
minWidth: 200,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contact',
|
||||||
|
title: '联系人',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contactMobile',
|
||||||
|
title: '联系手机',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'contactPhone',
|
||||||
|
title: '联系电话',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'email',
|
||||||
|
title: '邮箱',
|
||||||
|
minWidth: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'creditCodeOrId',
|
||||||
|
title: '统一社会信用代码',
|
||||||
|
minWidth: 180,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'remark',
|
||||||
|
title: '备注',
|
||||||
|
minWidth: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'creator',
|
||||||
|
title: '创建人',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'createTime',
|
||||||
|
title: '创建时间',
|
||||||
|
minWidth: 180,
|
||||||
|
formatter: 'formatDateTime',
|
||||||
|
},
|
||||||
|
useActionColumn(3),
|
||||||
|
];
|
||||||
|
}
|
||||||
413
apps/web-antd/src/views/asset/vehicle-model/data.ts
Normal file
413
apps/web-antd/src/views/asset/vehicle-model/data.ts
Normal file
@@ -0,0 +1,413 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 基本信息 */
|
||||||
|
export function useBasicFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'id',
|
||||||
|
dependencies: {
|
||||||
|
triggerFields: [''],
|
||||||
|
show: () => false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'brand',
|
||||||
|
label: '品牌',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入品牌，如：帕力安牌',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入品牌' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'model',
|
||||||
|
label: '型号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入型号，如：XDQ504LXCFCEV01',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入型号' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'vehicleType',
|
||||||
|
label: '车辆类型',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入车辆类型，如：轻型箱式货车',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入车辆类型' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'modelLabel',
|
||||||
|
label: '型号标签',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入型号标签，如：4.5T冷链车',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入型号标签' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'fuelType',
|
||||||
|
label: '燃料种类',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择燃料种类',
|
||||||
|
options: [
|
||||||
|
{ label: '氢', value: '氢' },
|
||||||
|
{ label: '电', value: '电' },
|
||||||
|
{ label: '柴油', value: '柴油' },
|
||||||
|
{ label: '氢电混合', value: '氢电混合' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请选择燃料种类' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'plateColor',
|
||||||
|
label: '车牌颜色',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择车牌颜色',
|
||||||
|
options: [
|
||||||
|
{ label: '绿牌', value: '绿牌' },
|
||||||
|
{ label: '黄牌', value: '黄牌' },
|
||||||
|
{ label: '黄绿牌', value: '黄绿牌' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请选择车牌颜色' }),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 车辆尺寸 */
|
||||||
|
export function useSizeFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'truckSize_x',
|
||||||
|
label: '车辆长度(mm)',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入车辆长度',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'truckSize_y',
|
||||||
|
label: '车辆宽度(mm)',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入车辆宽度',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'truckSize_z',
|
||||||
|
label: '车辆高度(mm)',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入车辆高度',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'tireSize',
|
||||||
|
label: '轮胎规格',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入轮胎规格',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'tireNumber',
|
||||||
|
label: '轮胎数量',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入轮胎数量',
|
||||||
|
min: 1,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 电池信息 */
|
||||||
|
export function useBatteryFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'batteryType',
|
||||||
|
label: '电池类型',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择电池类型',
|
||||||
|
options: [
|
||||||
|
{ label: '磷酸铁锂', value: '磷酸铁锂' },
|
||||||
|
{ label: '三元锂', value: '三元锂' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'batteryFactory',
|
||||||
|
label: '电池厂家',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入电池厂家',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'reserveElectricity',
|
||||||
|
label: '储电量(kwh)',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入储电量',
|
||||||
|
min: 0,
|
||||||
|
precision: 2,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'electricityMileage',
|
||||||
|
label: '电续航里程(KM)',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入电续航里程',
|
||||||
|
min: 0,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 氢能信息 */
|
||||||
|
export function useHydrogenFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'hydrogenCapacity',
|
||||||
|
label: '氢瓶容量(L)',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入氢瓶容量',
|
||||||
|
min: 0,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'hydrogenFactory',
|
||||||
|
label: '供氢系统厂家',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入供氢系统厂家',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'hydrogenUnit',
|
||||||
|
label: '仪表盘氢气单位',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择氢气单位',
|
||||||
|
options: [
|
||||||
|
{ label: '%', value: '%' },
|
||||||
|
{ label: 'MPa', value: 'MPa' },
|
||||||
|
{ label: 'Kg', value: 'Kg' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'hydrogenMileage',
|
||||||
|
label: '氢续航里程(KM)',
|
||||||
|
component: 'InputNumber',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入氢续航里程',
|
||||||
|
min: 0,
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 其他信息 */
|
||||||
|
export function useOtherFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'refrigeratorFactory',
|
||||||
|
label: '冷机厂家',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入冷机厂家',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'onlineSpreadEnterprise',
|
||||||
|
label: '电堆厂家',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入电堆厂家',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 搜索表单 */
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'brand',
|
||||||
|
label: '品牌',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入品牌',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'model',
|
||||||
|
label: '型号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入型号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'fuelType',
|
||||||
|
label: '燃料种类',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择燃料种类',
|
||||||
|
allowClear: true,
|
||||||
|
options: [
|
||||||
|
{ label: '氢', value: '氢' },
|
||||||
|
{ label: '电', value: '电' },
|
||||||
|
{ label: '柴油', value: '柴油' },
|
||||||
|
{ label: '氢电混合', value: '氢电混合' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格列配置 */
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'checkbox', width: 60, fixed: 'left' },
|
||||||
|
{
|
||||||
|
field: 'brand',
|
||||||
|
title: '品牌',
|
||||||
|
minWidth: 120,
|
||||||
|
fixed: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'model',
|
||||||
|
title: '型号',
|
||||||
|
minWidth: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'modelLabel',
|
||||||
|
title: '型号标签',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'vehicleType',
|
||||||
|
title: '车辆类型',
|
||||||
|
minWidth: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'fuelType',
|
||||||
|
title: '燃料种类',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'plateColor',
|
||||||
|
title: '车牌颜色',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'tireNumber',
|
||||||
|
title: '轮胎数量',
|
||||||
|
minWidth: 80,
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'tireSize',
|
||||||
|
title: '轮胎规格',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'batteryType',
|
||||||
|
title: '电池类型',
|
||||||
|
minWidth: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'reserveElectricity',
|
||||||
|
title: '储电量(kWh)',
|
||||||
|
minWidth: 110,
|
||||||
|
align: 'right',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'hydrogenCapacity',
|
||||||
|
title: '氢瓶容量(L)',
|
||||||
|
minWidth: 110,
|
||||||
|
align: 'right',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'electricityMileage',
|
||||||
|
title: '电续航(KM)',
|
||||||
|
minWidth: 100,
|
||||||
|
align: 'right',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'hydrogenMileage',
|
||||||
|
title: '氢续航(KM)',
|
||||||
|
minWidth: 100,
|
||||||
|
align: 'right',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'createTime',
|
||||||
|
title: '创建时间',
|
||||||
|
minWidth: 180,
|
||||||
|
formatter: 'formatDateTime',
|
||||||
|
},
|
||||||
|
useActionColumn(3),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 维保项目表格列配置 */
|
||||||
|
export function useMaintainItemColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'seq', width: 60, title: '序号' },
|
||||||
|
{
|
||||||
|
field: 'maintainItem',
|
||||||
|
title: '保养项目名称',
|
||||||
|
minWidth: 150,
|
||||||
|
editRender: { name: 'input' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'kilometerCycle',
|
||||||
|
title: '保养公里周期(KM)',
|
||||||
|
minWidth: 150,
|
||||||
|
editRender: { name: 'input', props: { type: 'number' } },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'timeCycle',
|
||||||
|
title: '保养时间周期(月)',
|
||||||
|
minWidth: 150,
|
||||||
|
editRender: { name: 'input', props: { type: 'number' } },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'hourFee',
|
||||||
|
title: '工时费(元)',
|
||||||
|
minWidth: 120,
|
||||||
|
editRender: { name: 'input', props: { type: 'number' } },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'materialFee',
|
||||||
|
title: '材料费(元)',
|
||||||
|
minWidth: 120,
|
||||||
|
editRender: { name: 'input', props: { type: 'number' } },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'totalFee',
|
||||||
|
title: '费用合计(元)',
|
||||||
|
minWidth: 120,
|
||||||
|
editRender: { name: 'input', props: { type: 'number' } },
|
||||||
|
},
|
||||||
|
useActionColumn(1, false, 'operate'),
|
||||||
|
];
|
||||||
|
}
|
||||||
217
apps/web-antd/src/views/asset/vehicle-prepare/data.ts
Normal file
217
apps/web-antd/src/views/asset/vehicle-prepare/data.ts
Normal file
@@ -0,0 +1,217 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { getRangePickerDefaultProps } from '#/utils';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
// ========== 车辆类型选项 ==========
|
||||||
|
export const VEHICLE_TYPE_OPTIONS = [
|
||||||
|
{ label: '轻型厢式货车', value: '轻型厢式货车' },
|
||||||
|
{ label: '重型厢式货车', value: '重型厢式货车' },
|
||||||
|
{ label: '重型半挂牵引车', value: '重型半挂牵引车' },
|
||||||
|
{ label: '重型集装箱半挂车', value: '重型集装箱半挂车' },
|
||||||
|
{ label: '小型普通客车', value: '小型普通客车' },
|
||||||
|
{ label: '重型平板半挂车', value: '重型平板半挂车' },
|
||||||
|
{ label: '叉车', value: '叉车' },
|
||||||
|
{ label: '油车', value: '油车' },
|
||||||
|
{ label: '观光车', value: '观光车' },
|
||||||
|
];
|
||||||
|
|
||||||
|
// ========== 氢量单位选项 ==========
|
||||||
|
export const HYDROGEN_UNIT_OPTIONS = [
|
||||||
|
{ label: '%', value: '%' },
|
||||||
|
{ label: 'MPa', value: 'MPa' },
|
||||||
|
{ label: 'kg', value: 'kg' },
|
||||||
|
];
|
||||||
|
|
||||||
|
// ========== 整备类型选项 ==========
|
||||||
|
export const PREP_TYPE_OPTIONS = [
|
||||||
|
{ label: '新车整备', value: '新车整备' },
|
||||||
|
{ label: '日常整备', value: '日常整备' },
|
||||||
|
{ label: '还车整备', value: '还车整备' },
|
||||||
|
{ label: '替换车整备', value: '替换车整备' },
|
||||||
|
];
|
||||||
|
|
||||||
|
// ========== 备车检查项 ==========
|
||||||
|
export const CHECK_CATEGORIES = [
|
||||||
|
{
|
||||||
|
category: '车灯',
|
||||||
|
items: ['大灯', '转向灯', '小灯', '示廓灯', '刹车灯', '倒车灯', '牌照灯', '防雾灯', '室内灯'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '仪表盘',
|
||||||
|
items: ['氢系统指示', '电控系统指示', '数值清晰准确', '故障报警灯'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '驾驶室',
|
||||||
|
items: [
|
||||||
|
'点烟器', '车窗升降', '按键开关', '雨刮器', '内后视镜',
|
||||||
|
'内/外门把手', '安全带', '空调冷暖风', '仪表盘', '门锁功能',
|
||||||
|
'手刹', '车钥匙功能', '喇叭', '音响功能', '遮阳板',
|
||||||
|
'主副驾座椅', '方向盘', '内饰干净整洁',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '轮胎',
|
||||||
|
items: ['左前轮', '右前轮', '左后轮', '右后轮'],
|
||||||
|
type: 'input' as const,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '液位检查',
|
||||||
|
items: ['机油', '冷却液', '制动液', '转向助力液'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '外观检查',
|
||||||
|
items: ['车漆', '车身', '挡风玻璃', '后视镜'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '车辆外观',
|
||||||
|
items: ['前保险杠', '后保险杠', '车顶', '底盘'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '其他',
|
||||||
|
items: ['灭火器', '三角警示牌', '急救包'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '随车工具',
|
||||||
|
items: ['千斤顶', '轮胎扳手', '拖车钩'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '随车证件',
|
||||||
|
items: ['行驶证', '保险卡', '年检标志'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '整车',
|
||||||
|
items: ['整车清洁', '整车功能'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '燃料电池系统',
|
||||||
|
items: ['燃料电池状态', '氢气瓶', '氢气管路'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '冷机',
|
||||||
|
items: ['制冷系统', '温控系统'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: '制动系统',
|
||||||
|
items: ['制动片', '制动盘', '手刹功能'],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// ========== 搜索表单 ==========
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'completeTime',
|
||||||
|
label: '备车日期',
|
||||||
|
component: 'RangePicker',
|
||||||
|
componentProps: getRangePickerDefaultProps(),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'plateNo',
|
||||||
|
label: '车牌号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '请输入车牌号' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'vehicleType',
|
||||||
|
label: '车辆类型',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择车辆类型',
|
||||||
|
allowClear: true,
|
||||||
|
options: VEHICLE_TYPE_OPTIONS,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'brand',
|
||||||
|
label: '品牌',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '请输入品牌' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'parkingLot',
|
||||||
|
label: '停车场',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: { placeholder: '请输入停车场' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'createTime',
|
||||||
|
label: '创建时间',
|
||||||
|
component: 'RangePicker',
|
||||||
|
componentProps: getRangePickerDefaultProps(),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== 已完成列表列 ==========
|
||||||
|
export function useCompletedColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ field: 'completeTime', title: '备车时间', minWidth: 160, formatter: 'formatDateTime' },
|
||||||
|
{ field: 'creator', title: '备车人', minWidth: 100 },
|
||||||
|
{ field: 'vehicleType', title: '车辆类型', minWidth: 120 },
|
||||||
|
{ field: 'brand', title: '品牌', minWidth: 100 },
|
||||||
|
{ field: 'model', title: '型号', minWidth: 100 },
|
||||||
|
{ field: 'plateNo', title: '车牌号', minWidth: 120 },
|
||||||
|
{ field: 'vin', title: '车辆识别代码', minWidth: 180 },
|
||||||
|
{ field: 'parkingLot', title: '停车场', minWidth: 120 },
|
||||||
|
{
|
||||||
|
field: 'hasBodyAd',
|
||||||
|
title: '车身广告及放大字',
|
||||||
|
minWidth: 130,
|
||||||
|
formatter: ({ cellValue }: { cellValue: boolean }) => cellValue ? '有' : '无',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'hasTailLift',
|
||||||
|
title: '尾板',
|
||||||
|
minWidth: 80,
|
||||||
|
formatter: ({ cellValue }: { cellValue: boolean }) => cellValue ? '有' : '无',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'spareTireDepth',
|
||||||
|
title: '备胎胎纹深度',
|
||||||
|
minWidth: 120,
|
||||||
|
formatter: ({ cellValue }: { cellValue: number }) => cellValue != null ? `${cellValue}mm` : '',
|
||||||
|
},
|
||||||
|
useActionColumn(1),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== 待提交列表列 ==========
|
||||||
|
export function usePendingColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ field: 'createTime', title: '创建时间', minWidth: 160, formatter: 'formatDateTime' },
|
||||||
|
{ field: 'creator', title: '创建人', minWidth: 100 },
|
||||||
|
{ field: 'vehicleType', title: '车辆类型', minWidth: 120 },
|
||||||
|
{ field: 'brand', title: '品牌', minWidth: 100 },
|
||||||
|
{ field: 'model', title: '型号', minWidth: 100 },
|
||||||
|
{ field: 'plateNo', title: '车牌号', minWidth: 120 },
|
||||||
|
{ field: 'vin', title: '车辆识别代码', minWidth: 180 },
|
||||||
|
{ field: 'parkingLot', title: '停车场', minWidth: 120 },
|
||||||
|
{
|
||||||
|
field: 'hasBodyAd',
|
||||||
|
title: '车身广告及放大字',
|
||||||
|
minWidth: 130,
|
||||||
|
formatter: ({ cellValue }: { cellValue: boolean }) => cellValue ? '有' : '无',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'hasTailLift',
|
||||||
|
title: '尾板',
|
||||||
|
minWidth: 80,
|
||||||
|
formatter: ({ cellValue }: { cellValue: boolean }) => cellValue ? '有' : '无',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'spareTireDepth',
|
||||||
|
title: '备胎胎纹深度',
|
||||||
|
minWidth: 120,
|
||||||
|
formatter: ({ cellValue }: { cellValue: number }) => cellValue != null ? `${cellValue}mm` : '',
|
||||||
|
},
|
||||||
|
useActionColumn(3, true),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
// ========== 兼容旧引用 ==========
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return usePendingColumns();
|
||||||
|
}
|
||||||
315
apps/web-antd/src/views/asset/vehicle-registration/data.ts
Normal file
315
apps/web-antd/src/views/asset/vehicle-registration/data.ts
Normal file
@@ -0,0 +1,315 @@
|
|||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
import type { AssetVehicleRegistrationApi } from '#/api/asset/vehicle-registration';
|
||||||
|
|
||||||
|
import { $t } from '@vben/locales';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { getRangePickerDefaultProps } from '#/utils';
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 基本信息 */
|
||||||
|
export function useBasicFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'id',
|
||||||
|
dependencies: {
|
||||||
|
triggerFields: [''],
|
||||||
|
show: () => false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'vin',
|
||||||
|
label: '车辆识别代号(VIN)',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入VIN码',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入VIN码' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'plateNo',
|
||||||
|
label: '车牌号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入车牌号',
|
||||||
|
},
|
||||||
|
rules: z.string().min(1, { message: '请输入车牌号' }),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'plateDate',
|
||||||
|
label: '上牌日期',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择上牌日期',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
rules: 'required',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'operator',
|
||||||
|
label: '操作员',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入操作员',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - OCR识别信息 */
|
||||||
|
export function useOcrFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'recognizedBrand',
|
||||||
|
label: '品牌型号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'recognizedModel',
|
||||||
|
label: '车型',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'vehicleType',
|
||||||
|
label: '车辆类型',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'owner',
|
||||||
|
label: '所有人',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'useCharacter',
|
||||||
|
label: '使用性质',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'engineNo',
|
||||||
|
label: '发动机号码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'registerDate',
|
||||||
|
label: '注册日期',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'issueDate',
|
||||||
|
label: '发证日期',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'inspectionRecord',
|
||||||
|
label: '检验记录',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'scrapDate',
|
||||||
|
label: '强制报废期止',
|
||||||
|
component: 'DatePicker',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'curbWeight',
|
||||||
|
label: '整备质量(kg)',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'totalMass',
|
||||||
|
label: '总质量(kg)',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'approvedPassengerCapacity',
|
||||||
|
label: '核定载人数',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: 'OCR自动识别',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增/修改的表单 - 其他信息 */
|
||||||
|
export function useOtherFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'vehicleModelId',
|
||||||
|
label: '匹配车型',
|
||||||
|
component: 'ApiSelect',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择车型',
|
||||||
|
api: () =>
|
||||||
|
import('#/api/asset/vehicle-model').then((m) =>
|
||||||
|
m.getSimpleVehicleModelList(),
|
||||||
|
),
|
||||||
|
labelField: 'modelLabel',
|
||||||
|
valueField: 'id',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'remark',
|
||||||
|
label: '备注',
|
||||||
|
component: 'Textarea',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入备注',
|
||||||
|
rows: 3,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 搜索表单 */
|
||||||
|
export function useGridFormSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
fieldName: 'vin',
|
||||||
|
label: 'VIN码',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入VIN码',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'plateNo',
|
||||||
|
label: '车牌号',
|
||||||
|
component: 'Input',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入车牌号',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'status',
|
||||||
|
label: '状态',
|
||||||
|
component: 'Select',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择状态',
|
||||||
|
options: [
|
||||||
|
{ label: '待确认', value: 0 },
|
||||||
|
{ label: '已确认', value: 1 },
|
||||||
|
{ label: '已作废', value: 2 },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'plateDate',
|
||||||
|
label: '上牌日期',
|
||||||
|
component: 'RangePicker',
|
||||||
|
componentProps: {
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
placeholder: ['开始日期', '结束日期'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fieldName: 'createTime',
|
||||||
|
label: '创建时间',
|
||||||
|
component: 'RangePicker',
|
||||||
|
componentProps: getRangePickerDefaultProps(),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格列配置 */
|
||||||
|
export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
|
return [
|
||||||
|
{ type: 'checkbox', width: 50, fixed: 'left' },
|
||||||
|
{
|
||||||
|
field: 'vin',
|
||||||
|
title: 'VIN码',
|
||||||
|
width: 180,
|
||||||
|
fixed: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'plateNo',
|
||||||
|
title: '车牌号',
|
||||||
|
width: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'plateDate',
|
||||||
|
title: '上牌日期',
|
||||||
|
width: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'recognizedBrand',
|
||||||
|
title: '品牌型号',
|
||||||
|
width: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'vehicleType',
|
||||||
|
title: '车辆类型',
|
||||||
|
width: 120,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'owner',
|
||||||
|
title: '所有人',
|
||||||
|
width: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'status',
|
||||||
|
title: '状态',
|
||||||
|
width: 100,
|
||||||
|
cellRender: { name: 'CellDict', props: { type: 'tag' } },
|
||||||
|
params: {
|
||||||
|
dictType: 'asset_vehicle_registration_status',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'operator',
|
||||||
|
title: '操作员',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'createTime',
|
||||||
|
title: '创建时间',
|
||||||
|
width: 160,
|
||||||
|
formatter: 'formatDateTime',
|
||||||
|
},
|
||||||
|
useActionColumn(3),
|
||||||
|
];
|
||||||
|
}
|
||||||
@@ -2,6 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
|
|||||||
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
|
||||||
import { z } from '#/adapter/form';
|
import { z } from '#/adapter/form';
|
||||||
|
import { useActionColumn } from '#/utils/table';
|
||||||
|
|
||||||
export const REPLACEMENT_TYPE_OPTIONS = [
|
export const REPLACEMENT_TYPE_OPTIONS = [
|
||||||
{ label: '临时替换', value: 1 },
|
{ label: '临时替换', value: 1 },
|
||||||
@@ -122,12 +123,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
|||||||
minWidth: 180,
|
minWidth: 180,
|
||||||
formatter: 'formatDateTime',
|
formatter: 'formatDateTime',
|
||||||
},
|
},
|
||||||
{
|
useActionColumn(3, true),
|
||||||
title: '操作',
|
|
||||||
width: 280,
|
|
||||||
fixed: 'right',
|
|
||||||
slots: { default: 'actions' },
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -168,26 +164,43 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||||||
filterOption: (input: string, option: any) =>
|
filterOption: (input: string, option: any) =>
|
||||||
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
|
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
|
||||||
},
|
},
|
||||||
|
rules: z.number({ message: '请选择关联合同' }),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fieldName: 'originalVehicleId',
|
fieldName: 'originalVehicleId',
|
||||||
label: '原车辆ID',
|
label: '原车辆',
|
||||||
component: 'InputNumber',
|
component: 'ApiSelect',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
placeholder: '请输入原车辆ID',
|
placeholder: '请选择原车辆',
|
||||||
class: 'w-full',
|
api: () =>
|
||||||
|
import('#/api/asset/vehicle').then((m) =>
|
||||||
|
m.getVehicleSimpleList(),
|
||||||
|
),
|
||||||
|
labelField: 'plateNo',
|
||||||
|
valueField: 'id',
|
||||||
|
showSearch: true,
|
||||||
|
filterOption: (input: string, option: any) =>
|
||||||
|
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
|
||||||
},
|
},
|
||||||
rules: z.number({ message: '请输入原车辆ID' }),
|
rules: z.number({ message: '请选择原车辆' }),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fieldName: 'newVehicleId',
|
fieldName: 'newVehicleId',
|
||||||
label: '新车辆ID',
|
label: '新车辆',
|
||||||
component: 'InputNumber',
|
component: 'ApiSelect',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
placeholder: '请输入新车辆ID',
|
placeholder: '请选择新车辆',
|
||||||
class: 'w-full',
|
api: () =>
|
||||||
|
import('#/api/asset/vehicle').then((m) =>
|
||||||
|
m.getVehicleSimpleList(),
|
||||||
|
),
|
||||||
|
labelField: 'plateNo',
|
||||||
|
valueField: 'id',
|
||||||
|
showSearch: true,
|
||||||
|
filterOption: (input: string, option: any) =>
|
||||||
|
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
|
||||||
},
|
},
|
||||||
rules: z.number({ message: '请输入新车辆ID' }),
|
rules: z.number({ message: '请选择新车辆' }),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
fieldName: 'deliveryOrderId',
|
fieldName: 'deliveryOrderId',
|
||||||
@@ -214,8 +227,8 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||||||
component: 'DatePicker',
|
component: 'DatePicker',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
placeholder: '请选择预计替换日期',
|
placeholder: '请选择预计替换日期',
|
||||||
class: 'w-full',
|
format: 'YYYY-MM-DD',
|
||||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
valueFormat: 'YYYY-MM-DD',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -224,8 +237,8 @@ export function useFormSchema(): VbenFormSchema[] {
|
|||||||
component: 'DatePicker',
|
component: 'DatePicker',
|
||||||
componentProps: {
|
componentProps: {
|
||||||
placeholder: '请选择预计归还日期',
|
placeholder: '请选择预计归还日期',
|
||||||
class: 'w-full',
|
format: 'YYYY-MM-DD',
|
||||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
valueFormat: 'YYYY-MM-DD',
|
||||||
},
|
},
|
||||||
dependencies: {
|
dependencies: {
|
||||||
triggerFields: ['replacementType'],
|
triggerFields: ['replacementType'],
|
||||||
|
|||||||
Reference in New Issue
Block a user