style:登记薄详情

renchao@pashanhoo.com
Showing 12 changed files with 107 additions and 97 deletions
src/views/registerBook/cfdj.vue
src/views/registerBook/diyaq.vue
src/views/registerBook/diyiq.vue
src/views/registerBook/djbFrame.vue
src/views/registerBook/fdcq1.vue
src/views/registerBook/fdcq2.vue
src/views/registerBook/jsydsyq.vue
src/views/registerBook/nydsyq.vue
src/views/registerBook/tdsyq.vue
src/views/registerBook/ygdj.vue
src/views/registerBook/yydj.vue
src/views/ywbl/slsqxx/fdcq2/slxxCompareDetai.vue
--- a/src/views/registerBook/cfdj.vue
View file @48007f8
+++ b/src/views/registerBook/cfdj.vue
View file @48007f8
@@ -52,7 +52,14 @@
              </div>
              <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
-              <span v-else>{{ row[item.prop] }}</span>
+              <span v-if="!['djyy','fj'].includes(item.prop)">
+                {{ row[item.prop] }}
+              </span>
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
            </td>
            <td v-for="count in emptycolNum" :key="~count"></td>
          </tr>
--- a/src/views/registerBook/diyaq.vue
View file @48007f8
+++ b/src/views/registerBook/diyaq.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:54:00
+ * @LastEditTime: 2023-08-23 15:54:12
 -->
 <template>
  <div class="djxxTable">
@@ -62,7 +62,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
--- a/src/views/registerBook/diyiq.vue
View file @48007f8
+++ b/src/views/registerBook/diyiq.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:52:10
+ * @LastEditTime: 2023-08-23 15:54:23
 -->
 <template>
  <div class="djxxTable">
@@ -56,7 +56,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
--- a/src/views/registerBook/djbFrame.vue
View file @48007f8
+++ b/src/views/registerBook/djbFrame.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 15:00:12
+ * @LastEditTime: 2023-08-23 15:57:40
 -->
 <template>
  <div class="content">
@@ -14,8 +14,7 @@
        :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
@@ -23,8 +22,7 @@
          ref="sfq"
          v-for="(item, index) in sfqdata"
          :key="index"
-          :name="index"
+          :name="index">
-        >
          <template slot="title">
            <span class="text" @click="addlist(item)">
              <span>
@@ -37,8 +35,7 @@
            :re='item'
            :key="index"
            class="sfqcontent"
-            @click="addlist(item, index)"
+            @click="addlist(item, index)">
-          >
            {{ item.label }}
          </el-button>
        </el-collapse-item>
@@ -48,16 +45,15 @@
      <component
        :is="componentTag"
        @getBdcdyh="getBdcdyh"
-        v-bind="currentSelectProps"
+        v-bind="currentSelectProps" />
-      />
    </div>
  </div>
 </template>
 <script>
-import { getBdcqljqtsx } from "@/api/djbDetail.js";
+  import { getBdcqljqtsx } from "@/api/djbDetail.js";
-import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
+  import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
-export default {
+  export default {
-  data() {
+    data () {
      return {
        activeName: 0,
        //接收参数
@@ -71,8 +67,8 @@ export default {
        //左侧树形结构数据
        treedata: [],
        sfqdata: [],
-      keyy:"",
+        keyy: "",
-      iskey:"",
+        iskey: "",
        defaultNode: "",
        defaultProps: {
          value: "id",
@@ -83,7 +79,7 @@ export default {
      };
    },
    props: ["formData"],
-  mounted() {
+    mounted () {
      this.loadData(this.formData.bdcdyh);
    },
    methods: {
@@ -93,30 +89,30 @@ export default {
      * @author: miaofang
      * 点击不动产单元号事件
      */
-    getBdcdyh(val) {
+      getBdcdyh (val) {
        this.addloadData(val);
      },
      /**
       * @description: addloadData
       * @author: miaofang
       */
-    addloadData(val) {
+      addloadData (val) {
        getBdcqljqtsx({
          bdcdyid: val.bdcdyid,
          bdcdyh: val.bdcdyh,
        }).then((res) => {
          if (res.code === 200) {
            if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
-          let index= this.sfqdata.findIndex((item) => {
+              let index = this.sfqdata.findIndex((item) => {
-              return item.bdcdyid ==val.bdcdyid;
+                return item.bdcdyid == val.bdcdyid;
              });
-            this.activeName=index
+              this.activeName = index
-            this.setstyle(index,0,this.iskey);
+              this.setstyle(index, 0, this.iskey);
            } else {
              this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
              this.activeName = this.sfqdata.length - 1;
              this.$nextTick(() => {
-              this.setstyle(this.sfqdata.length - 1,0,this.iskey);
+                this.setstyle(this.sfqdata.length - 1, 0, this.iskey);
              })
            }
          }
@@ -132,7 +128,7 @@ export default {
   * @description: loadData
   * @author: renchao
   */
-    loadData(val) {
+      loadData (val) {
        getBdcqljqtsx({
          bdcdyid: this.formData.bdcdyid,
          bdcdyh: val,
@@ -148,15 +144,15 @@ export default {
                { linShi: 0, xianShi: 0, liShi: 0 },
                this.formData.bdcdylx || ""
              );
-            this.sfqdata[0].children.forEach((item,index) => {
+              this.sfqdata[0].children.forEach((item, index) => {
-              if( item.id==this.defaultNode.id){
+                if (item.id == this.defaultNode.id) {
-              this.iskey=index
+                  this.iskey = index
                }
              })
              // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
              // this.loadComponent(this.defaultNode.form);
-              this.setstyle(0,0,this.iskey);
+              this.setstyle(0, 0, this.iskey);
            });
@@ -174,7 +170,7 @@ export default {
       * @param {*} data
       * @author: renchao
       */
-    handleNodeClick(data) {
+      handleNodeClick (data) {
        this.loadComponent(data.form);
      },
      /**
@@ -183,17 +179,17 @@ export default {
   * @author: renchao
   * 设置样式和点击定位到当前功能
   */
-    setstyle(newindex,index,key) {
+      setstyle (newindex, index, key) {
-      if(key!=undefined||this.keyy==index){
+        if (key != undefined || this.keyy == index) {
-        if(key!=undefined){
+          if (key != undefined) {
-          this.keyy=key
+            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{
+        } else {
          let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
          dpme.style.backgroundColor = "#ffffff";
          dpme.style.color = "black";
@@ -210,19 +206,19 @@ export default {
    * @author: renchao
    * 新增列表功能
    */
-    addlist(data, index) {
+      addlist (data, index) {
-      if(index!=undefined){
+        if (index != undefined) {
-       let newindex= this.sfqdata.findIndex((item) => {
+          let newindex = this.sfqdata.findIndex((item) => {
-              return item.bdcdyid ==data.bdcdyid;
+            return item.bdcdyid == data.bdcdyid;
          });
-      this.setstyle(newindex,index);
+          this.setstyle(newindex, index);
          this.currentSelectProps.bdcdyid = data.bdcdyid;
          this.loadComponent(data.form);
-      }else{
+        } else {
-       let newindex= this.sfqdata.findIndex((item) => {
+          let newindex = this.sfqdata.findIndex((item) => {
-              return item.bdcdyid ==data.bdcdyid;
+            return item.bdcdyid == data.bdcdyid;
          });
-      this.setstyle(newindex,index,this.iskey);
+          this.setstyle(newindex, index, this.iskey);
          this.currentSelectProps.bdcdyid = data.bdcdyid;
        }
@@ -232,19 +228,20 @@ export default {
       * @param {*} form
       * @author: renchao
       */
-    loadComponent(form) {
+      loadComponent (form) {
+        console.log(form, 'form');
        this.componentTag = (r) =>
          require.ensure([], () => r(require("@/views/registerBook/" + form)));
      },
    },
-};
+  };
 </script>
 <style scoped lang="scss">
-/deep/.rollTable {
+  /deep/.rollTable {
    height: calc(100vh - 300px) !important;
-}
+  }
-.content {
+  .content {
    width: 100%;
    height: 100%;
    display: flex;
@@ -266,35 +263,35 @@ export default {
      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 {
+  /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/ .is-current > .el-tree-node__content {
+  /deep/ .is-current > .el-tree-node__content {
    // background-color: #f5f5f5;
    // color: #0079fe;
    // border-right: 4px solid #0079fe;
-}
+  }
-/deep/.el-collapse-item__header {
+  /deep/.el-collapse-item__header {
    width: 100%;
    cursor: pointer;
    position: relative;
@@ -319,11 +316,11 @@ export default {
    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/.sfqcontent {
+  /deep/.sfqcontent {
    white-space: wrap;
    border: none;
    padding: 0;
@@ -342,14 +339,14 @@ export default {
    height: 45px;
    border: 1px solid rgb(228, 228, 228);
    border-right: 4px solid #f5f5f5;
-}
+  }
-.sfqcontent:hover {
+  .sfqcontent:hover {
    background-color: #f5f5f5;
    color: black;
-}
+  }
-.sfqcontent:focus {
+  .sfqcontent:focus {
    background-color: #f5f5f5;
    color: #0079fe;
    border-right: 4px solid #0079fe;
-}
+  }
 </style>
--- a/src/views/registerBook/fdcq1.vue
View file @48007f8
+++ b/src/views/registerBook/fdcq1.vue
View file @48007f8
@@ -46,7 +46,13 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop !== 'qszt' && !judge(item.label)"> {{ row[item.prop] }}</span>
+              <el-tooltip v-if="['djyy','fj'].includes(item.prop)" effect="dark" :content="row[item.prop]" placement="top">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
+              <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> {{ row[item.prop] }}</span>
              <div class="many" v-if="judge(item.label)">
                <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
                  {{ label[item.prop] }}
@@ -147,10 +153,10 @@
       * @param {*} lable
       * @author: renchao
       */
-      judge(label){
+      judge (label) {
        if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) {
          return true
-        }else{
+        } else {
          return false
        }
      },
@@ -187,20 +193,20 @@
 <style lang="scss" scoped>
  @import "./qlxxCommon.scss";
-  .cols{
+  .cols {
-    td{
+    td {
-      .many{
+      .many {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
-        div{
+        div {
          flex: 1;
          border-right: 2px solid #e3e2e2;
          line-height: 40px;
          overflow: unset;
        }
-        div:last-child{
+        div:last-child {
          border: 0;
        }
      }
--- a/src/views/registerBook/fdcq2.vue
View file @48007f8
+++ b/src/views/registerBook/fdcq2.vue
View file @48007f8
@@ -62,7 +62,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
@@ -70,6 +70,7 @@
                  {{ row[item.prop] }}
                </span>
              </el-tooltip>
            </td>
            <td v-for="count in emptycolNum" :key="~count"></td>
          </tr>
--- a/src/views/registerBook/jsydsyq.vue
View file @48007f8
+++ b/src/views/registerBook/jsydsyq.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-07-19 15:01:40
+ * @LastEditTime: 2023-08-23 15:54:45
 -->
 <template>
  <div class="djxxTable">
@@ -51,7 +51,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
--- a/src/views/registerBook/nydsyq.vue
View file @48007f8
+++ b/src/views/registerBook/nydsyq.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-07-19 15:03:14
+ * @LastEditTime: 2023-08-23 15:54:51
 -->
 <template>
  <div class="djxxTable">
@@ -96,7 +96,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
@@ -104,7 +104,6 @@
                  {{ row[item.prop] }}
                </span>
              </el-tooltip>
            </td>
            <td v-for="count in emptycolNum" :key="~count"></td>
          </tr>
--- a/src/views/registerBook/tdsyq.vue
View file @48007f8
+++ b/src/views/registerBook/tdsyq.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:53:21
+ * @LastEditTime: 2023-08-23 15:54:56
 -->
 <template>
  <div class="djxxTable">
@@ -51,7 +51,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
--- a/src/views/registerBook/ygdj.vue
View file @48007f8
+++ b/src/views/registerBook/ygdj.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:53:33
+ * @LastEditTime: 2023-08-23 15:55:02
 -->
 <template>
  <div class="djxxTable">
@@ -50,7 +50,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
--- a/src/views/registerBook/yydj.vue
View file @48007f8
+++ b/src/views/registerBook/yydj.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:53:41
+ * @LastEditTime: 2023-08-23 15:55:15
 -->
 <template>
  <div class="djxxTable">
@@ -50,7 +50,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">
--- a/src/views/ywbl/slsqxx/fdcq2/slxxCompareDetai.vue
View file @48007f8
+++ b/src/views/ywbl/slsqxx/fdcq2/slxxCompareDetai.vue
View file @48007f8
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-16 08:53:48
+ * @LastEditTime: 2023-08-23 15:56:52
 -->
 <template>
  <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
@@ -50,7 +50,7 @@
                {{ getQsztName(row[item.prop]) }}
              </span>
-              <span v-if="item.prop != 'djyy'">
+              <span v-if="!['djyy','fj'].includes(item.prop)">
                {{ row[item.prop] }}
              </span>
              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top">