| | |
| | | width="700px" |
| | | @close="closeDia" |
| | | > |
| | | <el-form :model="form" label-width="140px" label-position="top" ref="formRef"> |
| | | <el-form :model="form" :rules="rules" label-width="140px" label-position="top" ref="formRef"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="流程编号:" prop="approveId"> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="申请部门:"> |
| | | <el-form-item label="申请部门:" prop="approveDeptId"> |
| | | <el-select |
| | | disabled |
| | | v-model="form.approveDeptId" |
| | |
| | | approveReason: "", |
| | | checkResult: "", |
| | | }, |
| | | rules: { |
| | | // 使用部门ID做必填校验,避免名称未同步导致误报 |
| | | approveDeptId: [{ required: true, message: "请选择申请部门", trigger: "change" }], |
| | | }, |
| | | }); |
| | | const { form } = toRefs(data); |
| | | const { form, rules } = toRefs(data); |
| | | |
| | | // 节点标题 |
| | | const getNodeTitle = (index, len) => { |
| | |
| | | getProductOptions().then(() => { |
| | | // 确保值类型匹配(如果选项已加载) |
| | | if (productOptions.value.length > 0 && form.value.approveDeptId) { |
| | | const matchedOption = productOptions.value.find(opt => |
| | | opt.deptId == form.value.approveDeptId || |
| | | const matchedOption = productOptions.value.find(opt => |
| | | opt.deptId == form.value.approveDeptId || |
| | | String(opt.deptId) === String(form.value.approveDeptId) |
| | | ); |
| | | if (matchedOption) { |
| | |
| | | width: 200px; |
| | | height: 60px; |
| | | } |
| | | </style> |
| | | </style> |