style:查封登记信息

@@ -5,30 +5,44 @@
         {{ title }}
         {{ title }}
         <div class="checkbox">
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
           <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>
           </el-checkbox-group>
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox">
       <div class="xxTableBox">
         <table class="xxTable">
         <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>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </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" style="margin-left: 2px">
+          <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 class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
                 正在办理
               </div>
               </div>
@@ -50,7 +64,7 @@
 import { getCfdjList } from "@/api/registerBook.js";
 import { getCfdjList } from "@/api/registerBook.js";
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
 export default {
 export default {
-  data() {
+  data () {
     return {
     return {
       title: "查封登记信息",
       title: "查封登记信息",
       qsztList: datas.columns().qsztList,
       qsztList: datas.columns().qsztList,
@@ -65,11 +79,11 @@ export default {
       columns: datas.columns().CFDJ,
       columns: datas.columns().CFDJ,
     };
     };
   },
   },
-  created() {
+  created () {
     this.loadData();
     this.loadData();
   },
   },
   methods: {
   methods: {
-    loadData() {
+    loadData () {
       getCfdjList({
       getCfdjList({
         bdcdyid: this.propsParam.bdcdyid,
         bdcdyid: this.propsParam.bdcdyid,
         bsmSldy: this.propsParam.bsmSldy,
         bsmSldy: this.propsParam.bsmSldy,
@@ -78,7 +92,7 @@ export default {
       }).then((res) => {
       }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           this.tableData = res.result;
           this.tableData = res.result;
-           if (this.tableData.length < datas.columns().emptycolNum) {
+          if (this.tableData.length < datas.columns().emptycolNum) {
             this.emptycolNum =
             this.emptycolNum =
               datas.columns().emptycolNum - this.tableData.length;
               datas.columns().emptycolNum - this.tableData.length;
           } else {
           } else {
@@ -87,7 +101,7 @@ export default {
         }
         }
       });
       });
     },
     },
-     checkChange() {
+    checkChange () {
       if (this.checkList.length === 0) {
       if (this.checkList.length === 0) {
         this.tableData = [];
         this.tableData = [];
         this.emptycolNum = datas.columns().emptycolNum;
         this.emptycolNum = datas.columns().emptycolNum;
@@ -95,7 +109,7 @@ export default {
         this.loadData();
         this.loadData();
       }
       }
     },
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       let name = "";
       for (let item of this.qsztList) {
       for (let item of this.qsztList) {
         if (item.value == code) {
         if (item.value == code) {

@@ -2,7 +2,6 @@
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
     background: #fff;
     background: #fff;
-    overflow-y: scroll;
     color: #333;
     color: #333;
 
 
     .tableBox {
     .tableBox {