登记薄

@@ -6,27 +6,52 @@
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="权利类型">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="queryForm.qllx"
+                filterable
+                clearable
+                placeholder="请选择权利类型"
+              >
+                <el-option
+                  v-for="item in dictData['A8']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
                 </el-option>
               </el-select>
               </el-select>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="不动产单元号">
             <el-form-item label="不动产单元号">
-              <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
+              <el-input
+                placeholder="请输入不动产单元号"
+                v-model="queryForm.bdcdyh"
+                clearable
+                class="width200px"
+              >
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="不动产权证号">
             <el-form-item label="不动产权证号">
-              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
+              <el-input
+                placeholder="请输入不动产权证号"
+                v-model="queryForm.bdcqzh"
+                clearable
+                class="width200px"
+              >
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="业务号">
             <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
+              <el-input
+                placeholder="请输入业务号"
+                v-model="queryForm.ywh"
+                clearable
+                class="width200px"
+              >
               </el-input>
               </el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -42,9 +67,17 @@
     </div>
     </div>
     <!-- 表格 -->
     <!-- 表格 -->
     <div class="from-clues-content">
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
-        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :data="tableData.data">
+      <lb-table
+        :page-size="pageData.size"
+        border
+        @sort-change="handleSort"
+        :current-page.sync="pageData.current"
+        :total="tableData.total"
+        @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange"
+        :column="tableData.columns"
+        :data="tableData.data"
+      >
       </lb-table>
       </lb-table>
     </div>
     </div>
   </div>
   </div>
@@ -58,10 +91,10 @@ import { mapGetters } from "vuex";
 export default {
 export default {
   name: "djbcx",
   name: "djbcx",
   mixins: [table],
   mixins: [table],
-  mounted () {
+  mounted() {
     sendThis(this);
     sendThis(this);
   },
   },
-  data () {
+  data() {
     return {
     return {
       queryForm: {
       queryForm: {
         qllx: "",
         qllx: "",
@@ -74,7 +107,6 @@ export default {
         size: 10,
         size: 10,
         total: 0,
         total: 0,
       },
       },
-      ywlys: datas.ywlys(),
       tableData: {
       tableData: {
         columns: datas.columns(),
         columns: datas.columns(),
         data: [],
         data: [],
@@ -89,42 +121,43 @@ export default {
   },
   },
   methods: {
   methods: {
     // 初始化数据
     // 初始化数据
-    fetchData () {
+    fetchData() {
+      debugger;
       getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
       getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
         if (res.code === 200) {
         if (res.code === 200) {
           let { total, records } = res.result;
           let { total, records } = res.result;
-          this.pageData.total = total;
           this.tableData.data = records;
           this.tableData.data = records;
+          this.tableData.total = total;
         }
         }
       });
       });
     },
     },
-    handleSort (name, sort) {
+    handleSort(name, sort) {
       console.log(name, sort);
       console.log(name, sort);
     },
     },
     // 查询
     // 查询
-    queryClick () {
-      this.pageData.current = 1;
-      this.pageData.currentPage = 1;
+    queryClick() {
+      // this.pageData.current = 1;
+      // this.pageData.currentPage = 1;
       this.fetchData();
       this.fetchData();
     },
     },
     // 高级查询
     // 高级查询
-    moreQueryClick () { },
-    openDialog (scroll) {     
+    moreQueryClick() {},
+    openDialog(scroll) {
       this.$popup({
       this.$popup({
-         titleStyle:"left",
-          title: '登记簿详情', // 弹窗标题
-          editItem: 'registerBook/djbFrame', // 弹窗内容   
+        titleStyle: "left",
+        title: "登记簿详情", // 弹窗标题
+        editItem: "registerBook/djbFrame", // 弹窗内容
         formData: scroll,
         formData: scroll,
-          width:"1220px",
-          height:"790px",
+        width: "1220px",
+        height: "790px",
         // cancelText: '取消摆烂', // 右边按钮文本
         // cancelText: '取消摆烂', // 右边按钮文本
         // confirmText: '确定点击', //左边按钮文本
         // confirmText: '确定点击', //左边按钮文本
         cancel: () => {
         cancel: () => {
-            console.log('取消回调')
+          console.log("取消回调");
         },
         },
         confirm: () => {
         confirm: () => {
-            console.log('确认回调')
-          }        
+          console.log("确认回调");
+        },
       });
       });
     },
     },
   },
   },