style:登记信息

@@ -34,7 +34,8 @@
   height: 100%;
   background-color: #ffffff;
   overflow-y: auto;
-  padding-right: 3px;
+  box-sizing: border-box;
+  padding-left: 5px;
   overflow-x: hidden;
 }
 

@@ -33,7 +33,7 @@
           </tr>
         </table>
 
-        <table class="xxTable rollTable" style="margin-left: 2px">
+        <table class="xxTable rollTable">
           <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
             <td>
               {{ item.label }}

@@ -5,30 +5,44 @@
         {{ title }}
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
       <div class="xxTableBox">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
               {{ item.label }}
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
               </div>
@@ -50,8 +64,8 @@
 import { getDiyaqList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 export default {
-  data() {
-   return {
+  data () {
+    return {
       title: "抵押权登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -65,11 +79,11 @@ export default {
       columns: datas.columns().DYAQ,
     };
   },
-  created() {
+  created () {
     this.loadData();
   },
   methods: {
-    loadData() {
+    loadData () {
       getDiyaqList({
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
@@ -86,7 +100,7 @@ export default {
         }
       });
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +108,7 @@ export default {
         this.loadData();
       }
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       for (let item of this.qsztList) {
         if (item.value == code) {

@@ -5,30 +5,43 @@
         {{ title }}
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
       <div class="xxTableBox">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
               {{ item.label }}
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
               </div>
@@ -50,8 +63,8 @@
 import { getDiyiqList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 export default {
-  data() {
-   return {
+  data () {
+    return {
       title: "地役权登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -65,11 +78,11 @@ export default {
       columns: datas.columns().DYIQ,
     };
   },
-  created() {
+  created () {
     this.loadData();
   },
   methods: {
-   loadData() {
+    loadData () {
       getDiyiqList({
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
@@ -86,7 +99,7 @@ export default {
         }
       });
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +107,7 @@ export default {
         this.loadData();
       }
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       for (let item of this.qsztList) {
         if (item.value == code) {

@@ -141,6 +141,7 @@
             display: block;
             height: calc(100vh - 300px);
             overflow-y: scroll;
+            margin-left: 2px;
         }
     }
 }
\ No newline at end of file

@@ -5,30 +5,43 @@
         {{ title }}
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
       <div class="xxTableBox">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
               {{ item.label }}
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
               </div>
@@ -50,8 +63,8 @@
 import { getYgdjList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 export default {
-  data() {
-   return {
+  data () {
+    return {
       title: "预告登记信息",
       qsztList: datas.columns().qsztList,
       checkList: datas.columns().checkList,
@@ -60,16 +73,16 @@ export default {
       //列表数据
       tableData: [],
       //空列值个数
-       emptycolNum: datas.columns().emptycolNum,
+      emptycolNum: datas.columns().emptycolNum,
       //列名称对象
       columns: datas.columns().YGDJ,
     };
   },
-  created() {
+  created () {
     this.loadData();
   },
   methods: {
-   loadData() {
+    loadData () {
       getYgdjList({
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
@@ -86,7 +99,7 @@ export default {
         }
       });
     },
-    checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +107,7 @@ export default {
         this.loadData();
       }
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       for (let item of this.qsztList) {
         if (item.value == code) {

@@ -5,30 +5,43 @@
         {{ title }}
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
       <div class="xxTableBox">
         <table class="xxTable">
-          <tr v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
             <td>
               {{ item.label }}
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
+              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
+                正在办理
+              </div>
+              <span v-if="item.prop == 'qszt'">
+                {{ getQsztName(row[item.prop]) }}
+              </span>
+
+              <span v-else> {{ row[item.prop] }}</span>
+            </td>
+            <td v-for="count in emptycolNum" :key="~count"></td>
+          </tr>
+        </table>
+        <table class="xxTable rollTable">
+          <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
               </div>
@@ -50,7 +63,7 @@
 import { getYydjList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 export default {
-  data() {
+  data () {
     return {
       title: "异议登记信息",
       qsztList: datas.columns().qsztList,
@@ -65,11 +78,11 @@ export default {
       columns: datas.columns().YYDJ,
     };
   },
-  created() {
+  created () {
     this.loadData();
   },
   methods: {
-    loadData() {
+    loadData () {
       getYydjList({
         bdcdyid: this.propsParam.bdcdyid,
         qllx: this.propsParam.qllx,
@@ -86,7 +99,7 @@ export default {
         }
       });
     },
-     checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
@@ -94,7 +107,7 @@ export default {
         this.loadData();
       }
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       for (let item of this.qsztList) {
         if (item.value == code) {