68f4b2c35e
- 注释掉多个页面及组件中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,代理目标指向远程地址 - 补充工程文档说明和样式调整原因分析
191 lines
4.6 KiB
JavaScript
191 lines
4.6 KiB
JavaScript
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,
|
||
},
|
||
],
|
||
};
|