style:银行机构备案

@@ -16,7 +16,7 @@
 
     <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="2"></el-tab-pane>
       <el-tab-pane label="企业信息" name="3"></el-tab-pane>
     </el-tabs>
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-09-01 10:17:27
+ */
+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "sqrmc",
+        label: "姓名/名称",
+      },
+      {
+        prop: "zjzl",
+        label: "证件种类",
+        render: (h, scope) => {
+          return (
+            <el-select
+              class="width100"
+              clearable
+              value={scope.row[scope.column.property]}
+              onChange={(val) => {
+                scope.row[scope.column.property] = val;
+              }}
+            >
+              {vm.dictData["A30"].map((option) => {
+                return (
+                  <el-option
+                    label={option.dname}
+                    value={option.dcode}
+                  ></el-option>
+                );
+              })}
+            </el-select>
+          );
+        },
+      },
+      {
+        prop: "zjh",
+        label: "证件号",
+      },
+      {
+        prop: "frmc",
+        label: "法人名称",
+      },
+      {
+        prop: "txdz",
+        label: "地址",
+      },
+      {
+        prop: "dh",
+        label: "联系电话",
+      },
+      {
+        label: '操作',
+        width: '80',
+        align: 'center',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
+            </div>
+          )
+        }
+      }
+    ]
+  }
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-25 08:59:04
+ * @LastEditTime: 2023-09-04 16:59:15
 -->
 <template>
-  <div class='yhjgba'>
-    <el-empty description="正在开发"></el-empty>
+  <div class="from-clues">
+    <!-- 表单部分 -->
+    <div class="from-clues-header">
+      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="姓名/名称">
+              <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="证件号">
+              <el-input placeholder="证件号" v-model="queryForm.zjh" clearable class="width100">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="14" class="btnColRight">
+            <el-form-item>
+              <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+    </div>
   </div>
 </template>
 <script>
-
+  import table from "@/utils/mixin/table"
+  import { datas, sendThis } from "./data"
   export default {
+    name: "cwrz",
     components: {},
+    mixins: [table],
+    mounted () {
+      sendThis(this);
+    },
+    computed: {
+    },
     data () {
       return {
-      }
+        queryForm: {
+          sqrmc: "",
+          zjh: "",
+        },
+        pageData: {
+          current: 1,
+          size: 10,
+        },
+        tableData: {
+          total: 0,
+          columns: datas.columns(),
+          data: [],
+        },
+      };
+    },
+    methods: {
+      /**
+       * @description: queryClick
+       * @author: renchao
+       */
+      queryClick () {
+      },
+      handleSearch () { },
+      handleDelete () { }
     }
   }
 </script>
-<style scoped lang='scss'>
+<style scoped lang="scss">
+  @import "~@/styles/public.scss";
 </style>
+