fix: 修复流程设计保存成功后页面未刷新问题

ruoyi-ui/src/views/flowable/definition/index.vue

@@ -172,16 +172,13 @@
     </el-dialog>
 
     <!-- 流程图 -->
-    <el-dialog :title="readImage.title" :visible.sync="readImage.open" width="70%" append-to-body>
+    <el-dialog :title="flowImageTitle" :visible.sync="flowImageOpen" width="70%" append-to-body>
-      <!-- <el-image :src="readImage.src"></el-image> -->
        <flow :flowData="flowData"/>
     </el-dialog>
 
     <!--表单配置详情-->
     <el-dialog :title="formTitle" :visible.sync="formConfOpen" width="50%" append-to-body>
-      <div class="test-form">
+        <v-form-render :form-data="formRenderData" ref="vFormRef"/>
-        <parser :key="new Date().getTime()"  :form-conf="formConf" />
-      </div>
     </el-dialog>
 
     <!--挂载表单-->
@@ -215,9 +212,7 @@
           />
         </el-col>
         <el-col :span="14" :xs="24">
-          <div v-if="currentRow">
+            <v-form-render :form-data="formRenderData" ref="vFormRef"/>
-            <parser :key="new Date().getTime()" :form-conf="currentRow" />
-          </div>
         </el-col>
       </el-row>
     </el-dialog>
@@ -287,11 +282,9 @@ export default {
       formDeployTitle: "",
       formList: [],
       formTotal:0,
-      formConf: {}, // 默认表单数据
+      flowImageTitle: '',
-      readImage:{
+      flowImageOpen: false,
-        open: false,
+      formRenderData:{},
-        src: "",
-      },
       // bpmn.xml 导入
       upload: {
         // 是否显示弹出层（xml导入）
@@ -331,7 +324,6 @@ export default {
         deployId: null
       },
       deployId: '',
-      currentRow: null,
       // xml
       flowData: {},
       // 表单参数
@@ -344,6 +336,12 @@ export default {
   created() {
     this.getList();
   },
+  activated() {
+    const time = this.$route.query.t;
+    if (time != null) {
+      this.getList();
+    }
+  },
   methods: {
     /** 查询流程定义列表 */
     getList() {
@@ -414,19 +412,25 @@ export default {
     },
     /** 流程图查看 */
     handleReadImage(deployId){
-      this.readImage.title = "流程图";
+      this.flowImageTitle = "流程图";
-      this.readImage.open = true;
+      this.flowImageOpen = true;
-      // this.readImage.src = process.env.VUE_APP_BASE_API + "/flowable/definition/readImage/" + deploymentId;
       flowXmlAndNode({deployId:deployId}).then(res => {
         this.flowData = res.data;
       })
     },
     /** 表单查看 */
-    handleForm(formId){
+    handleForm(formId) {
-      getForm(formId).then(res =>{
+      getForm(formId).then(res => {
         this.formTitle = "表单详情";
         this.formConfOpen = true;
-        this.formConf = JSON.parse(res.data.formContent)
+        // 回显表单
+        this.$nextTick(() => {
+          this.$refs.vFormRef.setFormJson(res.data.formContent);
+          this.$nextTick(() => {
+            // 表单禁用
+            this.$refs.vFormRef.disableForm();
+          })
+        })
       })
     },
     /** 启动流程 */
@@ -473,7 +477,15 @@ export default {
     },
     handleCurrentChange(data) {
       if (data) {
-        this.currentRow = JSON.parse(data.formContent);
+        // 回显表单
+        this.$nextTick(() => {
+          this.$refs.vFormRef.setFormJson(JSON.parse(data.formContent));
+            // 加载表单填写的数据
+            this.$nextTick(() => {
+              // 表单禁用
+              this.$refs.vFormRef.disableForm();
+          })
+        })
       }
     },
     /** 挂起/激活流程 */

ruoyi-ui/src/views/flowable/definition/model.vue

@@ -108,8 +108,8 @@ export default {
       saveXml(params).then(res => {
         this.$modal.msgSuccess(res.msg)
         // 关闭当前标签页并返回上个页面
-        this.$store.dispatch("tagsView/delView", this.$route);
+        const obj = { path: "/flowable/definition", query: { t: Date.now()} };
-        this.$router.go(-1)
+        this.$tab.closeOpenPage(obj);
       })
     },
     /** 指定流程办理人员列表 */