style:申请单元列表

 <!--
  * @Description: workFrame左侧菜单列表-普通
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 13:59:09
+ * @LastEditTime: 2023-09-12 11:18:27
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -15,7 +15,7 @@
         申请单元列表({{ unitData.length }})
         <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button>
       </div>
-      <el-menu :default-active="activeIndex" @select="unitClick">
+      <el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick">
         <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
           <p class="dot" v-if="item.issave == '0'"></p>
           <div class="menu-con">
@@ -74,18 +74,20 @@
     watch: {
       isRefresh: {
         handler (newVal, oldVal) {
-          if (newVal) this.loadBdcdylist()
+          if (newVal) {
+            this.loadBdcdylist()
+          }
         },
         immediate: true
       }
     },
     methods: {
-      //读取申请单元信息
       /**
        * @description: 读取申请单元信息
        * @author: renchao
        */
       loadBdcdylist () {
+        let that = this
         var formdata = new FormData();
         formdata.append("bsmSlsq", this.bsmSlsq);
         if (this.$route.query.bestepid) {
@@ -97,24 +99,28 @@
         if (this.$route.query.type == 'jdcx') {
           jdcxLeftMenu(formdata).then((res) => {
             if (res.code === 200 && res.result) {
-              this.unitData = res.result;
+              that.unitData = res.result;
               window.unitData = res.result;
-              this.currentSelectProps = res.result[0];
-              this.$emit('getCurrentSelectProps', this.currentSelectProps);
-              this.judgeBatchShow();
-              if (this.showBatch) {
+              that.currentSelectProps = res.result[0];
+              that.$emit('getCurrentSelectProps', this.currentSelectProps);
+              that.judgeBatchShow();
+              if (that.showBatch) {
                 //满足批量查封/批量抵押按钮出现 即先展示批量表单
-                this.batchUnitClick();
+                that.batchUnitClick();
               } else {
                 //默认选择单元列表第一个
-                this.unitClick(0);
+                if (sessionStorage.getItem('keyPath')) {
+                  that.unitClick(sessionStorage.getItem('keyPath') - 0)
+                } else {
+                  that.unitClick(0);
+                }
               }
             }
           })
         } else {
           leftMenu(formdata).then((res) => {
             if (res.code === 200 && res.result) {
-              this.unitData = res.result;
+              that.unitData = res.result;
               window.unitData = res.result;
               this.currentSelectProps = res.result[0];
               this.$emit('getCurrentSelectProps', this.currentSelectProps);
@@ -124,13 +130,16 @@
                 this.batchUnitClick();
               } else {
                 //默认选择单元列表第一个
-                this.unitClick(0);
+                if (sessionStorage.getItem('keyPath')) {
+                  that.unitClick(sessionStorage.getItem('keyPath') - 0)
+                } else {
+                  that.unitClick(0);
+                }
               }
             }
           })
         }
       },
-      //批量按钮判断
       /**
        * @description: 批量按钮判断
        * @author: renchao
@@ -224,6 +233,7 @@
         this.currentSelectProps = this.unitData[index];
         this.currentSelectProps.batchOperation = false;
         this.activeIndex = index.toString();
+        sessionStorage.setItem('keyPath', this.activeIndex);
         //选中表单传递数据
         this.$emit('getCurrentSelectProps', this.currentSelectProps);
         this.$parent.stepForm(index);

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-17 15:34:33
+ * @LastEditTime: 2023-09-12 09:41:27
  */
 //流程环节操作按钮
 /**
@@ -10,7 +10,7 @@
  * @param {*} djywbm
  * @author: renchao
  */
-export function getForm(tabName, djywbm) {
+export function getForm (tabName, djywbm) {
   let form;
   switch (tabName) {
     case "tdsyqslxx":
@@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) {
     case "sfxx":
       form = require("@/views/workflow/components/sfxx.vue");
       break;
-      case "sdqxx":
+    case "sdqxx":
       form = require("@/views/workflow/components/sdqxx.vue");
       break;
     case "zdjbxx":

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-05 15:05:56
+ * @LastEditTime: 2023-09-12 10:52:24
  */
 import { getForm } from "../flowform";
 import { getHomeNoticeList } from "@/api/home.js"
@@ -32,7 +32,6 @@ export default {
         }
       })
     },
-    //右侧表单选项卡事件
     /**
      * @description: 右侧表单选项卡事件
      * @param {*} activeName
@@ -40,9 +39,9 @@ export default {
      * @author: renchao
      */
     beforeLeave (activeName, oldActiveName) {
+      sessionStorage.setItem('activeName', activeName);
       if (activeName && activeName != 0) this.getFromRouter(activeName)
     },
-    //切换选项卡内容组件
     /**
      * @description: 切换选项卡内容组件
      * @param {*} tabname

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-30 14:14:55
+ * @LastEditTime: 2023-09-12 10:52:18
 -->
 <template>
   <div class="container">
@@ -162,7 +162,6 @@
       stepForm (index) {
         getStepFormInfo(this.currentSelectProps).then((res) => {
           if (res.code === 200) {
-            // this.fresh++;
             //获取单元对应的所有表单信息
             this.tabList = res.result;
             //默认加载第一个表单信息
@@ -172,6 +171,9 @@
             } else {
               this.tabName = res.result[0].value;
             }
+            if (sessionStorage.getItem('activeName') == this.tabName) {
+              this.fresh++;
+            }
             this.ableOperation = this.tabList[0].ableOperation
             //批量操作无分屏按钮
             if (index != null) {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 09:01:09
+ * @LastEditTime: 2023-09-12 09:59:18
 -->
 <template>
   <!-- 受理信息 -->
@@ -9,7 +9,7 @@
     <el-form
       :model="ruleForm"
       :rules="rules"
-      class="loadingtext"
+      v-Loading="loading"
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
@@ -365,18 +365,21 @@
   import { mapGetters } from "vuex";
   export default {
     mounted () {
+      this.loading = true
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
       if (this.propsParam.djlx == "400") {
         this.isJfOperation = true;
       }
-      this.$startLoading();
       formdata.append("bsmSldy", this.propsParam.bsmSldy);
       formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
+        setTimeout(() => {
+          this.loading = false
+        }, 200)
         if (res.code === 200 && res.result) {
           this.ruleForm = res.result;
           this.czrOptions = this.ruleForm.qlrList;
@@ -386,8 +389,9 @@
             this.czr = item.sqrmc;
           }
         });
-        this.$endLoading();
-      });
+      }).catch(() => {
+        this.loading = false
+      })
     },
     components: { qlrCommonTable },
     computed: {
@@ -395,6 +399,7 @@
     },
     data () {
       return {
+        loading: false,
         //表单是否可操作
         viewEdit: true,
         disabled: true,

 <!--
  * @Description: 房屋多幢受理信息
  * @Autor: ssq
- * @LastEditTime: 2023-09-11 16:28:02
+ * @LastEditTime: 2023-09-12 09:55:25
 -->
 <template>
   <div class="slxx">
@@ -271,6 +271,9 @@
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
+        setTimeout(() => {
+          this.loading = false
+        }, 200)
         if (res.code === 200 && res.result) {
           this.ruleForm = {
             ...res.result,
@@ -281,16 +284,9 @@
               this.czr = item.sqrmc;
             }
           });
-          setTimeout(() => {
-            this.loading = false
-          }, 200)
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null
-            ? (this.ruleForm.slsq.fzfs = "1")
-            : this.ruleForm.slsq.fzfs;
           this.czrOptions = this.ruleForm.qlrList;
         }
-      });
+      })
     },
     components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable },
     computed: {

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 16:28:20
+ * @LastEditTime: 2023-09-12 10:04:14
 -->
 <template>
   <div class="slxx">
@@ -9,6 +9,7 @@
       :model="ruleForm"
       :rules="rules"
       ref="ruleForm"
+      v-Loading="loading"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       label-width="120px">
@@ -417,6 +418,7 @@
   export default {
     mixins: [ywmix],
     mounted () {
+      this.loading = true
       this.viewEdit = this.$parent.currentSelectTab.ableOperation;
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -424,6 +426,9 @@
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.viewEdit);
       Init(formdata).then((res) => {
+        setTimeout(() => {
+          this.loading = false
+        }, 200)
         if (res.code === 200 && res.result) {
           this.ruleForm = {
             ...res.result,
@@ -434,13 +439,11 @@
               this.czr = item.sqrmc;
             }
           });
-          //初始化发证方式，1：小证，2：大正
-          this.ruleForm.slsq.fzfs == null
-            ? (this.ruleForm.slsq.fzfs = "1")
-            : this.ruleForm.slsq.fzfs;
           this.czrOptions = this.ruleForm.qlrList;
         }
-      });
+      }).catch(() => {
+        this.loading = false
+      })
     },
     components: { qlrCommonTable, tdytTable, ywrCommonTable },
     computed: {
@@ -448,6 +451,7 @@
     },
     data () {
       return {
+        loading: false,
         mjdw: "1",
         // 键名转换，方法默认是label和children进行树状渲染
         normalizer (node) {
@@ -602,6 +606,7 @@
             });
           }
         }
+        this.$store.dispatch("user/refreshPage", false);
         saveData(this.ruleForm).then((res) => {
           if (res.code === 200) {
             this.$message({
@@ -615,10 +620,10 @@
               showClose: true,
               message: res.message,
               type: "error",
-            });
+            })
           }
-        });
-      },
+        })
+      }
     },
   };
 </script>

@@ -136,7 +136,7 @@
               label-width="200px">
               <el-radio-group
                 v-model="ruleForm.ygdj.sfczjzhxz"
-                :disabled="!viewEdit || isJfOperation">
+                :disabled="!viewEdit">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
@@ -318,14 +318,14 @@
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
           that.ruleForm = res.result;
-          this.czrOptions = this.ruleForm.qlrList;
-          this.ruleForm.qlrList.forEach((item) => {
+          that.czrOptions = this.ruleForm.qlrList;
+          that.ruleForm.qlrList.forEach((item) => {
             if (item.sfczr == 1) {
-              this.czr = item.sqrmc;
+              that.czr = item.sqrmc;
             }
           });
           setTimeout(() => {
-            this.loading = false
+            that.loading = false
           }, 200)
         }
       })