feat；申请业务规则

@@ -5,4 +5,4 @@ NODE_ENV=development
 VUE_APP_BASE_API = '/dev-api'
 
 # 开发环境
-VUE_APP_API_BASE_URL = 'http://192.168.2.38:18010'
+VUE_APP_API_BASE_URL = 'http://192.168.2.88:8009'

@@ -6,8 +6,8 @@ import request from '@/utils/request'
 export function getSysSqdjywBysearch (data) {
     return request({
         url: '/system/sysSqdjyw/getSysSqdjywBysearch',
-        method: 'get',
-        params: data
+        method: 'post',
+        data
     })
 }
 

@@ -14,6 +14,16 @@
         border: 1px solid #e8edf3;
     }
 
+    &-header {
+        .el-select {
+            width: 200px;
+        }
+
+        .el-input {
+            width: 200px;
+        }
+    }
+
     &-content {
         width: 100%;
         padding: 10px;
@@ -33,11 +43,12 @@
         }
     }
 
-    .el-form-item--small.el-form-item{
+    .el-form-item--small.el-form-item {
         margin-bottom: 15px;
 
     }
 }
+
 //*****end*通用表单查询条件，列表样式******//
 
 

 export default {
+  data () {
+    return {
+      pageData: {
+        currentPage: 1,
+        pageSize: 10
+      }
+    }
+  },
+  created () {
+    this.fetchData()
+  },
   methods: {
-    handleSelectionChange (val) {
-      console.log(val);
-    },
     handleSizeChange (val) {
-      console.log(val);
+      this.pageData.currentPage = 1
+      this.pageData.pageSize = val
+      this.fetchData()
     },
     handleCurrentChange (val) {
-      console.log(val);
-    },
+      this.pageData.currentPage = val
+      this.fetchData()
+    }
   }
 }

@@ -14,16 +14,13 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="登记业务编码">
-              <el-input placeholder="请输入登记业务编码" v-model="queryForm.djywbm" clearable class="width200px">
+              <el-input placeholder="请输入登记业务编码" v-model="queryForm.djywbm" clearable>
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
-          </el-col>
-
-          <el-col :span="6" class="btnCol">
+          <el-col :span="12" class="btnCol">
             <el-form-item>
-              <el-button type="primary" @click="queryClick()">查询</el-button>
+              <el-button type="primary" @click="fetchData()">查询</el-button>
               <el-button @click="moreQueryClick()">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -32,18 +29,19 @@
     </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>
     <editDialog v-model="isDialog" />
   </div>
 </template>
 <script>
-import table from "@/utils/mixin/table";
+import table from "@/utils/mixin/table"
 import editDialog from "./components/editDialog.vue"
-import { datas, sendThis } from "./sqywgzdata";
+import { datas, sendThis } from "./sqywgzdata"
+import { getSysSqdjywBysearch } from "@/api/sqywgz.js"
 export default {
   name: "djbcx",
   components: {
@@ -60,32 +58,28 @@ export default {
         qllx: "",
         djywbm: "",
       },
-      pageData: {
-        current: 1,
-        size: 10,
-        total: 2,
-      },
-
       ywlys: datas.ywlys(),
-
       tableData: {
+        total: 0,
         columns: datas.columns(),
         data: [
           {
             slsj: "2022-5-12",
-          },
-          {
-            slsj: "2022-5-13",
-          },
-        ],
-      },
-    };
+          }
+        ]
+      }
+    }
   },
   methods: {
     // 初始化数据
-    fetchData () { },
-    handleSort (name, sort) {
-      console.log(name, sort);
+    fetchData () {
+      getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(res => {
+        if (res.code === 200) {
+          let { total, records } = res.result
+          this.tableData.total = total
+          this.tableData.data = records
+        }
+      })
     },
     editClick () {
       this.isDialog = true

@@ -13,18 +13,15 @@ class data extends filter {
       {
         label: '序号',
         type: 'index',
-        width: '50'
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
       },
-      // {
-      //   label: "权属状态",
-      //   render: (h, scope) => {
-      //     return (
-      //       <div>
-      //         <span>{scope.row.qszt}</span>
-      //       </div>
-      //     )
-      //   }
-      // },
       {
         prop: "sqfl",
         label: "申请分类",
@@ -66,7 +63,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick (scope) }}>修改</el-button>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>修改</el-button>
             </div>
           )
         }