--no commit message

@@ -117,7 +117,6 @@
        * @author: renchao
        */
       loadBdcdylist () {
-        console.log("获取currentSelectProps表单并加载");
         var formdata = new FormData();
         if (this.bsmSlsq) {
           formdata.append("bsmSlsq", this.bsmSlsq);
@@ -139,7 +138,6 @@
        * @author: renchao
        */
       getleftMenubl (row) {
-        console.log("获取右侧菜单传参",row);
 
         leftMenubl(this.bsmSlsq).then((res) => {
           this.supplementarylist = res.result;
@@ -156,7 +154,6 @@
             this.unitClick(0)
              this.activeIndex = "0"
           } else {
-             console.log("左侧列表为空");
             this.loadBdcdylist()
             // this.$emit("getCurrentSelectProps", this.currentSelectProps);
           }
@@ -186,7 +183,6 @@
        * @author: renchao
        */
       unitClick (index) {
-        console.log("index数据的下标",index);
         this.currentSelectProps = this.supplementarylist[index];
         this.$emit("getCurrentSelectProps", this.currentSelectProps);
       },

@@ -42,7 +42,7 @@
           </el-col>
         </el-row>
         <div class="slxx_title title-block">
-          查封不动产情况
+          查封登记不动产情况
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">

@@ -46,7 +46,7 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item
-              label="抵押不动产信息："
+              label="地役权不动产信息："
               prop="ztQlxx.bdcqzh"
               :rules="rules.ztQlxxrules"
             >

@@ -555,7 +555,6 @@
        * @author: renchao
        */
       djlxchange (val) {
-        console.log("val", val);
         if (val == null || val == 100) {
           this.ssqlxxshow = false;
         } else {

@@ -42,7 +42,7 @@
           建设用地、宅基地使用权信息
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">
+        <el-row :gutter="24">
          <el-col :span="8" v-if="ssqlxxshow">
             <el-form-item label="上手权利信息：">
               <select-table
@@ -69,6 +69,8 @@
               </select-table>
             </el-form-item>
           </el-col>
+        </el-row>
+         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
@@ -416,7 +418,6 @@ export default {
      * @author: renchao
      */
        djlxchange(val) {
-      console.log("val",val);
       if (val == null || val == 100) {
         this.ssqlxxshow = false;
       } else {

@@ -42,12 +42,12 @@
           </el-col>
         </el-row>
           <div class="slxx_title title-block">
-          抵押不动产情况
+         预告抵押登记信息不动产情况
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
-          <el-col :span="8">
-            <el-form-item label="抵押不动产信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
+          <el-col :span="8" v-if="ztQlxxList">
+            <el-form-item label="抵押不动产信息：" prop="ztQlxx" :rules="rules.ztQlxxrules">
               <select-table
                 v-model="ruleForm.ztQlxx"
                 :table-width="550"
@@ -588,7 +588,6 @@ export default {
      * @author: renchao
      */
        djlxchange(val) {
-      console.log("val",val);
       if (val == null || val == 100) {
         this.ssqlxxshow = false;
       } else {

@@ -42,7 +42,7 @@
           </el-col>
         </el-row>
         <div class="slxx_title title-block">
-          预告登记信息
+         预告买卖登记信息不动产情况
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
@@ -495,7 +495,6 @@ export default {
      * @author: renchao
      */
        djlxchange(val) {
-      console.log("val",val);
       if (val == null || val == 100) {
         this.ssqlxxshow = false;
       } else {

@@ -49,7 +49,11 @@
             当前流程所在环节:
             <span>{{ this.zbhj }}</span>
           </div>
-          <el-tabs v-model="tabName" :before-leave="beforeLeave">
+          <el-tabs
+            v-model="tabName"
+            :before-leave="beforeLeave"
+            @tab-click="handleClick"
+          >
             <el-tab-pane
               :label="item.name"
               :name="item.value"
@@ -151,7 +155,6 @@ export default {
         getStepFormInfo(this.oneSelectProps).then((res) => {
           this.$nextTick(function () {
             this.tabList = res.result;
-            console.log("加载的右侧界面组件名称",this.tabList);
             this.tabName = this.tabList[0].value;
             this.ableOperation = this.tabList[0].ableOperation;
             this.getFromRouter(this.tabName);
@@ -177,7 +180,6 @@ export default {
      * @author: renchao
      */
     getCurrentSelectProps(val) {
-      console.log("渲染右侧选项卡");
       this.bsmRepair = val.bsmRepair;
       if (val.bdcdyid) {
         this.oneSelectProps = val;
@@ -226,12 +228,28 @@ export default {
         }
       });
     },
+        //选项卡切换事件
+    /**
+     * @description: 右侧表单选项卡事件
+     * @param {*} handleClick
+     * @author: renchao
+     */
+       handleClick(a) {
+      let p = Object.keys(this.tabList[0]).filter(
+        (item) => item == "ableOperation"
+      );
+      if (p) {
+        this.ableOperation = this.tabList[a.index].ableOperation;
+      }
+
+    },
     //右侧表单选项卡事件
     /**
      * @description: 右侧表单选项卡事件
      * @param {*} activeName
      * @author: renchao
      */
+
     beforeLeave(activeName) {
       if (activeName && activeName != 0) this.getFromRouter(activeName);
     },
@@ -259,7 +277,6 @@ export default {
      * @author: renchao
      */
     addRepairRecord(row, del) {
-      console.log("row",row,del);
       let from = {
         bsmQlxx: "",
         bsmSlsq: this.bsmSlsq,

@@ -12,7 +12,8 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in leftButtonList"
-          :key="index">
+          :key="index"
+        >
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -21,7 +22,8 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in rightButtonList"
-          :key="index">
+          :key="index"
+        >
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -43,18 +45,24 @@
         </div>
         <!-- 表单内容区域 -->
         <div class="rightContainer">
-          <el-tabs v-model="tabName" :before-leave="beforeLeave">
+          <el-tabs
+            v-model="tabName"
+            :before-leave="beforeLeave"
+            @tab-click="handleClick"
+          >
             <el-tab-pane
               :label="item.name"
               :name="item.value"
               v-for="item in tabList"
-              :key="item.value">
+              :key="item.value"
+            >
             </el-tab-pane>
           </el-tabs>
           <component
             :key="fresh"
             :is="componentTag"
-            v-bind="currentSelectProps" />
+            v-bind="currentSelectProps"
+          />
         </div>
       </div>
     </div>
@@ -63,26 +71,26 @@
   </div>
 </template>
 <style scoped lang="scss">
-  @import "~@/styles/mixin.scss";
-  @import "./workFrame.scss";
+@import "~@/styles/mixin.scss";
+@import "./workFrame.scss";
 </style>
 <script>
-  import WorkFlow from "./mixin/index";
-  import { getForm } from "./flowform";
-  import { getBlYbxStepFormInfo } from "@/api/workFlow.js";
-  import NoticeBar from "@/components/NoticeBar/index";
-  // import ProcessViewer from "./components/processViewer.vue";
-  // 引入左侧菜单
-  import { leftMenubl } from "@/api/djbRepair.js";
-  import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
-  import qllxDailog from "./djbBook/components/qllxDailog";
-  import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
-  import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
-  // 登记簿数据信息
-  import { addRepairRecord } from "@/api/djbRepair.js";
+import WorkFlow from "./mixin/index";
+import { getForm } from "./flowform";
+import { getBlYbxStepFormInfo } from "@/api/workFlow.js";
+import NoticeBar from "@/components/NoticeBar/index";
+// import ProcessViewer from "./components/processViewer.vue";
+// 引入左侧菜单
+import { leftMenubl } from "@/api/djbRepair.js";
+import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
+import qllxDailog from "./djbBook/components/qllxDailog";
+import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
+import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
+// 登记簿数据信息
+import { addRepairRecord } from "@/api/djbRepair.js";
 
-  import { getBdcqljqtsx } from "@/api/djbDetail.js";
-  export default {
+import { getBdcqljqtsx } from "@/api/djbDetail.js";
+export default {
   components: {
     selectBdc,
     NoticeBar,
@@ -90,7 +98,7 @@
     qllxDailog,
   },
   mixins: [WorkFlow],
-    data () {
+  data() {
     return {
       bsmSlsq: this.$route.query.bsmSlsq,
       bestepid: this.$route.query.bestepid,
@@ -117,10 +125,10 @@
       bsmRepair: "",
       tabdata: [],
       defaultNode: {},
-        ableOperation: false
+      ableOperation: false,
     };
   },
-    mounted () {
+  mounted() {
     // this.getleftMenubl()
   },
 
@@ -130,16 +138,15 @@
      * @param {*} qllx
      * @author: renchao
      */
-      stepForm (qllx) {
+    stepForm(qllx) {
       this.oneSelectProps.qllx = qllx;
       if (this.$refs.Menu.supplementarylist.length) {
-          this.oneSelectProps.type = this.type
+        this.oneSelectProps.type = this.type;
         getBlYbxStepFormInfo(this.oneSelectProps).then((res) => {
           this.$nextTick(function () {
             this.tabList = res.result;
             this.tabName = this.tabList[0].value;
-              console.log("是否只读", this.tabList[0].ableOperation);
-              this.ableOperation = this.tabList[0].ableOperation
+            this.ableOperation = this.tabList[0].ableOperation;
             this.getFromRouter(this.tabName);
           });
         });
@@ -151,8 +158,8 @@
      * @param {*} val
      * @author: renchao
      */
-      getCurrentSelectProps (val) {
-        this.bsmRepair = val.bsmRepair
+    getCurrentSelectProps(val) {
+      this.bsmRepair = val.bsmRepair;
       if (val.bdcdyid) {
         this.oneSelectProps = val;
       }
@@ -172,7 +179,7 @@
      * @description: 获取渲染登记簿列表
      * @author: renchao
      */
-      getdjblist () {
+    getdjblist() {
       getBdcqljqtsx({
         bdcdyid: this.currentSelectProps.bdcdyid,
         bdcdyh: this.currentSelectProps.bdcdyh,
@@ -200,13 +207,27 @@
         }
       });
     },
+    //选项卡切换事件
+    /**
+     * @description: 右侧表单选项卡事件
+     * @param {*} handleClick
+     * @author: renchao
+     */
+    handleClick(a) {
+      let p = Object.keys(this.tabList[0]).filter(
+        (item) => item == "ableOperation"
+      );
+      if (p) {
+        this.ableOperation = this.tabList[a.index].ableOperation;
+      }
+    },
     //右侧表单选项卡事件
     /**
      * @description: 右侧表单选项卡事件
      * @param {*} activeName
      * @author: renchao
      */
-      beforeLeave (activeName) {
+    beforeLeave(activeName) {
       if (activeName && activeName != 0) this.getFromRouter(activeName);
     },
     //切换选项卡内容组件
@@ -215,14 +236,14 @@
      * @param {*} tabname
      * @author: renchao
      */
-      getFromRouter (tabname) {
+    getFromRouter(tabname) {
       this.componentTag = getForm(tabname);
     },
     /**
      * @description: closefp
      * @author: renchao
      */
-      closefp () {
+    closefp() {
       this.splitScreen = this.splitScreen ? false : true;
       this.$store.dispatch("app/set1tScreen", this.splitScreen);
       this.getFromRouter(this.tabList[0].value);
@@ -235,7 +256,7 @@
      * @param {*} del
      * @author: renchao
      */
-      addRepairRecord (row, del) {
+    addRepairRecord(row, del) {
       let from = {
         bsmQlxx: "",
         bsmSlsq: this.bsmSlsq,
@@ -275,6 +296,6 @@
         });
     },
   },
-  };
+};
 </script>
 <style scoped lang="scss"></style>

@@ -39,7 +39,7 @@
             当前流程所在环节:
             <span>{{ this.zbhj }}</span>
           </div>
-          <el-tabs v-model="tabName" :before-leave="beforeLeave">
+          <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick">
             <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
             </el-tab-pane>
           </el-tabs>
@@ -203,7 +203,21 @@
         }
 
         this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
+      },
+         //选项卡切换事件
+    /**
+     * @description: 右侧表单选项卡事件
+     * @param {*} handleClick
+     * @author: renchao
+     */
+    handleClick(a) {
+      let p = Object.keys(this.tabList[0]).filter(
+        (item) => item == "ableOperation"
+      );
+      if (p) {
+        this.ableOperation = this.tabList[a.index].ableOperation;
       }
+    },
     }
   }
 </script>

@@ -36,7 +36,7 @@
         </div>
         <!-- 表单内容区域 -->
         <div class="rightContainer">
-          <el-tabs v-model="tabName" :before-leave="beforeLeave">
+          <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick">
             <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
             </el-tab-pane>
           </el-tabs>
@@ -148,6 +148,20 @@
           }
         })
       },
+         //选项卡切换事件
+    /**
+     * @description: 右侧表单选项卡事件
+     * @param {*} handleClick
+     * @author: renchao
+     */
+    handleClick(a) {
+      let p = Object.keys(this.tabList[0]).filter(
+        (item) => item == "ableOperation"
+      );
+      if (p) {
+        this.ableOperation = this.tabList[a.index].ableOperation;
+      }
+    },
     }
   }
 </script>