style:申请查询

@@ -37,7 +37,7 @@
 
           <el-col :span="4" class="btnCol">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -47,7 +47,7 @@
     <!-- 表格 -->
     <div class="from-clues-content">
       <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
-        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
@@ -71,16 +71,10 @@ export default {
         djlx: "",
         ywh: "",
       },
-      pageData: {
-        current: 1,
-        size: 10,
-        total: 2,
-      },
-
-      ywlyOption: datas.ywlys(),
       qllxOption: [],
       djlxOption: [],
       tableData: {
+        total: 0,
         columns: datas.columns(),
         data: [
           {

@@ -6,65 +6,35 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="查询编号">
-              <el-input
-              placeholder="请输入编号"
-              v-model="queryForm.cxbh"
-              clearable
-              class="width200px"
-            >
+              <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable class="width200px">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="申请人">
-              <el-select
-                v-model="queryForm.sqr"
-                filterable
-                clearable
-                placeholder="请选择申请人"
-              >
-                <el-option
-                  v-for="item in sqrOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="queryForm.sqr" filterable clearable placeholder="请选择申请人">
+                <el-option v-for="item in sqrOption" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="查询用途">
-              <el-select
-                v-model="queryForm.cxyt"
-                filterable
-                clearable
-                placeholder="请选择用途"
-              >
-                <el-option
-                  v-for="item in cxytOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途">
+                <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <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-form-item>
           </el-col>
           <el-col :span="4" class="btnCol">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -73,9 +43,9 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
-        :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
-        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
+      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
       </lb-table>
     </div>
   </div>
@@ -92,34 +62,27 @@ export default {
   },
   data () {
     return {
-      sqrOption:[],
-      cxytOption:[],
+      sqrOption: [],
+      cxytOption: [],
       queryForm: {
-        cxbh:"",
-        sqr:"",
-        cxyt:"",
-        ywh:"",
+        cxbh: "",
+        sqr: "",
+        cxyt: "",
+        ywh: "",
       },
-      pageData: {
-        current: 1,
-        size: 10,
-        total: 2,
-      },
-
-      ywlys: datas.ywlys(),
-
       tableData: {
+        total: 0,
         columns: datas.columns(),
         data: [
           {
-            cxlx:"家庭房产",
-            cxbh:"20200409146",
-            cxsj:"2016-10-12 10:00:00",
-            slry:"查询窗口",
-            sqr:"张三",
-            yqlrgx:"不动产权利人",
-            qlr:"张三",
-            cxyt:"预告买卖记录||首次登记",
+            cxlx: "家庭房产",
+            cxbh: "20200409146",
+            cxsj: "2016-10-12 10:00:00",
+            slry: "查询窗口",
+            sqr: "张三",
+            yqlrgx: "不动产权利人",
+            qlr: "张三",
+            cxyt: "预告买卖记录||首次登记",
           },
         ],
       },

@@ -6,66 +6,36 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="查询编号">
-              <el-input
-              placeholder="请输入编号"
-              v-model="queryForm.cxbh"
-              clearable
-              class="width200px"
-            >
+              <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable class="width200px">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="申请人">
-              <el-select
-                v-model="queryForm.sqr"
-                filterable
-                clearable
-                placeholder="请选择申请人"
-              >
-                <el-option
-                  v-for="item in sqrOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="queryForm.sqr" filterable clearable placeholder="请选择申请人">
+                <el-option v-for="item in sqrOption" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="查询用途">
-              <el-select
-                v-model="queryForm.cxyt"
-                filterable
-                clearable
-                placeholder="请选择用途"
-              >
-                <el-option
-                  v-for="item in cxytOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途">
+                <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <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-form-item>
           </el-col>
 
           <el-col :span="4" class="btnCol">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -75,7 +45,7 @@
     <!-- 表格 -->
     <div class="from-clues-content">
       <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
-        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
@@ -96,32 +66,28 @@ export default {
   data () {
     return {
       isDialog: false,
-      sqrOption:[],
-      cxytOption:[],
+      sqrOption: [],
+      cxytOption: [],
       queryForm: {
-        cxbh:"",
-        sqr:"",
-        cxyt:"",
-        ywh:"",
-      },
-      pageData: {
-        current: 1,
-        size: 10,
-        total: 2,
+        cxbh: "",
+        sqr: "",
+        cxyt: "",
+        ywh: "",
       },
       tableData: {
+        total: 0,
         columns: datas.columns(),
         data: [
           {
-            cxly:"登记大厅",
-            cxlx:"家庭房产",
-            cxbh:"20200409146",
-            cxsj:"2016-10-12 10:00:00",
-            slry:"查询窗口",
-            sqr:"张三",
-            yqlrgx:"不动产权利人",
-            qlr:"张三",
-            cxyt:"预告买卖记录||首次登记",
+            cxly: "登记大厅",
+            cxlx: "家庭房产",
+            cxbh: "20200409146",
+            cxsj: "2016-10-12 10:00:00",
+            slry: "查询窗口",
+            sqr: "张三",
+            yqlrgx: "不动产权利人",
+            qlr: "张三",
+            cxyt: "预告买卖记录||首次登记",
           }
         ]
       }