1

@@ -6,33 +6,58 @@
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="查询编号">
             <el-form-item label="查询编号">
-              <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable>
+              <el-input
+                placeholder="请输入编号"
+                v-model="queryForm.cxbh"
+                clearable
+              >
               </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.sqr" clearable>
+              <el-input
+                placeholder="请输入申请人"
+                v-model="queryForm.sqr"
+                clearable
+              >
               </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-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-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.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>
           <el-col :span="4" class="btnCol">
           <el-col :span="4" class="btnCol">
             <el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="fetchData"
+                >查询</el-button
+              >
               <el-button @click="moreQueryClick()">高级查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
@@ -41,25 +66,32 @@
     </div>
     </div>
     <!-- 表格 -->
     <!-- 表格 -->
     <div class="from-clues-content">
     <div class="from-clues-content">
-      <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
+        :page-size="pageData.size"
+        border
+        :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>
 </template>
 </template>
 <script>
 <script>
-import table from "@/utils/mixin/table"
-import { datas, sendThis } from "./jtfcdata"
-import { getJtfcPage } from '@/api/sqcx'
+import table from "@/utils/mixin/table";
+import { datas, sendThis } from "./jtfcdata";
+import { getJtfcPage } from "@/api/sqcx";
 export default {
 export default {
   name: "jtfc",
   name: "jtfc",
   components: {},
   components: {},
   mixins: [table],
   mixins: [table],
-  mounted () {
+  mounted() {
     sendThis(this);
     sendThis(this);
   },
   },
-  data () {
+  data() {
     return {
     return {
       sqrOption: [],
       sqrOption: [],
       cxytOption: [],
       cxytOption: [],
@@ -89,18 +121,18 @@ export default {
   },
   },
   methods: {
   methods: {
     // 初始化数据
     // 初始化数据
-    fetchData () {
-      getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => {
-        let { records, total } = res.result
+    fetchData() {
+      getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
+        let { records, total } = res.result;
         // this.tableData.data = records
         // this.tableData.data = records
-        this.tableData.total = total
-      })
+        this.tableData.total = total;
+      });
     },
     },
-    handleSort (name, sort) {
+    handleSort(name, sort) {
       console.log(name, sort);
       console.log(name, sort);
-    }
-  }
-}
+    },
+  },
+};
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";