恢复代码

“miaofang
Showing 1 changed file with 145 additions and 133 deletions
src/views/registerBook/djbFrameall.vue
--- a/src/views/registerBook/djbFrameall.vue
View file @dcda767
+++ b/src/views/registerBook/djbFrameall.vue
View file @dcda767
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2024-01-31 09:52:39
+ * @LastEditTime: 2023-07-19 09:52:59
 -->
 <template>
  <div class="content loadingtext">
@@ -14,7 +14,8 @@
        :default-expand-all="true"
        :expand-on-click-node="false"
        node-key="id"
-        :default-checked-keys="[showTab]">
+        :default-checked-keys="[showTab]"
+      >
      </el-tree>
      <el-collapse v-model="activeName" accordion>
        <el-collapse-item
@@ -22,7 +23,8 @@
          ref="sfq"
          v-for="(item, index) in sfqdata"
          :key="index"
-          :name="index">
+          :name="index"
+        >
          <template slot="title">
            <span class="text" @click="tap(item)">
              <span>
@@ -35,7 +37,8 @@
            :re="item"
            :key="index"
            :class="[isActive == index ? activeCls : '', errorCls]"
-            @click="taplist(item, index)">
+            @click="taplist(item, index)"
+          >
            <span>
              {{ item.label }}
            </span>
@@ -50,15 +53,16 @@
      <component
        :is="componentTag"
        @getBdcdyh="getBdcdyh"
-        v-bind="currentSelectProps" />
+        v-bind="currentSelectProps"
+      />
    </div>
  </div>
 </template>
 <script>
-  import { getBdcqljqtsx, getBdcqljqtsxBdcdyh } from "@/api/djbDetail.js";
+import { getBdcqljqtsx, getBdcqljqtsxBdcdyh } from "@/api/djbDetail.js";
        import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
-  export default {
+export default {
-    data () {
+  data() {
    return {
      //接收参数
      // propsParam: this.$attrs,
@@ -89,124 +93,85 @@
      showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
    };
  },
-    /**
+  mounted() {
-     * @description: loadData
+    this.loadData(this.getCaption(window.location.href));
-     * @author: renchao
-     */
-    loadData(val) {
-      getBdcqljqtsxBdcdyh({
-        bdcdyh: val,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.treedata = loadTreeData(val);
-          this.sfqdata.push(loadsfqData(res.result, val, res.result.bdcdyid));
-          this.$nextTick(function () {
-            this.defaultNode = getNode(
-              res.result.ztqllx,
-              { linShi: 0, xianShi: 0, liShi: 0 },
-              res.result.bdcdylx || ""
-            );
-            this.sfqdata[0].children.forEach((item, index) => {
-              if (item.id == this.defaultNode.id) {
-                this.loadComponent(item.form);
-                this.isActive = index;
-              }
-            });
-            this.currentSelectProps = {
-              bdcdyid: res.result.bdcdyid,
-              bdcdyh: val,
-              qllx: res.result.qllx,
-              bsmQlxx: this.currentSelectProps.bsmQlxx,
-            };
-            // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
-            // this.loadComponent(this.defaultNode.form);
-            // this.setstyle(0, 0, this.iskey);
-          });
-        }
-      });
  },
-    /*
+  methods: {
-          点击登记簿菜单
+    // 截取字符的方法
-         */
    /**
-     * @description: 点击登记簿菜单
+     * @description: 截取字符的方法
-     * @param {*} data
+     * @param {*} obj
     * @author: renchao
     */
-    handleNodeClick(data) {
+    getCaption(obj) {
-      this.loadComponent(data.form);
+      let index = obj.lastIndexOf("=");
+      obj = obj.substring(index + 1, obj.length);
+      return obj;
    },
+    // 通过不动产业务号获取参数
    /**
-     * @description: setstyle
+     * @description: 通过不动产业务号获取参数
-     * @param {*} data
     * @author: renchao
-     * 设置样式和点击定位到当前功能
     */
-    // setstyle (newindex, index, key) {
+    // getdata () {
-    //   if (key != undefined || this.keyy == index) {
+    //   this.queryForm = {
-    //     if (key != undefined) {
+    //     bdcdyh: this.getCaption(window.location.href),
-    //       this.keyy = key
+    //     currentPage: 1,
+    //     djlx: "",
+    //     pageSize: 10,
+    //     qllx: "",
+    //     ywh: "",
+    //     ywly: "",
+    //   };
+    //   if (this.queryForm) {
+    //     this.$startLoading();
+    //     searchTaskToDo({
+    //       ...this.queryForm,
+    //     }).then((res) => {
+    //       if (res.code === 200) {
+    //         let { records } = res.result;
+    //         this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
+    //         this.$endLoading();
    //       }
-    //     this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
+    //     });
-    //     let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
-    //     dpme.style.backgroundColor = "#f5f5f5";
-    //     dpme.style.color = "#0079fe";
-    //     dpme.style.borderRight = "4px solid #0079fe";
-    //   } else {
-    //     let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
-    //     dpme.style.backgroundColor = "#ffffff";
-    //     dpme.style.color = "black";
-    //     dpme.style.border = "none";
    //   }
    // },
+    // 获取不动产信息
    /**
-     * @description: tap
+     * @description: 获取不动产信息
-     * @param {*} data
+     * @param {*} a
-     * @author: renchao
+     * @param {*} b
-     * 新增列表功能
-     */
-    tap(data, index) {
-      this.loadComponent(data.form);
-       this.currentSelectProps.bdcdyid=data.bdcdyid
-       this.currentSelectProps.bdcdyh=data.bdcdyh
-    },
-    /**
-     * @description: taplist
-     * @param {*} data
-     * @author: renchao
-     * 新增列表功能
-     */
-    taplist(data, index) {
-      this.loadComponent(data.form);
-      this.isActive = index;
-    },
-    methods: {
-      // 截取字符的方法
-      /**
-       * @description: 截取字符的方法
-       * @param {*} obj
     * @author: renchao
     */
-      getCaption (obj) {
+    // loadBdcdylist (a, b) {
-        let index = obj.lastIndexOf("=");
+    //   var formdata = new FormData();
-        obj = obj.substring(index + 1, obj.length);
+    //   formdata.append("bsmSlsq", a);
-        return obj;
+    //   formdata.append("bestepid", b);
-      },
+    //   leftMenu(formdata).then((res) => {
+    //     if (res.code === 200) {
+    //       if (res.result) {
+    //         this.currentSelectProps = res.result[0];
+    //         this.loadData(this.currentSelectProps.bdcdyh);
+    //       }
+    //     }
+    //   });
+    // },
    /**
     * @description: getBdcdyh
     * @author: miaofang
     * 点击不动产单元号事件
     */
-      getBdcdyh (val) {
+    getBdcdyh(val) {
      this.addloadData(val);
    },
    /**
     * @description: addloadData
     * @author: miaofang
     */
-      addloadData (val) {
+    addloadData(val) {
      getBdcqljqtsx({
        bdcdyid: val.bdcdyid,
        bdcdyh: val.bdcdyh,
@@ -234,7 +199,7 @@
     * @description: loadData
     * @author: renchao
     */
-      loadData (val) {
+    loadData(val) {
      getBdcqljqtsxBdcdyh({
        bdcdyh: val,
      }).then((res) => {
@@ -259,20 +224,59 @@
              qllx: res.result.qllx,
              bsmQlxx: this.currentSelectProps.bsmQlxx,
            };
-            })
+            // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
+            // this.loadComponent(this.defaultNode.form);
+            // this.setstyle(0, 0, this.iskey);
+          });
        }
-        })
+      });
    },
+    /*
+          点击登记簿菜单
+         */
    /**
     * @description: 点击登记簿菜单
     * @param {*} data
     * @author: renchao
     */
-      handleNodeClick (data) {
+    handleNodeClick(data) {
      this.loadComponent(data.form);
    },
-      tap (data, index) {
+    /**
+     * @description: setstyle
+     * @param {*} data
+     * @author: renchao
+     * 设置样式和点击定位到当前功能
+     */
+    // setstyle (newindex, index, key) {
+    //   if (key != undefined || this.keyy == index) {
+    //     if (key != undefined) {
+    //       this.keyy = key
+    //     }
+    //     this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
+    //     let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
+    //     dpme.style.backgroundColor = "#f5f5f5";
+    //     dpme.style.color = "#0079fe";
+    //     dpme.style.borderRight = "4px solid #0079fe";
+    //   } else {
+    //     let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
+    //     dpme.style.backgroundColor = "#ffffff";
+    //     dpme.style.color = "black";
+    //     dpme.style.border = "none";
+    //   }
+    // },
+    /**
+     * @description: tap
+     * @param {*} data
+     * @author: renchao
+     * 新增列表功能
+     */
+    tap(data, index) {
      this.loadComponent(data.form);
+       this.currentSelectProps.bdcdyid=data.bdcdyid
+       this.currentSelectProps.bdcdyh=data.bdcdyh
    },
    /**
     * @description: taplist
@@ -280,7 +284,7 @@
     * @author: renchao
     * 新增列表功能
     */
-      taplist (data, index) {
+    taplist(data, index) {
      this.loadComponent(data.form);
      this.isActive = index;
    },
@@ -289,19 +293,19 @@
     * @param {*} form
     * @author: renchao
     */
-      loadComponent (form) {
+    loadComponent(form) {
      this.componentTag = (r) =>
        require.ensure([], () => r(require("@/views/registerBook/" + form)));
-      }
+    },
-    }
+  },
-  }
+};
 </script>
 <style scoped lang="scss">
-  /deep/.rollTable {
+/deep/.rollTable {
  height: calc(120vh - 254px) !important;
-  }
+}
-  .content {
+.content {
  width: 100%;
  height: 100%;
  display: flex;
@@ -322,23 +326,34 @@
    background-color: #f5f5f5;
    border: 1px solid rgb(228, 228, 228);
  }
-  }
+}
-  /deep/ .expanded.el-tree-node__expand-icon,
+/deep/ .expanded.el-tree-node__expand-icon,
-  /deep/ .el-tree-node__expand-icon {
+/deep/ .el-tree-node__expand-icon {
  visibility: hidden;
-  }
+}
-  /deep/ .el-tree-node__content {
+/deep/ .el-tree-node__content {
  border: 1px solid rgb(228, 228, 228);
  height: 45px;
-  }
+}
+/deep/ .el-tree-node:focus > .el-tree-node__content {
+  // background-color: #f5f5f5;
+  // color: #0079fe;
+  // border-right: 4px solid #0079fe;
+}
-  /deep/.el-tree-node {
+/deep/.el-tree-node {
  white-space: pre-wrap;
-  }
+}
-  /deep/.el-collapse-item__header {
+/deep/ .is-current > .el-tree-node__content {
+  // background-color: #f5f5f5;
+  // color: #0079fe;
+  // border-right: 4px solid #0079fe;
+}
+/deep/.el-collapse-item__header {
  width: 100%;
  cursor: pointer;
  position: relative;
@@ -358,19 +373,16 @@
      display: inline-block;
      line-height: 15px;
    }
-      height: 45px;
-      border: 1px solid rgb(228, 228, 228);
-      border-right: 4px solid #f5f5f5;
  }
  height: 45px;
  display: inline-block;
  line-height: 45px;
  border: 1px solid rgb(228, 228, 228);
-  }
+}
-  /deep/.el-collapse-item__content {
+/deep/.el-collapse-item__content {
  padding-bottom: 5px;
-  }
+}
-  /deep/.unselected {
+/deep/.unselected {
  // white-space: wrap;
  border: none;
  cursor: pointer;
@@ -387,9 +399,9 @@
    justify-content: center;
    align-items: center;
  }
-  }
+}
-  .select {
+.select {
  border: none;
  cursor: pointer;
  width: 250px;
@@ -406,5 +418,5 @@
    justify-content: center;
    align-items: center;
  }
-  }
+}
 </style>