Source/UBCS-WEB/src/components/flow-cycle/components/DetailPanel.vue

@@ -11,20 +11,20 @@
        <el-form-item label="名称" prop="name">
          <el-input v-model.trim="newRowData.name" :maxLength="20" clearable />
        </el-form-item>
        <el-form-item label="标签" prop="label">
          <el-input v-model.trim="newRowData.label" clearable />
        <el-form-item label="标签" prop="id">
          <el-input v-model.trim="newRowData.id" clearable />
        </el-form-item>
        <el-form-item label="起始状态" prop="startState">
        <el-form-item label="起始状态" prop="startStatus">
          <el-select
            v-model="newRowData.startState"
            v-model="newRowData.startStatus"
            placeholder="请选择起始状态"
            style="width: 100%"
          >
            <el-option
              v-for="item in []"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              v-for="item in existNodes"
              :key="item.id"
              :label="item.id"
              :value="item.id"
            >
            </el-option>
          </el-select>
@@ -74,15 +74,23 @@
    DetailPanel,
    DetailForm,
  },
  props: ["readOnly", "rowData"],
  props: ["rowData", "existNodes"],
  data() {
    return {
      newRowData: {},
      newRowData: {
        startStatus: undefined,
        name: undefined,
        id: undefined,
        remark: undefined
      },
      rules: {
        name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
        label: [{ required: true, message: "标签不能为空", trigger: "blur" }],
        startState: [
          // { required: true, message: "起始状态不能为空", trigger: "change" },
        id: [
          { required: true, message: "标签不能为空", trigger: "blur" },
          { pattern: /^[A-z]+$/g, message: "标签只能输入英文", trigger: "blur" }
        ],
        startStatus: [
          { required: true, message: "起始状态不能为空", trigger: "change" },
        ],
      },
    };
@@ -114,6 +122,12 @@
        }
      },
    },
    existNodes(newV) {
      const flag = newV.some((item) => item.id === this.newRowData.startStatus);
      if (!flag) {
        this.newRowData.startStatus = undefined;
      }
    },
  },
};
</script>