src/layout/common/needSearchInfo.vue

@@ -0,0 +1,58 @@
+<template>
+    <div id="needSearchInfo">
+        <el-row>
+            <el-col :span="24" class="info">
+                <el-col :span="12">
+                    <span>筛选条件：</span>
+                    <el-select v-model="region" >
+                        <el-option label="未授信" value="0"></el-option>
+                        <el-option label="已授信" value="1"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="5" class="btn">
+                    <el-button type="primary" @click="clickBtn()" >查询</el-button>
+                </el-col>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: 'needSearchInfo',
+    props: {},
+    components: {},
+    data: () => ({
+      region: '0',
+    }),
+    created() {},
+    computed: {},
+    methods: {
+      clickBtn() {
+        this.$emit('clickBtn',this.region);
+      },
+    },
+  };
+</script>
+
+<style lang="less" scoped>
+    .info {
+        padding: 15px 0;
+    }
+    .info .input {
+        padding: 6px 0;
+    }
+    .info .btn {
+        text-align: center;
+    }
+
+    /deep/.el-button {
+        color: #fff;
+        background-color: red;
+        border-color: red;
+    }
+    /deep/.el-input__inner {
+        height: 30px;
+        line-height: 30px;
+    }
+</style>

src/store/index.js

@@ -24,6 +24,7 @@ import loanpro from './loanpro';
 import * as muta from './user/mutations';
 import * as states from './user/state';
 import banner from './banner';
+import loanfollow from './loanfollowInfo';
 
 Vue.use(Vuex);
 
@@ -51,6 +52,7 @@ export default new Vuex.Store({
     financeclaim,
     banner,
     loanpro,
+    loanfollow,
   },
   state: { ...states },
   mutations: { ...muta },

src/views/financeclaims/loanFollowndex.vue

@@ -4,6 +4,9 @@
             <el-col :span="24" class="top">
                 <topInfo :topTitle="topTitle" :display="display" ></topInfo>
             </el-col>
+            <el-col :span="24" class="search">
+                <searchInfo @clickBtn="clickBtn"></searchInfo>
+            </el-col>
             <el-col :span="24" class="main">
                 <loanfollowLists :debtTable="debtTable" :total="total" @pagechange="pagechange" @deleteRow="deleteRow"></loanfollowLists>
             </el-col>
@@ -13,6 +16,7 @@
 
 <script>
   import topInfo from '@/layout/common/topInfoloan.vue';
+  import searchInfo from '@/layout/common/needSearchInfo.vue';
   import loanfollowLists from '@/layout/financeclaims/loanfollowList.vue';
   import { createNamespacedHelpers, mapGetters,mapState } from 'vuex';
   const { mapActions: loanfollow } = createNamespacedHelpers('loanfollow');
@@ -21,6 +25,7 @@
     props: {},
     components: {
       topInfo, //头部导航
+      searchInfo,
       loanfollowLists, //债权需求列表
     },
     data: () => ({
@@ -38,7 +43,7 @@
     },
     methods: {
       ...loanfollow(['credit','loanfList','loanfOne']),
-      async loanfollowList({ skip = 1, limit = 10,jkid =this.user.userid,orcredit=this.orcredit} = {}) {
+      async loanfollowList({ skip = 1, limit = 10,jkid ='1111111',orcredit=this.orcredit} = {}) {//this.user.userid
         const res = await this.loanfList({ skip, limit,jkid, orcredit});
         this.$set(this, `debtTable`, res.res);
         this.$set(this, `total`, res.total);
@@ -47,7 +52,7 @@
       async pagechange(data) {
         var skip = data.skip;
         var limit = 10;
-        var jkid = this.user.userid;
+        var jkid = '1111111';
         var orcredit = this.orcredit;
         const res = await this.followlist({ skip, limit,jkid,orcredit });
         this.$set(this, `debtTable`, res.res);
@@ -57,9 +62,9 @@
         this.orcredit = message;
         var skip = 0;
         var limit =10;
-        var jkid =this.user.userid;
+        var jkid ='1111111';
         var orcredit =message;
-        const res = await this.followlist({ skip, limit,jkid,orcredit });
+        const res = await this.loanfList({ skip, limit,jkid,orcredit });
         this.$set(this, `debtTable`, res.res);
         this.$set(this, `total`, res.total);
       },