Files
tms-erp-web/src/option/transportCapacity/vehicle-dispatch.js
T
gxwebsoft 68f4b2c35e style(transportCapacity): 调整车辆调度弹窗部门级联选择器宽度
- 注释掉多个页面及组件中el-form-item的margin-bottom样式
- 增加车辆调度弹窗配置dialogCustomClass: 'vehicle-dispatch-dialog'
- 在全局样式element-ui.scss中为.vehicle-dispatch-dialog内el-cascader设置宽度100%
- 解决avue-crud弹窗append-to-body导致页面容器scoped样式无法命中问题
- 更新vite配置,将开发服务器端口修改为2889,代理目标指向远程地址
- 补充工程文档说明和样式调整原因分析
2026-10-13 20:21:17 +08:00

191 lines
4.6 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
const approvalStatusOptions = [
{ label: '草稿', value: 'draft' },
{ label: '审批中', value: 'reviewing' },
{ label: '已驳回', value: 'rejected' },
{ label: '审批通过', value: 'approved' },
];
export const statusName = status =>
approvalStatusOptions.find(item => item.value === status)?.label || status || '-';
export const option = {
height: 'auto',
calcHeight: 32,
dialogWidth: 1200,
// 弹窗根节点 class:avue-crud 弹窗默认 append-to-body 到 body,
// 页面内 scoped 样式命中不到弹窗内容,故用该 class 在全局样式里做兜底(见 styles/element-ui.scss)
dialogCustomClass: 'vehicle-dispatch-dialog',
labelPosition: 'right',
labelWidth: 'auto',
tip: false,
searchBtnText: '查询',
emptyBtnText: '重置',
saveBtnText: '提交',
updateBtnText: '提交',
searchShow: true,
searchMenuSpan: 24,
searchIndex: 4,
searchMenuPosition: 'right',
border: true,
index: true,
indexLabel: '序号',
indexWidth: 70,
addBtn: false,
editBtn: false,
delBtn: false,
viewBtn: false,
selection: false,
dialogClickModal: false,
menuFixed: 'right',
menuWidth: 320,
column: [
// ========== 表格列(顺序固定)==========
{
label: '申请单号',
prop: 'applicationNo',
search: true,
searchOrder: 5,
searchPlaceholder: '请输入',
minWidth: 180,
slot: true,
addDisplay: true,
editDisabled: true,
disabled: true,
placeholder: '保存后自动生成',
},
{
label: '车牌号',
prop: 'plateNo',
search: true,
searchOrder: 4,
searchPlaceholder: '请输入',
minWidth: 120,
formslot: true,
rules: [{ required: true, message: '请选择车牌号', trigger: 'blur' }],
},
{
label: '所属组织',
prop: 'organizationName',
search: true,
searchOrder: 3,
searchPlaceholder: '请输入',
minWidth: 140,
disabled: true,
placeholder: '选择车牌号后自动填充',
rules: [{ required: true, message: '请输入所属组织', trigger: 'blur' }],
},
{
label: '使用部门',
prop: 'useDepartment',
search: true,
searchOrder: 2,
searchPlaceholder: '请输入',
minWidth: 140,
formslot: true,
span: 12,
rules: [{ required: true, message: '请选择使用部门', trigger: 'blur' }],
},
{
label: '车辆类型',
prop: 'vehicleType',
minWidth: 110,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '审批状态',
prop: 'approvalStatus',
search: true,
searchOrder: 1,
type: 'select',
dicData: approvalStatusOptions,
slot: true,
minWidth: 120,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '当前节点',
prop: 'currentNode',
minWidth: 120,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '当前处理人',
prop: 'currentProcessor',
minWidth: 130,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '创建人',
prop: 'createUserName',
minWidth: 120,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
{
label: '创建时间',
prop: 'createTime',
type: 'datetime',
format: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'YYYY-MM-DD HH:mm:ss',
minWidth: 170,
addDisplay: false,
editDisplay: false,
viewDisplay: false,
},
// ========== 新增/编辑表单专用(不进表格)==========
{
label: '申请人',
prop: 'applicantName',
hide: true,
display: true,
addDisplay: true,
editDisplay: true,
viewDisplay: true,
disabled: true,
span: 12,
},
{
label: '申请时间',
prop: 'applyTime',
type: 'datetime',
format: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'YYYY-MM-DD HH:mm:ss',
hide: true,
display: true,
addDisplay: true,
editDisplay: true,
viewDisplay: true,
disabled: true,
span: 12,
},
{
label: '备注',
prop: 'remark',
type: 'textarea',
hide: true,
span: 24,
minRows: 2,
maxlength: 200,
showWordLimit: true,
rules: [{ max: 200, message: '备注不能超过200个字', trigger: 'blur' }],
},
{
label: '附件',
prop: 'attachments',
hide: true,
span: 24,
minWidth: 100,
formslot: true,
},
],
};