wq 5 years ago
parent
commit
fcab6259aa

+ 69 - 0
src/layout/financeclaims/insitionList.vue

@@ -0,0 +1,69 @@
+<template>
+    <div id="claimList">
+        <el-row>
+            <el-col :span="24">
+                <el-table ref="debtTable" :data="debtTable" style="width: 100%" border>
+                    <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
+                    <el-table-column property="name" label="机构名称" align="center"> </el-table-column>
+                    <el-table-column fixed="right" label="操作" align="center">
+                        <template slot-scope="scope">
+                            <el-button @click="tomake(scope.row)" type="text" icon="el-icon-upload" title="发布至金控审核"></el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-row class="page">
+                    <el-pagination
+                            @size-change="handleSizeChange"
+                            @current-change="handleCurrentChange"
+                            :current-page="currentPage"
+                            :page-size="10"
+                            layout="total, prev, pager, next, jumper"
+                            :total="total"
+                    >
+                    </el-pagination>
+                </el-row>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: 'claimList',
+    props: {
+      debtTable: null,
+      total: null,
+    },
+    components: {},
+    data: () => ({
+      currentPage: 1,
+    }),
+    created() {},
+    computed: {},
+    methods: {
+      deleteRow(id) {
+        this.$emit('deleteRow', id);
+      },
+      clickRest(id) {
+        this.$emit('clickRest', id);
+      },
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+      },
+      handleCurrentChange(val) {
+        this.$emit('pagechange', { skip: val});
+      },
+      tomake(val) {
+        this.$emit('tomake',{ data: val});
+      },
+    },
+  };
+</script>
+
+<style lang="less" scoped>
+    .page {
+        text-align: center;
+        padding: 15px 0;
+    }
+
+</style>

+ 1 - 0
src/layout/layout-part/menus.vue

@@ -63,6 +63,7 @@
         <el-menu-item-group>
           <el-menu-item index="/financeclaims/financeClaimIndex">债权产品管理</el-menu-item>
           <el-menu-item index="/financeclaims/manageMoneyIndex">理财产品管理</el-menu-item>
+          <el-menu-item index="/financeclaims/insitionIndex">金融机构提交至审核</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
     </el-menu>

+ 5 - 0
src/router/index.js

@@ -119,6 +119,11 @@ const routes = [
     path: '/financeclaims/manageMoneyLookDetail',
     component: () => import('../views/financeclaims/manageMoneyLookDetail.vue'),
   },
+  // 金融机构管理
+  {
+    path: '/financeclaims/insitionIndex',
+    component: () => import('../views/financeclaims/insitionIndex.vue'),
+  },
 ];
 const router = new VueRouter({
   mode: 'history',

+ 60 - 0
src/views/financeclaims/insitionIndex.vue

@@ -0,0 +1,60 @@
+
+    <template>
+        <div id="insitionIndex">
+            <el-col :span="24" class="debt">
+                <el-col :span="24" class="main">
+                    <insitionList :debtTable="debtTable" :total="total" @tomake="tomake"></insitionList>
+                </el-col>
+            </el-col>
+        </div>
+    </template>
+
+    <script>
+      import insitionList from '@/layout/financeclaims/insitionList.vue';
+      import { createNamespacedHelpers, mapGetters,mapState } from 'vuex';
+      const { mapActions } = createNamespacedHelpers('institution');
+      export default {
+        name: 'insitionIndex',
+        props: {},
+        components: {
+          insitionList,
+        },
+        data: () => ({
+          debtTable: [],
+          total: '',
+        }),
+        created() {
+          this.financeclaimsList();
+        },
+        computed: {
+          ...mapState(['user']),
+        },
+        methods: {
+          ...mapActions(['query', 'delete', 'fetch', 'update']),
+          async financeclaimsList({ skip = 0, limit = 10, uid = this.user.uid} = {}) {
+            const res = await this.query({ skip, limit, uid });
+            this.$set(this, `debtTable`, res.data);
+            this.$set(this, `total`, res.total);
+          },
+          async tomake({data}) {
+            data.status = '1';
+            const res = await this.update(data);
+            alert(JSON.stringify(res));
+        },
+        },
+      };
+    </script>
+
+    <style lang="less" scoped>
+        .debt {
+            padding: 20px;
+        }
+        .top {
+            border-bottom: 1px solid #ccc;
+        }
+        .search {
+            width: 97%;
+            height: 35px;
+            margin: 20px;
+        }
+    </style>