fix(流程提交): 根据参数配置控制流程定义ID和名称的自动填充

src/BIZComponents/processSubmitDialog/processSubmitDialog.vue

@@ -400,7 +400,7 @@
       ref="parentRef"
       @changeParent="handleConcatConfirm"
     ></parentList>
-    
+
     <SHGDListDialog
       ref="SHGDListDialogRef"
       @changeParent="getSHGDData"
@@ -408,645 +408,658 @@
   </ele-modal>
 </template>
 <script>
-import {
-  getModelPage,
-  getProcessDefinitionBpmnXML,
-  getProcessDefinitionInfo,
-  getTaskAssignRuleList,
-  listAllUserBind,
-  listSimpleUserGroups,
-  processInstanceCreateAPI
-} from './api';
-import { treeClassifyCodeEnum } from '@/enum/dict';
-import { listRoles } from '@/api/system/role';
-import { listOrganizations } from '@/api/system/organization';
-import dictMixins from '@/mixins/dictMixins';
-import { getByCode } from '@/api/system/dictionary-data';
-import { getGroupUserTree, getProduceTreeByCode } from '@/api/main';
-import visibilityRangeDialog from './visibilityRangeDialog.vue';
-import { getModel } from '@/api/bpm/model';
-import { getProcessDefinitionList } from '@/api/bpm/definition';
-import { getToken } from '@/utils/token-util';
-import { mapGetters } from 'vuex';
-import staffSelection from '@/components/staffSelection/staffSelection.vue';
-import { topLevel1, topLevel2, topLevel3 } from '@/enum/dict';
-import dayjs from 'dayjs';
-import parentList from './components/parentList.vue';
-import { number } from 'echarts';
-import { del } from 'vue';
-import businessComponent from './components/businessComponent.vue';
-import useSealComponent from './components/useSealComponent.vue';
-import useQualificationComponent from './components/useQualificationComponent.vue';
-import productSpecificationComponent from './components/productSpecificationComponent.vue';
-import eventComponent from './components/eventComponent.vue';
-import reissueComponent from './components/reissueComponent.vue';
-import SHGDListDialog from './components/SHGDListDialog.vue';
-export default {
-  name: 'processSubmitDialog',
-  components: {
-    visibilityRangeDialog,
-    staffSelection,
-    parentList,
-    businessComponent,
-    useSealComponent,
-    useQualificationComponent,
-    productSpecificationComponent,
-    eventComponent,
-    reissueComponent,
-    SHGDListDialog
-  },
-  mixins: [dictMixins],
-  props: {
-    processSubmitDialogFlag: {
-      type: Boolean,
-      default: false
-    }
-  },
-  watch: {
-    filterText(val) {
-      this.$refs.tree.filter(val);
-    }
-  },
-  data() {
-    return {
-      visibilityRangeDialogFlag: false,
-      isRight: false,
-      jsonData: {},
-      form: {
-        LCFL: '',
-        FQLC: '',
-        processDefinitionId: '',
-        name: '',
-        businessId: '',
-        noticeScope: [],
-        formJson: {},
-        valueJson: {},
-        businessKey: ''
-      },
-      title: '',
-      active: 0,
-      bpmnXML: null,
-      filterText: null,
-      treeList: [],
-      treeData: [],
-      defaultProps: {
-        children: 'children',
-        label: 'name'
-      },
-      LCFLList: [],
-      processList: [],
-      datasource: [],
-      roleOptions: [],
-      deptOptions: [],
-      deptTreeOptions: [],
-      postOptions: [],
-      userOptions: [],
-      userGroupOptions: [],
-      dictList: {},
-      rules: {},
-      editForm: {
-        start: '',
-        end: '',
-        days: ''
-      },
-      componentRef: [
-        'blank_business_component',
-        'blank_use_seal',
-        'blank_use_qualification',
-        'blank_product_specification',
-        'blank_event_component',
-        'blank_reissue_component'
-      ]
-    };
-  },
-  computed: {
-    ...mapGetters(['user']),
-    modelWidth() {
-      let width =
-        this.jsonData.config?.platform && this.jsonData.config.platform === 'pc'
-          ? 1100
-          : 450;
-      if (this.isRight) {
-        return width + 350 + 'px';
-      } else {
-        return width + 'px';
-      }
-    }
-  },
-  async created() {
-    let typeObj = await getProduceTreeByCode(
-      treeClassifyCodeEnum['PROCESSTYPE']
-    );
-    //  await this.getTreeData();
-    this.LCFLList = typeObj[0].children;
-
-    // 获得角色列表
-    this.roleOptions = [];
-    listRoles({
-      current: 1,
-      size: 9999
-    }).then((data) => {
-      this.roleOptions.push(...data.list);
-    });
-    // 获得部门列表
-    this.deptOptions = [];
-    this.deptTreeOptions = [];
-    listOrganizations().then((data) => {
-      this.deptOptions.push(...data);
-      this.deptTreeOptions.push(...this.handleTree(data, 'id'));
-    });
-    // 获得岗位列表 暂无岗位概念
-    this.postOptions = [];
-    /*listSimplePosts().then(response => {
-this.postOptions.push(...response.data);
-});*/
-    // 获得用户列表
-    this.userOptions = [];
-    listAllUserBind().then((data) => {
-      this.userOptions.push(...data);
-    });
-    // 获得用户组列表
-    this.userGroupOptions = [];
-    listSimpleUserGroups().then((response) => {
-      this.userGroupOptions.push(...response);
-    });
+  import {
+    getModelPage,
+    getProcessDefinitionBpmnXML,
+    getProcessDefinitionInfo,
+    getTaskAssignRuleList,
+    listAllUserBind,
+    listSimpleUserGroups,
+    processInstanceCreateAPI
+  } from './api';
+  import { treeClassifyCodeEnum } from '@/enum/dict';
+  import { listRoles } from '@/api/system/role';
+  import { listOrganizations } from '@/api/system/organization';
+  import dictMixins from '@/mixins/dictMixins';
+  import { getByCode } from '@/api/system/dictionary-data';
+  import { getGroupUserTree, getProduceTreeByCode } from '@/api/main';
+  import visibilityRangeDialog from './visibilityRangeDialog.vue';
+  import { getModel } from '@/api/bpm/model';
+  import { getProcessDefinitionList } from '@/api/bpm/definition';
+  import { getToken } from '@/utils/token-util';
+  import { mapGetters } from 'vuex';
+  import staffSelection from '@/components/staffSelection/staffSelection.vue';
+  import { topLevel1, topLevel2, topLevel3 } from '@/enum/dict';
+  import dayjs from 'dayjs';
+  import parentList from './components/parentList.vue';
+  import { number } from 'echarts';
+  import { del } from 'vue';
+  import businessComponent from './components/businessComponent.vue';
+  import useSealComponent from './components/useSealComponent.vue';
+  import useQualificationComponent from './components/useQualificationComponent.vue';
+  import productSpecificationComponent from './components/productSpecificationComponent.vue';
+  import eventComponent from './components/eventComponent.vue';
+  import reissueComponent from './components/reissueComponent.vue';
+  import SHGDListDialog from './components/SHGDListDialog.vue';
+  import { parameterGetByCode } from '@/api/main/index.js';
 
-    //this.dictEnum['工作流任务分配自定义脚本']
-    await this.getDictList(this.dictEnum['工作流任务分配自定义脚本']);
-    await this.getDictList(this.dictEnum['工种类型']);
-  },
-  mounted() {
-    //this.isRight = false
-  },
-  methods: {
-    async addNewRow(key) {
-      console.log(key);
-      let data = await this.$refs.generateForm.getData(false);
-      data[key].push({
-        price: '',
-        remark: ''
-      });
-      this.$refs.generateForm.setData({
-        key: data[key]
-      });
+  export default {
+    name: 'processSubmitDialog',
+    components: {
+      visibilityRangeDialog,
+      staffSelection,
+      parentList,
+      businessComponent,
+      useSealComponent,
+      useQualificationComponent,
+      productSpecificationComponent,
+      eventComponent,
+      reissueComponent,
+      SHGDListDialog
     },
-    async delNewRow(key, index) {
-      let data = await this.$refs.generateForm.getData(false);
-      data[key] = data[key].filter((item, index1) => index1 != index);
-      this.$refs.generateForm.setData({
-        [key]: data[key]
-      });
-      this.changePrice(data[key]);
+    mixins: [dictMixins],
+    props: {
+      processSubmitDialogFlag: {
+        type: Boolean,
+        default: false
+      }
     },
-    changePrice(data) {
-      let num = 0;
-      data.forEach((item) => {
-        num += Number(item.price);
-      });
-      this.$refs.generateForm.setData({
-        input_jd9ouzyh: num
-      });
+    watch: {
+      filterText(val) {
+        this.$refs.tree.filter(val);
+      }
     },
-
-    // 获取组件的中文名称，用于错误提示
-    getComponentName(componentKey) {
-      const nameMap = {
-        blank_business_component: '差旅交通',
-        blank_use_seal: '印章使用',
-        blank_use_qualification: '资质使用',
-        blank_product_specification: '产品规格',
-        blank_event_component: '事件',
-        blank_reissue_component: '补发信息'
+    data() {
+      return {
+        visibilityRangeDialogFlag: false,
+        isRight: false,
+        jsonData: {},
+        form: {
+          LCFL: '',
+          FQLC: '',
+          processDefinitionId: '',
+          name: '',
+          businessId: '',
+          noticeScope: [],
+          formJson: {},
+          valueJson: {},
+          businessKey: ''
+        },
+        title: '',
+        active: 0,
+        bpmnXML: null,
+        filterText: null,
+        treeList: [],
+        treeData: [],
+        defaultProps: {
+          children: 'children',
+          label: 'name'
+        },
+        LCFLList: [],
+        processList: [],
+        datasource: [],
+        roleOptions: [],
+        deptOptions: [],
+        deptTreeOptions: [],
+        postOptions: [],
+        userOptions: [],
+        userGroupOptions: [],
+        dictList: {},
+        rules: {},
+        editForm: {
+          start: '',
+          end: '',
+          days: ''
+        },
+        componentRef: [
+          'blank_business_component',
+          'blank_use_seal',
+          'blank_use_qualification',
+          'blank_product_specification',
+          'blank_event_component',
+          'blank_reissue_component'
+        ]
       };
-      return nameMap[componentKey] || componentKey;
     },
+    computed: {
+      ...mapGetters(['user']),
+      modelWidth() {
+        let width =
+          this.jsonData.config?.platform &&
+          this.jsonData.config.platform === 'pc'
+            ? 1100
+            : 450;
+        if (this.isRight) {
+          return width + 350 + 'px';
+        } else {
+          return width + 'px';
+        }
+      }
+    },
+    async created() {
+      let typeObj = await getProduceTreeByCode(
+        treeClassifyCodeEnum['PROCESSTYPE']
+      );
+      //  await this.getTreeData();
+      this.LCFLList = typeObj[0].children;
 
-    async addContact(type) {
-      console.log(type);
-      let data = await this.$refs.generateForm.getData(false);
-      console.log('data', data);
-      data[type] = {
-        id: '',
-        name: ''
-      };
-      this.$refs.generateForm.setData({
-        type: data[type]
+      // 获得角色列表
+      this.roleOptions = [];
+      listRoles({
+        current: 1,
+        size: 9999
+      }).then((data) => {
+        this.roleOptions.push(...data.list);
       });
-      let item = {
-        id: data[type].id
-      };
-      this.$refs.parentRef.open(item);
+      // 获得部门列表
+      this.deptOptions = [];
+      this.deptTreeOptions = [];
+      listOrganizations().then((data) => {
+        this.deptOptions.push(...data);
+        this.deptTreeOptions.push(...this.handleTree(data, 'id'));
+      });
+      // 获得岗位列表 暂无岗位概念
+      this.postOptions = [];
+      /*listSimplePosts().then(response => {
+this.postOptions.push(...response.data);
+});*/
+      // 获得用户列表
+      this.userOptions = [];
+      listAllUserBind().then((data) => {
+        this.userOptions.push(...data);
+      });
+      // 获得用户组列表
+      this.userGroupOptions = [];
+      listSimpleUserGroups().then((response) => {
+        this.userGroupOptions.push(...response);
+      });
+
+      //this.dictEnum['工作流任务分配自定义脚本']
+      await this.getDictList(this.dictEnum['工作流任务分配自定义脚本']);
+      await this.getDictList(this.dictEnum['工种类型']);
     },
-    
-    async addWorkOrder(type) {
-      
-      this.$refs.SHGDListDialogRef.open();
+    mounted() {
+      //this.isRight = false
     },
-    getSHGDData(workOrder) {
-      if (!workOrder?.code) {
-        this.$message.warning('选中的工单缺少编码，请重新选择');
-        return;
-      }
-      this.$refs.generateForm.getData(false).then((currentFormData) => {
-        currentFormData.manage_workorder = {
-          code: workOrder.code,
-          id: workOrder.id || '',
-          name: workOrder.name || ''
-        };
+    methods: {
+      async addNewRow(key) {
+        console.log(key);
+        let data = await this.$refs.generateForm.getData(false);
+        data[key].push({
+          price: '',
+          remark: ''
+        });
         this.$refs.generateForm.setData({
-          manage_workorder: currentFormData.manage_workorder
+          key: data[key]
         });
-        this.form.valueJson.manage_workorder = currentFormData.manage_workorder;
-      });
-    },
-    async handleConcatConfirm(item) {
-      console.log('选择的客户', item);
+      },
+      async delNewRow(key, index) {
+        let data = await this.$refs.generateForm.getData(false);
+        data[key] = data[key].filter((item, index1) => index1 != index);
+        this.$refs.generateForm.setData({
+          [key]: data[key]
+        });
+        this.changePrice(data[key]);
+      },
+      changePrice(data) {
+        let num = 0;
+        data.forEach((item) => {
+          num += Number(item.price);
+        });
+        this.$refs.generateForm.setData({
+          input_jd9ouzyh: num
+        });
+      },
 
-      let data = await this.$refs.generateForm.getData(false);
-      data['eom_contact'] = {
-        id: item.id,
-        name: item.name
-      };
-      this.$refs.generateForm.setData({
-        eom_contact: data['eom_contact']
-      });
-      console.log('data~~~~', data);
-    },
-    async init(row = {}) {
-      this.title = row.name; //'新建' + row.name + '单';
-      this.form = _.cloneDeep(row);
-      this.form.formId = row.id;
-      this.$set(this.form, 'noticeScope', []);
-      this.$set(this.form, 'LCFL', '');
-      this.$set(this.form, 'FQLC', '');
-      this.$set(this.form, 'name', '');
-      this.$set(this.form, 'key', '');
-      this.$set(this.form, 'valueJson', {});
-      this.jsonData = JSON.parse(this.form.formJson.makingJson);
-      console.log('jsonData', this.jsonData);
+      // 获取组件的中文名称，用于错误提示
+      getComponentName(componentKey) {
+        const nameMap = {
+          blank_business_component: '差旅交通',
+          blank_use_seal: '印章使用',
+          blank_use_qualification: '资质使用',
+          blank_product_specification: '产品规格',
+          blank_event_component: '事件',
+          blank_reissue_component: '补发信息'
+        };
+        return nameMap[componentKey] || componentKey;
+      },
 
-      this.jsonData.config.dataSource &&
-        this.jsonData.config.dataSource.forEach((item) => {
-          item.headers = {
-            Authorization: getToken()
-          };
-          // item.url = item.url && item.url.replace('/api', this.APIUrl);
+      async addContact(type) {
+        console.log(type);
+        let data = await this.$refs.generateForm.getData(false);
+        console.log('data', data);
+        data[type] = {
+          id: '',
+          name: ''
+        };
+        this.$refs.generateForm.setData({
+          type: data[type]
         });
-      this.jsonData.list.forEach((item) => {
-        if (item.type == 'deptAndUserCascader') {
+        let item = {
+          id: data[type].id
+        };
+        this.$refs.parentRef.open(item);
+      },
+
+      async addWorkOrder(type) {
+        this.$refs.SHGDListDialogRef.open();
+      },
+      getSHGDData(workOrder) {
+        if (!workOrder?.code) {
+          this.$message.warning('选中的工单缺少编码，请重新选择');
+          return;
         }
-        if (item.type == 'deptCascader') {
-          if (item.options.isDefaultLoginUser) {
-            this.form.valueJson[item.model] = this.user.info.groupIdList;
+        this.$refs.generateForm.getData(false).then((currentFormData) => {
+          currentFormData.manage_workorder = {
+            code: workOrder.code,
+            id: workOrder.id || '',
+            name: workOrder.name || ''
+          };
+          this.$refs.generateForm.setData({
+            manage_workorder: currentFormData.manage_workorder
+          });
+          this.form.valueJson.manage_workorder =
+            currentFormData.manage_workorder;
+        });
+      },
+      async handleConcatConfirm(item) {
+        console.log('选择的客户', item);
+
+        let data = await this.$refs.generateForm.getData(false);
+        data['eom_contact'] = {
+          id: item.id,
+          name: item.name
+        };
+        this.$refs.generateForm.setData({
+          eom_contact: data['eom_contact']
+        });
+        console.log('data~~~~', data);
+      },
+      async init(row = {}) {
+        this.title = row.name; //'新建' + row.name + '单';
+        this.form = _.cloneDeep(row);
+        this.form.formId = row.id;
+        this.$set(this.form, 'noticeScope', []);
+        this.$set(this.form, 'LCFL', '');
+        this.$set(this.form, 'FQLC', '');
+        this.$set(this.form, 'name', '');
+        this.$set(this.form, 'key', '');
+        this.$set(this.form, 'valueJson', {});
+        this.jsonData = JSON.parse(this.form.formJson.makingJson);
+        console.log('jsonData', this.jsonData);
+
+        this.jsonData.config.dataSource &&
+          this.jsonData.config.dataSource.forEach((item) => {
+            item.headers = {
+              Authorization: getToken()
+            };
+            // item.url = item.url && item.url.replace('/api', this.APIUrl);
+          });
+        this.jsonData.list.forEach((item) => {
+          if (item.type == 'deptAndUserCascader') {
           }
-        }
-        if (item.type == 'userSelect') {
-          if (item.options.isDefaultLoginUser) {
-            this.form.valueJson[item.model] = this.user.info.userId;
+          if (item.type == 'deptCascader') {
+            if (item.options.isDefaultLoginUser) {
+              this.form.valueJson[item.model] = this.user.info.groupIdList;
+            }
           }
-        }
-        if (item.type == 'imgupload') {
-          // this.form.valueJson[item.model].length &&
-          //   this.form.valueJson[item.model].forEach((item) => {
-          //     //item.objectUrl = this.APIUrl +'/kd-aiot' + item.storePath
-          //     // item.objectUrl = item.url;
-          //     // console.log(item);
-          //   });
-        }
-      });
-      await this.getProcessDefinitionBpmnXMLInfo(this.form.processModelId);
-      await this.getTaskAssignRuleListInfo({
-        modelId: this.form.processModelId,
-        processDefinitionId: this.form.processDefinitionId
-      });
-      await this.getDefaultInfo(row.processModelId);
-    },
-    async getDefaultInfo(businessKey) {
-      let info = await getModel(businessKey);
-      //let info = await getProcessDefinitionInfo({ id: businessKey });
-      this.form.LCFL = info?.category;
-      this.form.FQLC = info?.id;
-      this.form.name = this.title;
-      this.form.key = info?.key;
-      if (this.form.LCFL) await this.getProcessList(this.form.LCFL);
-    },
-    async getProcessList(val) {
-      let params = {
-        pageNo: 1,
-        pageSize: 999,
-        processTypeId: val
-      };
-      const { list } = await getModelPage(params);
-      this.processList = list.filter((item) => item.processDefinition);
-    },
-    async getProcessDefinitionBpmnXML(val) {
-      this.bpmnXML = await getProcessDefinitionBpmnXML(val);
-    },
-    async getProcessDefinitionBpmnXMLInfo(val) {
-      // 加载流程图
-      let res = await getModel(val);
-      this.bpmnXML = res.bpmnXml;
-    },
-    async getTaskAssignRuleListInfo(find) {
-      this.datasource = await getTaskAssignRuleList({
-        modelId: find.modelId,
-        processDefinitionId: find.processDefinitionId
-      });
-    },
-    handleEditDataScope() {
-      this.$refs.staffSelection.open(this.form.noticeScope);
-      // this.visibilityRangeDialogFlag = true;
-      // this.$nextTick(() => {
-      //   this.$refs.visibilityRangeDialogRef.init(this.form);
-      // });
-    },
-    getTreeList(list) {
-      list.forEach((item) => {
-        item.type = 1;
-      });
-      this.form.noticeScope = list;
-    },
-    handleCloseTag(index) {
-      this.form.noticeScope.splice(index, 1);
-    },
-    getAssignRuleOptionName(row, option) {
-      if (row.type == 10) {
-        for (const roleOption of this.roleOptions) {
-          if (roleOption.id === option) {
-            return roleOption.name;
+          if (item.type == 'userSelect') {
+            if (item.options.isDefaultLoginUser) {
+              this.form.valueJson[item.model] = this.user.info.userId;
+            }
           }
-        }
-      } else if (row.type === 20 || row.type === 21) {
-        for (const deptOption of this.deptOptions) {
-          if (deptOption.id === option) {
-            return deptOption.name;
+          if (item.type == 'imgupload') {
+            // this.form.valueJson[item.model].length &&
+            //   this.form.valueJson[item.model].forEach((item) => {
+            //     //item.objectUrl = this.APIUrl +'/kd-aiot' + item.storePath
+            //     // item.objectUrl = item.url;
+            //     // console.log(item);
+            //   });
           }
-        }
-      } else if (row.type === 22) {
-        option = option + ''; // 转换成 string
-        return this.getDictV(this.dictEnum['工种类型'], option);
-      } else if (row.type === 30 || row.type === 31 || row.type === 32) {
-        for (const userOption of this.userOptions) {
-          if (userOption.id === option) {
-            return userOption.nickname || userOption.name;
+        });
+        await this.getProcessDefinitionBpmnXMLInfo(this.form.processModelId);
+        await this.getTaskAssignRuleListInfo({
+          modelId: this.form.processModelId,
+          processDefinitionId: this.form.processDefinitionId
+        });
+        await this.getDefaultInfo(row.processModelId);
+      },
+      async getDefaultInfo(businessKey) {
+        let info = await getModel(businessKey);
+        //let info = await getProcessDefinitionInfo({ id: businessKey });
+        parameterGetByCode({
+          code: 'wt_collaborative_bpm'
+        }).then((res) => {
+          if (res.value != 0) {
+            this.form.FQLC = info?.id;
+            this.form.name = this.title;
+            this.form.key = info?.key;
           }
-        }
-      } else if (row.type === 40) {
-        for (const userGroupOption of this.userGroupOptions) {
-          if (userGroupOption.id === option) {
-            return userGroupOption.name;
+        });
+        this.form.LCFL = info?.category;
+
+        if (this.form.LCFL) await this.getProcessList(this.form.LCFL);
+      },
+      async getProcessList(val) {
+        let params = {
+          pageNo: 1,
+          pageSize: 999,
+          processTypeId: val
+        };
+        const { list } = await getModelPage(params);
+        this.processList = list.filter((item) => item.processDefinition);
+      },
+      async getProcessDefinitionBpmnXML(val) {
+        this.bpmnXML = await getProcessDefinitionBpmnXML(val);
+      },
+      async getProcessDefinitionBpmnXMLInfo(val) {
+        // 加载流程图
+        let res = await getModel(val);
+        this.bpmnXML = res.bpmnXml;
+      },
+      async getTaskAssignRuleListInfo(find) {
+        this.datasource = await getTaskAssignRuleList({
+          modelId: find.modelId,
+          processDefinitionId: find.processDefinitionId
+        });
+      },
+      handleEditDataScope() {
+        this.$refs.staffSelection.open(this.form.noticeScope);
+        // this.visibilityRangeDialogFlag = true;
+        // this.$nextTick(() => {
+        //   this.$refs.visibilityRangeDialogRef.init(this.form);
+        // });
+      },
+      getTreeList(list) {
+        list.forEach((item) => {
+          item.type = 1;
+        });
+        this.form.noticeScope = list;
+      },
+      handleCloseTag(index) {
+        this.form.noticeScope.splice(index, 1);
+      },
+      getAssignRuleOptionName(row, option) {
+        if (row.type == 10) {
+          for (const roleOption of this.roleOptions) {
+            if (roleOption.id === option) {
+              return roleOption.name;
+            }
           }
+        } else if (row.type === 20 || row.type === 21) {
+          for (const deptOption of this.deptOptions) {
+            if (deptOption.id === option) {
+              return deptOption.name;
+            }
+          }
+        } else if (row.type === 22) {
+          option = option + ''; // 转换成 string
+          return this.getDictV(this.dictEnum['工种类型'], option);
+        } else if (row.type === 30 || row.type === 31 || row.type === 32) {
+          for (const userOption of this.userOptions) {
+            if (userOption.id === option) {
+              return userOption.nickname || userOption.name;
+            }
+          }
+        } else if (row.type === 40) {
+          for (const userGroupOption of this.userGroupOptions) {
+            if (userGroupOption.id === option) {
+              return userGroupOption.name;
+            }
+          }
+        } else if (row.type === 50) {
+          option = option + ''; // 转换成 string
+          return this.getDictV(
+            this.dictEnum['工作流任务分配自定义脚本'],
+            option
+          );
+        } else if (row.type === 60) {
+          return row.variableName;
+        } else if (row.type === 70) {
+          let data = JSON.parse(row.variableName);
+          if (data.direction == 1) {
+            return topLevel2.find((item) => item.value == data.topLevel)?.label;
+          } else {
+            return topLevel1.find((item) => item.value == data.topLevel)?.label;
+          }
+        } else if (row.type === 80) {
+          let data = JSON.parse(row.variableName);
+          return topLevel3.find((item) => item.value == data.topLevel)?.label;
         }
-      } else if (row.type === 50) {
-        option = option + ''; // 转换成 string
-        return this.getDictV(this.dictEnum['工作流任务分配自定义脚本'], option);
-      } else if (row.type === 60) {
-        return row.variableName;
-      } else if (row.type === 70) {
-        let data = JSON.parse(row.variableName);
-        if (data.direction == 1) {
-          return topLevel2.find((item) => item.value == data.topLevel)?.label;
-        } else {
-          return topLevel1.find((item) => item.value == data.topLevel)?.label;
-        }
-      } else if (row.type === 80) {
-        let data = JSON.parse(row.variableName);
-        return topLevel3.find((item) => item.value == data.topLevel)?.label;
-      }
-      return '未知(' + option + ')';
-    },
-    async getTreeData() {
-      this.treeData = await getGroupUserTree();
-    },
-    filterNode(value, data) {
-      if (!value) return true;
-      return data.name.indexOf(value) !== -1;
-    },
-    /**
-     * 构造树型结构数据
-     * @param {*} data 数据源
-     * @param {*} id id字段 默认 'id'
-     * @param {*} parentId 父节点字段 默认 'parentId'
-     * @param {*} children 孩子节点字段 默认 'children'
-     * @param {*} rootId 根Id 默认 0
-     */
-    handleTree(data, id, parentId, children, rootId) {
-      id = id || 'id';
-      parentId = parentId || 'parentId';
-      children = children || 'children';
-      rootId =
-        rootId ||
-        Math.min.apply(
-          Math,
-          data.map((item) => {
-            return item[parentId];
-          })
-        ) ||
-        0;
-      //对源数据深度克隆
-      const cloneData = JSON.parse(JSON.stringify(data));
-      //循环所有项
-      const treeData = cloneData.filter((father) => {
-        let branchArr = cloneData.filter((child) => {
-          //返回每一项的子级数组
-          return father[id] == child[parentId];
+        return '未知(' + option + ')';
+      },
+      async getTreeData() {
+        this.treeData = await getGroupUserTree();
+      },
+      filterNode(value, data) {
+        if (!value) return true;
+        return data.name.indexOf(value) !== -1;
+      },
+      /**
+       * 构造树型结构数据
+       * @param {*} data 数据源
+       * @param {*} id id字段 默认 'id'
+       * @param {*} parentId 父节点字段 默认 'parentId'
+       * @param {*} children 孩子节点字段 默认 'children'
+       * @param {*} rootId 根Id 默认 0
+       */
+      handleTree(data, id, parentId, children, rootId) {
+        id = id || 'id';
+        parentId = parentId || 'parentId';
+        children = children || 'children';
+        rootId =
+          rootId ||
+          Math.min.apply(
+            Math,
+            data.map((item) => {
+              return item[parentId];
+            })
+          ) ||
+          0;
+        //对源数据深度克隆
+        const cloneData = JSON.parse(JSON.stringify(data));
+        //循环所有项
+        const treeData = cloneData.filter((father) => {
+          let branchArr = cloneData.filter((child) => {
+            //返回每一项的子级数组
+            return father[id] == child[parentId];
+          });
+          branchArr.length > 0 ? (father.children = branchArr) : '';
+          //返回第一层
+          return father[parentId] == rootId;
         });
-        branchArr.length > 0 ? (father.children = branchArr) : '';
-        //返回第一层
-        return father[parentId] == rootId;
-      });
-      return treeData !== '' ? treeData : data;
-    },
-    getDictV(code, val) {
-      if (!this.dictList[code]) return '';
-      return this.dictList[code].find((item) => item.value == val)?.label;
-    },
-    async getDictList(code) {
-      let { data: res } = await getByCode(code);
-      this.dictList[code] = res.map((item) => {
-        let values = Object.keys(item);
-        return {
-          value: values[0],
-          label: item[values[0]]
-        };
-      });
-    },
-    generateFormValid(validate = true) {
-      return this.$refs.generateForm.getData(validate).then((data) => {
-        return data;
-      });
-    },
-    handleTreeChange() {
-      this.$nextTick(() => {
-        this.form.noticeScope =
-          this.$refs.treeSelect.$refs.tree.getCheckedNodes();
-        console.log(this.form.noticeScope);
-      });
-    },
-    async changeLCFL(val) {
-      this.bpmnXML = null;
-      this.form.processDefinitionId = null;
-      this.form.FQLC = null;
-      await this.getProcessList(val);
-    },
-    async changeFQLC(val) {
-      if (!val) return;
-      let find = this.processList.find((item) => item.id === val) || {};
-      this.form.name = find.name;
-      this.form.key = find.key;
-      this.form.processDefinitionId = find.processDefinition.id;
-      this.form.processModelId = val;
-      await this.getProcessDefinitionBpmnXML(find.processDefinition.id);
-      await this.getTaskAssignRuleListInfo({
-        modelId: find.id,
-        processDefinitionId: find.processDefinition.id
-      });
-    },
-    async submit() {
-      // console.log('this.form~~~', this.$refs.businessComponentRef.form);
+        return treeData !== '' ? treeData : data;
+      },
+      getDictV(code, val) {
+        if (!this.dictList[code]) return '';
+        return this.dictList[code].find((item) => item.value == val)?.label;
+      },
+      async getDictList(code) {
+        let { data: res } = await getByCode(code);
+        this.dictList[code] = res.map((item) => {
+          let values = Object.keys(item);
+          return {
+            value: values[0],
+            label: item[values[0]]
+          };
+        });
+      },
+      generateFormValid(validate = true) {
+        return this.$refs.generateForm.getData(validate).then((data) => {
+          return data;
+        });
+      },
+      handleTreeChange() {
+        this.$nextTick(() => {
+          this.form.noticeScope =
+            this.$refs.treeSelect.$refs.tree.getCheckedNodes();
+          console.log(this.form.noticeScope);
+        });
+      },
+      async changeLCFL(val) {
+        this.bpmnXML = null;
+        this.form.processDefinitionId = null;
+        this.form.FQLC = null;
+        await this.getProcessList(val);
+      },
+      async changeFQLC(val) {
+        if (!val) return;
+        let find = this.processList.find((item) => item.id === val) || {};
+        this.form.name = find.name;
+        this.form.key = find.key;
+        this.form.processDefinitionId = find.processDefinition.id;
+        this.form.processModelId = val;
+        await this.getProcessDefinitionBpmnXML(find.processDefinition.id);
+        await this.getTaskAssignRuleListInfo({
+          modelId: find.id,
+          processDefinitionId: find.processDefinition.id
+        });
+      },
+      async submit() {
+        // console.log('this.form~~~', this.$refs.businessComponentRef.form);
 
-      // const businessComponentForm = this.$refs.businessComponentRef.form;
-      let data = await this.$refs.generateForm.getData(false);
-      // data['blank_business_component'] = businessComponentForm.blank_business_component;
-      // this.$refs.generateForm.setData({
-      //   'blank_business_component': data['blank_business_component']
-      // });
-      // 获取所有组件的引用
-      let validArr = [];
-      // 过滤出存在于componentRef中的键
-      Object.keys(data).forEach((key) => {
-        if (this.componentRef.includes(key)) {
-          validArr.push(key);
-        }
-      });
+        // const businessComponentForm = this.$refs.businessComponentRef.form;
+        let data = await this.$refs.generateForm.getData(false);
+        // data['blank_business_component'] = businessComponentForm.blank_business_component;
+        // this.$refs.generateForm.setData({
+        //   'blank_business_component': data['blank_business_component']
+        // });
+        // 获取所有组件的引用
+        let validArr = [];
+        // 过滤出存在于componentRef中的键
+        Object.keys(data).forEach((key) => {
+          if (this.componentRef.includes(key)) {
+            validArr.push(key);
+          }
+        });
 
-      // 检查每个组件的数据是否为空数组
-      let emptyComponents = [];
-      validArr.forEach((item) => {
-        // 检查data[item]是否存在且为数组，并且长度为0
-        if (Array.isArray(data[item]) && data[item].length === 0) {
-          emptyComponents.push(item);
-        }
-      });
+        // 检查每个组件的数据是否为空数组
+        let emptyComponents = [];
+        validArr.forEach((item) => {
+          // 检查data[item]是否存在且为数组，并且长度为0
+          if (Array.isArray(data[item]) && data[item].length === 0) {
+            emptyComponents.push(item);
+          }
+        });
 
-      // 如果有未填写的组件，显示提示信息
-      if (emptyComponents.length > 0) {
-        // this.$message.warning(`请填写完整信息：${emptyComponents.map(comp => this.getComponentName(comp)).join('、')}`);
-        this.$message.warning(`请填写完整信息`);
-        return false;
-      }
+        // 如果有未填写的组件，显示提示信息
+        if (emptyComponents.length > 0) {
+          // this.$message.warning(`请填写完整信息：${emptyComponents.map(comp => this.getComponentName(comp)).join('、')}`);
+          this.$message.warning(`请填写完整信息`);
+          return false;
+        }
 
-      // 使用Promise.all并行校验所有组件
-      // try {
-      //   await Promise.all(validArr.map(key => {
-      //     if (this.$refs[key] && typeof this.$refs[key].validateForm === 'function') {
-      //       return this.$refs[key].validateForm();
-      //     }
-      //     return Promise.resolve(true); // 如果组件不存在或没有validateForm方法，默认通过
-      //   }));
-      //   console.log('所有组件校验通过');
-      // } catch (error) {
-      //   console.error('表单校验失败:', error);
-      //   this.$message.error('表单校验失败，请检查必填项');
-      //   return false; // 任一组件校验失败则整体失败
-      // }
-      // console.log('data~~~~', data);
-      this.form.valueJson = await this.generateFormValid();
-      this.form.processType = '1';
-      console.log('formformformform', this.form);
-      await processInstanceCreateAPI({
-        ...this.form,
-        variables: { ...this.form.valueJson }
-      });
-      this.$message('提交审核成功');
-      this.$emit('reload');
-      this.cancel();
-    },
-    cancel() {
-      this.$emit('update:processSubmitDialogFlag', false);
-    },
-    getDays(start, end) {
-      const startDay = dayjs(start);
-      const endDay = dayjs(end);
-      const diffInMilliseconds = endDay.diff(startDay);
+        // 使用Promise.all并行校验所有组件
+        // try {
+        //   await Promise.all(validArr.map(key => {
+        //     if (this.$refs[key] && typeof this.$refs[key].validateForm === 'function') {
+        //       return this.$refs[key].validateForm();
+        //     }
+        //     return Promise.resolve(true); // 如果组件不存在或没有validateForm方法，默认通过
+        //   }));
+        //   console.log('所有组件校验通过');
+        // } catch (error) {
+        //   console.error('表单校验失败:', error);
+        //   this.$message.error('表单校验失败，请检查必填项');
+        //   return false; // 任一组件校验失败则整体失败
+        // }
+        // console.log('data~~~~', data);
+        this.form.valueJson = await this.generateFormValid();
+        this.form.processType = '1';
+        console.log('formformformform', this.form);
+        await processInstanceCreateAPI({
+          ...this.form,
+          variables: { ...this.form.valueJson }
+        });
+        this.$message('提交审核成功');
+        this.$emit('reload');
+        this.cancel();
+      },
+      cancel() {
+        this.$emit('update:processSubmitDialogFlag', false);
+      },
+      getDays(start, end) {
+        const startDay = dayjs(start);
+        const endDay = dayjs(end);
+        const diffInMilliseconds = endDay.diff(startDay);
 
-      // 计算天数
-      const days = Math.floor(diffInMilliseconds / (1000 * 60 * 60 * 24));
-      // 计算剩余小时数
-      const hours = Math.floor(
-        (diffInMilliseconds % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
-      );
-      // 计算剩余分钟数
-      const minutes = Math.floor(
-        (diffInMilliseconds % (1000 * 60 * 60)) / (1000 * 60)
-      );
-      // 计算剩余秒数
-      const seconds = Math.floor((diffInMilliseconds % (1000 * 60)) / 1000);
+        // 计算天数
+        const days = Math.floor(diffInMilliseconds / (1000 * 60 * 60 * 24));
+        // 计算剩余小时数
+        const hours = Math.floor(
+          (diffInMilliseconds % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+        );
+        // 计算剩余分钟数
+        const minutes = Math.floor(
+          (diffInMilliseconds % (1000 * 60 * 60)) / (1000 * 60)
+        );
+        // 计算剩余秒数
+        const seconds = Math.floor((diffInMilliseconds % (1000 * 60)) / 1000);
 
-      let result = '';
-      if (days > 0) result += `${days} 天 `;
-      if (hours > 0) result += `${hours} 小时 `;
-      if (minutes > 0) result += `${minutes} 分钟 `;
-      if (seconds > 0) result += `${seconds} 秒`;
-      return result.trim();
+        let result = '';
+        if (days > 0) result += `${days} 天 `;
+        if (hours > 0) result += `${hours} 小时 `;
+        if (minutes > 0) result += `${minutes} 分钟 `;
+        if (seconds > 0) result += `${seconds} 秒`;
+        return result.trim();
+      }
     }
-  }
-};
+  };
 </script>
 <style scoped lang="scss">
-.box {
-  display: flex;
-  height: 450px;
+  .box {
+    display: flex;
+    height: 450px;
 
-  .left-box {
-    width: 55%;
-    border-right: 1px solid #e2e4e7;
-    padding-right: 15px;
-    height: 100%;
+    .left-box {
+      width: 55%;
+      border-right: 1px solid #e2e4e7;
+      padding-right: 15px;
+      height: 100%;
 
-    .el-tree {
-      height: 85%;
-      overflow-y: auto;
+      .el-tree {
+        height: 85%;
+        overflow-y: auto;
+      }
     }
-  }
 
-  .right-box {
-    flex: 1;
-    padding-left: 20px;
-    height: 100%;
+    .right-box {
+      flex: 1;
+      padding-left: 20px;
+      height: 100%;
 
-    .right-box-item {
-      margin-top: 5px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
+      .right-box-item {
+        margin-top: 5px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
     }
   }
-}
 
-.form-box {
-  // max-height: 500px;
-  min-width: 400px;
-  overflow: auto;
-  background: #4298fd0d;
-}
-::v-deep .el-dialog {
-  min-width: 400px;
-  .el-dialog__header {
-    background: #1890ffd6;
+  .form-box {
+    // max-height: 500px;
+    min-width: 400px;
+    overflow: auto;
+    background: #4298fd0d;
   }
-  .el-dialog__title,
-  .el-dialog__close {
-    color: #ffffff;
+  ::v-deep .el-dialog {
+    min-width: 400px;
+    .el-dialog__header {
+      background: #1890ffd6;
+    }
+    .el-dialog__title,
+    .el-dialog__close {
+      color: #ffffff;
+    }
   }
-}
-.blank_adopzrdd {
-  display: flex;
-  align-items: center;
-  > span {
-    display: inline-block;
-    width: 80px;
+  .blank_adopzrdd {
+    display: flex;
+    align-items: center;
+    > span {
+      display: inline-block;
+      width: 80px;
+    }
+    margin-bottom: 10px;
   }
-  margin-bottom: 10px;
-}
 </style>