style:申请人信息

@@ -40,7 +40,6 @@ export default class filter {
     let status = { 1: '正常申请', 2: '一并申请', 3: '补录申请' }
     return status[val]
   }
-  // 字典
   /**
    * @description: 字典
    * @param {*} val

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 14:09:02
+ * @LastEditTime: 2023-09-11 15:44:33
 -->
 <template>
   <dialogBox
@@ -16,8 +16,8 @@
 
     <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
       <el-tab-pane label="基本信息" name="1"></el-tab-pane>
-      <el-tab-pane label="银行机构" name="2"></el-tab-pane>
-      <el-tab-pane label="企业信息" name="3"></el-tab-pane>
+      <el-tab-pane label="企业信息" name="2"></el-tab-pane>
+      <el-tab-pane label="银行机构" name="3"></el-tab-pane>
     </el-tabs>
 
     <el-form
@@ -254,105 +254,93 @@
       </el-row>
     </el-form>
     <div v-if="activeName==2" class="padding10">
-      <el-form :model="queryForm" label-width="80px">
+      <el-form :model="queryFormQY" label-width="80px">
         <el-row>
           <el-col :span="8">
-            <el-form-item label="证件号">
-              <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
+            <el-form-item label="姓名/名称">
+              <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="姓名/名称">
-              <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
+            <el-form-item label="证件号">
+              <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button type="primary" @click="handleSearchQY">查询</el-button>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
-      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8">
-        <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
-        </el-table-column>
-        <el-table-column label="证件种类">
+      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8">
+        <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
-            <el-select v-model="scope.row.zjh" placeholder="请选择">
-              <el-option
-                v-for="item in dictData['A30']"
-                :key="item.dcode"
-                :label="item.dname"
-                :value="item.dcode">
-              </el-option>
-            </el-select>
+            {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
           </template>
         </el-table-column>
+        <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center">
+        </el-table-column>
         <el-table-column label="操作" width="50">
           <template slot-scope="scope">
-            <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button>
+            <el-button type="text" @click="handlesQYSelect(scope.row)">使用</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
-        @current-change="handleCurrentChange"></el-pagination>
+      <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
+        @current-change="handleQYCurrentChange"></el-pagination>
 
     </div>
 
     <div v-if="activeName==3" class="padding10">
-      <el-form :model="queryForm" label-width="80px">
+      <el-form :model="queryFormYH" label-width="80px">
         <el-row>
           <el-col :span="8">
-            <el-form-item label="证件号">
-              <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
+            <el-form-item label="姓名/名称">
+              <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="姓名/名称">
-              <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
+            <el-form-item label="证件号">
+              <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button type="primary" @click="handleSearchYH">查询</el-button>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
-      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8">
-        <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
-        </el-table-column>
-        <el-table-column label="证件种类">
+      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8">
+        <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
-            <el-select v-model="scope.row.zjh" placeholder="请选择">
-              <el-option
-                v-for="item in dictData['A30']"
-                :key="item.dcode"
-                :label="item.dname"
-                :value="item.dcode">
-              </el-option>
-            </el-select>
+            {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
           </template>
         </el-table-column>
+        <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
+        </el-table-column>
         <el-table-column label="操作" width="50">
           <template slot-scope="scope">
-            <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button>
+            <el-button type="text" @click="handlesYHSelect(scope.row)">使用</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
-        @current-change="handleCurrentChange"></el-pagination>
+      <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
+        @current-change="handleYHCurrentChange"></el-pagination>
     </div>
 
   </dialogBox>
 </template>
 <script>
   import { mapGetters } from "vuex";
+  import store from '@/store/index.js'
   import { getIdCardInfo } from '@/utils/operation.js'
+  import { queryQyByPage, queryYhByPage } from "@/api/xxba.js";
   import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData";
   export default {
     props: {
@@ -398,28 +386,32 @@
           zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
           zjh: [{ required: true, message: "证件号", trigger: "blur" }],
         },
-        tableDataYh: {
-          total: 0,
-          columns: dataYh.columns(),
-          data: [
-            {
-              sqrmc: '李怡然',
-              zjh: '99999999999',
-              frmc: '李怡然同学',
-              txdz: '山东日照',
-              dh: '18802933269'
-            }
-          ],
+
+        pageData: {
+          currentPage: 1,
+          pageSize: 8
         },
-        queryForm: {
-          zjh: "",
-          sqrmc: ""
+        // 企业
+        queryFormQY: {
+          qymc: "",
+          zjh: ""
         },
         tableDataQy: {
           total: 0,
           columns: dataQy.columns(),
           data: [],
         },
+        // 银行
+        queryFormYH: {
+          qymc: "",
+          zjh: ""
+        },
+        tableDataYh: {
+          total: 0,
+          columns: dataYh.columns(),
+          data: [
+          ],
+        },
       }
     },
     mounted () {
@@ -450,28 +442,75 @@
         } else {
           this.isShow = true
         }
+        this.pageData.currentPage = 1
+        if (this.activeName == 2) {
+          this.handleSearchQY()
+        } else {
+          this.handleSearchYH()
+        }
       },
       /**
-       * @description: 身份证打卡器
-       * @param {*} row
+       * @description:企业查询
        * @author: renchao
        */
-      handlesYhSelect (row) {
-        this.$emit("updateDetail", _.cloneDeep(row));
+      dicStatus (val, code) {
+        let data = store.getters.dictData[code],
+          name = '暂无'
+        if (data) {
+          data.map((item) => {
+            if (item.dcode == val) {
+              name = item.dname
+            }
+          })
+          return name
+        }
+      },
+      handleSearchQY () {
+        let data = { ...this.queryFormQY, ...this.pageData }
+        this.tableDataQy.data = []
+        queryQyByPage(data).then((res) => {
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableDataQy.total = total;
+            this.tableDataQy.data = records;
+            this.tableDataQy.data.forEach(item => {
+              item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
+              item.sqrmc = item.qymc
+            })
+          }
+        })
+      },
+      handleQYCurrentChange (val) {
+        this.pageData.currentPage = val
+        this.handleSearchQY()
+      },
+      handlesQYSelect (val) {
+        this.$emit("updateDetail", _.cloneDeep(val));
         this.$emit("input", false);
       },
-      /**
-       * @description: handleSearch
-       * @author: renchao
-       */
-      handleSearch () { },
-      /**
-       * @description: handleCurrentChange
-       * @param {*} val
-       * @author: renchao
-       */
-      handleCurrentChange (val) {
-        console.log(val);
+      // 银行
+      handleSearchYH () {
+        let data = { ...this.queryFormYH, ...this.pageData }
+        this.tableDataYh.data = []
+        queryYhByPage(data).then((res) => {
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableDataYh.total = total;
+            this.tableDataYh.data = records;
+            this.tableDataYh.data.forEach(item => {
+              item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
+              item.sqrmc = item.qymc
+            })
+          }
+        })
+      },
+      handleYHCurrentChange (val) {
+        this.pageData.currentPage = val
+        this.handleSearchQY()
+      },
+      handlesYHSelect (val) {
+        this.$emit("updateDetail", _.cloneDeep(val));
+        this.$emit("input", false);
       },
       /**
        * @description: 身份证打卡器

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-01 10:53:12
+ * @LastEditTime: 2023-09-11 15:32:32
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -19,7 +19,10 @@ class data1 extends filter {
         prop: "sqrmc",
         label: "姓名/名称",
       },
-
+      {
+        prop: "zjzlMc",
+        label: "证件种类"
+      },
       {
         prop: "zjh",
         label: "证件号",
@@ -29,7 +32,7 @@ class data1 extends filter {
         label: "法人名称",
       },
       {
-        prop: "txdz",
+        prop: "dwdz",
         label: "地址",
       },
       {
@@ -43,8 +46,8 @@ class data1 extends filter {
 class data2 extends filter {
   constructor() {
     super()
-  }
 
+  }
   columns () {
     return [
       {
@@ -52,6 +55,10 @@ class data2 extends filter {
         label: "姓名/名称",
       },
       {
+        prop: "zjzlMc",
+        label: "证件种类",
+      },
+      {
         prop: "zjh",
         label: "证件号",
       },
@@ -60,7 +67,7 @@ class data2 extends filter {
         label: "法人名称",
       },
       {
-        prop: "txdz",
+        prop: "dwdz",
         label: "地址",
       },
       {

@@ -148,7 +148,6 @@
           }
         ],
         rules: {
-
           qymc: [
             { required: true, message: '企业名称不能为空', trigger: 'blur' }
           ],
@@ -169,7 +168,7 @@
           ],
           dwdz: [
             { required: true, message: '请输入单位地址', trigger: 'blur' }
-          ],
+          ]
         }
       }
     },