流程版本默认获取方式调整，从版本列表查找，外部无法获取

hookehuyr
Commit e0a144503a9239a7d6d4d8b20e9eb828a6fe1126 e0a14450 1 parent e0fbce77
Showing 1 changed file with 58 additions and 52 deletions
doc/App.vue
--- a/doc/App.vue
View file @e0a1445
+++ b/doc/App.vue
View file @e0a1445
@@ -324,6 +324,7 @@
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item @click.native="onSelectFlowVersion(item.id, item.code, item.note)" v-for="(item, index) in state.flow_version_list" :key="index">流程版本 (V{{ item.code }})</el-dropdown-item>
+                <el-dropdown-item><i class="el-icon-circle-plus-outline"></i>新增流程</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
@@ -632,22 +633,37 @@ export default {
     }
     const urlQuery = getQueryParams(location.href);
-    let flow_id = urlQuery.flow_id ? urlQuery.flow_id : ''; // 流程id，如果是新创建的流程，则为空
     let form_id = urlQuery.form_id? urlQuery.form_id : ''; // 表单id
-
+    let flow_id = urlQuery.flow_id? urlQuery.flow_id : ''; // 流程id，如果是新的流程，则为空
-    // TAG: 接口获取流程图数据
+    /**
-    const flowData = ref<any>(null);
+     *  获取版本信息列表
-    const getFlowData = (flow_id) => {
+     */
-      flowData.value = null;
+    const getVersionList = () => {
-      axios.get('/admin/?a=flow_nodes&flow_id=' + flow_id)
+      axios.get('/admin/?a=flow_version&form_id=' + form_id)
       .then(res => {
         if (res.data.code) {
-          let nodes = res.data.data.nodes;
+          // 启用的版本号
-          let edges = res.data.data.edges;
+          res.data.data.forEach((ele) => {
-          // 没有流程图数据
+            if (ele.status === '1') {
-          if (!nodes.length && !edges.length) {
+              flow_id = ele.code;
-            flowData.value = AppData; // 设置默认的数据
+              updateUrl(ele.id); // 更新url
-            // 马上保存一次
+              state.flow_version = ele.code;
+              state.versionForm = { // 当前版本信息
+                code: ele.code,
+                id: ele.id,
+                note: ele.note,
+                type: null,
+              }
+            }
+          });
+          // 版本列表
+          state.version_list = res.data.data;
+          // 版本列表不含有启用的版本
+          state.flow_version_list = res.data.data.filter((ele) => {
+            return ele.status !== '1';
+          });
+          // 没有默认版本列表，自动新增流程
+          if (!state.version_list.length) {
             axios.post('/admin/?a=save_flow', qs.stringify({
                 form_id: +form_id,
                 flow_id: '',
@@ -662,6 +678,33 @@ export default {
               .catch(err => {
                 console.log(err);
               });
+          }
+        } else {
+          ElMessage({
+            type: 'error',
+            message: res.data.msg,
+          });
+        }
+      })
+      .catch(err => {
+        console.error(err);
+      });
+    }
+
+    getVersionList();
+
+    // TAG: 接口获取流程图数据
+    const flowData = ref<any>(null);
+    const getFlowData = (flow_id) => {
+      flowData.value = null;
+      axios.get('/admin/?a=flow_nodes&flow_id=' + flow_id)
+      .then(res => {
+        if (res.data.code) {
+          let nodes = res.data.data.nodes;
+          let edges = res.data.data.edges;
+          // 没有流程图数据
+          if (!nodes.length && !edges.length) {
+            flowData.value = AppData; // 设置默认的数据
           } else {
             flowData.value = res.data.data; // 获取已存在的数据
           }
@@ -702,48 +745,9 @@ export default {
       //   state.detailModel = null;
       //   editor.closeModel();
       // });
-      getVersionList();
     });
     /***************** 版本操作 ***************/
-
-    /**
-     *  获取版本信息列表
-     */
-    const getVersionList = () => {
-      axios.get('/admin/?a=flow_version&form_id=' + form_id)
-      .then(res => {
-        if (res.data.code) {
-          // 启用的版本号
-          res.data.data.forEach((ele) => {
-            if (ele.status === '1') {
-              state.flow_version = ele.code;
-              state.versionForm = { // 当前版本信息
-                code: ele.code,
-                id: ele.id,
-                note: ele.note,
-                type: null,
-              }
-            }
-          });
-          // 版本列表
-          state.version_list = res.data.data;
-          // 版本列表不含有启用的版本
-          state.flow_version_list = res.data.data.filter((ele) => {
-            return ele.status !== '1';
-          });
-        } else {
-          ElMessage({
-            type: 'error',
-            message: res.data.msg,
-          });
-        }
-      })
-      .catch(err => {
-        console.error(err);
-      });
-    }
-
     const onSelectFlowVersion = (id: number, code: number, note: string) => {
       // 切换版本信息
       state.dialogVersionFormVisible = true;
@@ -979,6 +983,7 @@ export default {
               message: '保存流程图成功',
             });
             flow_id = res.data.data; // 更新flow_id
+            updateUrl(flow_id); // 更新url
             console.log(paths); // 输出满足条件的路径结果数组
           } else {
             ElMessage({
@@ -1560,6 +1565,7 @@ export default {
                   message: '保存流程图成功',
                 });
                 flow_id = res.data.data; // 更新flow_id
+                updateUrl(flow_id); // 更新url
                 console.log(paths); // 输出满足条件的路径结果数组
               } else {
                 ElMessage({