1

@@ -14,7 +14,7 @@
               <el-input
                 placeholder="请输入编号"
                 v-model="queryForm.cxbh"
-                class="width200px"
+                class="width100"
                 clearable
                 @clear="queryClick()"
               >
@@ -26,7 +26,7 @@
               <el-input
                 placeholder="请输入申请人"
                 v-model="queryForm.sqr"
-                class="width200px"
+                class="width100"
                 @clear="queryClick()"
                 clearable
               >

@@ -16,7 +16,7 @@
                 @clear="queryClick()"
                 v-model="queryForm.cxbh"
                 clearable
-                class="width200px"
+                class="width100"
               >
               </el-input>
             </el-form-item>
@@ -28,7 +28,7 @@
                 @clear="queryClick()"
                 v-model="queryForm.sqr"
                 clearable
-                class="width200px"
+                class="width100"
               >
               </el-input>
             </el-form-item>

@@ -2,23 +2,45 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
+      <el-form
+        :model="queryForm"
+        ref="queryForm"
+        @submit.native.prevent
+        label-width="70px"
+      >
         <el-row>
           <el-col :span="5">
             <el-form-item label="查询编号">
-              <el-input placeholder="请输入编号" @clear="queryClick()" v-model="queryForm.cxbh" class="width200px" clearable>
+              <el-input
+                placeholder="请输入编号"
+                @clear="queryClick()"
+                v-model="queryForm.cxbh"
+                class="width100"
+                clearable
+              >
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="申请人">
-              <el-input placeholder="请输入申请人" @clear="queryClick()" v-model="queryForm.sqr" class="width200px" clearable>
+              <el-input
+                placeholder="请输入申请人"
+                @clear="queryClick()"
+                v-model="queryForm.sqr"
+                class="width100"
+                clearable
+              >
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="14" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
+              <el-button
+                type="primary"
+                native-type="submit"
+                @click="queryClick()"
+                >查询</el-button
+              >
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -27,9 +49,18 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content" id="divcontentid">
-      <lb-table :page-size="pageData.size" border id="sqcxjl" @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
+        :page-size="pageData.size"
+        border
+        id="sqcxjl"
+        @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>
     </div>
   </div>
@@ -41,10 +72,10 @@ import { getJtfcPage } from "@/api/jtfc";
 export default {
   name: "sqcxjl",
   mixins: [table],
-  mounted () {
+  mounted() {
     sendThis(this);
   },
-  data () {
+  data() {
     return {
       queryForm: {
         cxbh: "",
@@ -58,12 +89,12 @@ export default {
     };
   },
   methods: {
-    queryClick () {
+    queryClick() {
       this.fetchData();
     },
     // 初始化数据
-    fetchData () {
-      this.$startLoading('divcontentid');
+    fetchData() {
+      this.$startLoading("divcontentid");
       getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
         this.$endLoading();
         if (res.code === 200) {
@@ -73,23 +104,23 @@ export default {
         }
       });
     },
-    handleSort (name, sort) {
+    handleSort(name, sort) {
       console.log(name, sort);
     },
     // 查看
-    handleViewClick (scope) {
+    handleViewClick(scope) {
       var sqcxBsm = scope.row.bsmSqcx;
       this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
         height: "800px",
         formData: {
           sqcxBsm: sqcxBsm,
         },
-        cancel: function () { }, //取消事件的回调
-        confirm: function () { }
-      })
-    }
-  }
-}
+        cancel: function () {}, //取消事件的回调
+        confirm: function () {},
+      });
+    },
+  },
+};
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";