Browse Source

金融产品添加信息页面更新

guhongwei 5 years ago
parent
commit
63017fd77e

+ 121 - 112
src/layout/financeclaims/financeClaimsForm.vue

@@ -1,122 +1,131 @@
 <template>
-    <div id="financeClaimsForm">
-        <el-row>
-            <el-col :span="24" class="form">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
-                    <el-form-item label="产品名称" prop="name">
-                        <el-input v-model="ruleForm.name" placeholder="请输入产品名称"></el-input>
-                    </el-form-item>
-
-                    <el-col :span="12">
-                        <el-form-item  label="利率范围" prop="mongey_min_rate" >
-                            <el-input class="mongeyrate" v-model="ruleForm.mongey_min_rate" placeholder="利率范围(小)"></el-input>%~
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item  prop="mongey_max_rate">
-                            <el-input class="mongeyrate" v-model="ruleForm.mongey_max_rate" placeholder="利率范围(大)"></el-input>%
-                        </el-form-item>
-                    </el-col>
-
-
-
-
-
-
-
-                    <!--<el-form-item label="贷款期限(月)" prop="claimserm">-->
-                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_min_term" placeholder="贷款期限(小)"></el-input>~-->
-                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_max_term" placeholder="贷款期限(大)"></el-input>-->
-                    <!--</el-form-item>-->
-                    <!--<el-form-item label="贷款额度(万元)" prop="claimsmoney">-->
-                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_min_money" placeholder="贷款额度(小)"></el-input>~-->
-                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_max_money" placeholder="贷款额度(大)"></el-input>-->
-                    <!--</el-form-item>-->
-                    <el-form-item label="担保方式" prop="ensure_id">
-                        <el-select v-model="ruleForm.ensure_id" placeholder="请选择担保方式">
-                            <el-option v-for="(item, index) in dbList" :key="index" :label="item.name" :value="item.code"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="还款方式" prop="repayment_id">
-                        <el-select v-model="ruleForm.repayment_id" placeholder="请选择还款方式">
-                            <el-option v-for="(item, index) in hkList" :key="index" :label="item.name" :value="item.code"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="产品名称" >
-                        <el-input v-model="ruleForm.news[0].news_name" placeholder="请输入简介名称"></el-input>
-                    </el-form-item>
-                    <el-form-item label="简介内容" >
-                        <el-input type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button size="small" @click="resetForm('ruleForm')">取消</el-button>
-                        <el-button type="primary" size="small" @click="submitForm('ruleForm')">提交</el-button>
-                    </el-form-item>
-                </el-form>
-            </el-col>
-        </el-row>
-    </div>
+  <div id="financeClaimsForm">
+    <el-row>
+      <el-col :span="24" class="form">
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+          <el-col :span="24">
+            <el-form-item label="产品名称" prop="name">
+              <el-input v-model="ruleForm.name" placeholder="请输入产品名称"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="利率范围" prop="mongey_min_rate">
+              <el-input class="mongeyrate" v-model="ruleForm.mongey_min_rate" placeholder="利率范围(小)"></el-input>%~
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="mongey_max_rate" class="formItem">
+              <el-input class="mongeyrate" v-model="ruleForm.mongey_max_rate" placeholder="利率范围(大)"></el-input>%
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="贷款期限(月)" prop="claims_min_term">
+              <el-input class="mongeyrate" v-model="ruleForm.claims_min_term" placeholder="贷款期限(小)"></el-input>~
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="claims_max_money" class="formItem">
+              <el-input class="mongeyrate" v-model="ruleForm.claims_max_money" placeholder="贷款额度(大)"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="担保方式" prop="ensure_id">
+              <el-select v-model="ruleForm.ensure_id" placeholder="请选择担保方式">
+                <el-option v-for="(item, index) in dbList" :key="index" :label="item.name" :value="item.code"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="还款方式" prop="repayment_id">
+              <el-select v-model="ruleForm.repayment_id" placeholder="请选择还款方式">
+                <el-option v-for="(item, index) in hkList" :key="index" :label="item.name" :value="item.code"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="产品名称">
+              <el-input v-model="ruleForm.news[0].news_name" placeholder="请输入简介名称"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="简介内容">
+              <el-input type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24" class="btn">
+            <el-button size="small" @click="resetForm('ruleForm')">取消</el-button>
+            <el-button type="primary" size="small" @click="submitForm('ruleForm')">提交</el-button>
+          </el-col>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
-  export default {
-    name: 'financeClaimsForm',
-    props: {
-      ruleForm: null,
-      hkList: null,
-      dbList:null,
-    },
-    components: {},
-    data: () => ({
-      rules: {
-        mongey_min_rate:[
-          { required: true, message: '请输入利率', trigger: 'blur' },
-          { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' }
-        ],
-        mongey_max_rate:[
-          { required: true, message: '请输入利率', trigger: 'blur' },
-          { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' }
-        ],
-        claimserm:[
-          { required: true, message: '请输入贷款期限', trigger: 'blur' },
-          { pattern: /^\+?[1-9]\d*$/, message: '请输入大于0的正整数' }
-        ],
-        ensure_id:[
-          { required: true, message: '请输入贷款期限', trigger: 'blur' },
-          { pattern: /^\+?[1-9]\d*$/, message: '请选择担保方式' }
-        ],
-        repayment_id:[
-          { required: true, message: '请输入贷款期限', trigger: 'blur' },
-          { pattern: /^\+?[1-9]\d*$/, message: '请选择还款方式' }
-        ],
-        claimsmoney:[
-          { required: true, message: '请输入贷款额度', trigger: 'blur' },
-          { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' }
-        ]
+export default {
+  name: 'financeClaimsForm',
+  props: {
+    ruleForm: null,
+    hkList: null,
+    dbList: null,
   },
-    }),
-    created() {},
-    computed: {},
-    methods: {
-      submitForm() {
-        alert(JSON.stringify(this.ruleForm ))
-        this.$emit('submitForm', { data: this.ruleForm });
-      },
-      resetForm() {
-        this.$emit('resetForm');
-      },
+  components: {},
+  data: () => ({
+    rules: {
+      mongey_min_rate: [
+        { required: true, message: '请输入利率', trigger: 'blur' },
+        { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' },
+      ],
+      mongey_max_rate: [
+        { required: true, message: '请输入利率', trigger: 'blur' },
+        { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' },
+      ],
+      claims_min_term: [
+        { required: true, message: '请输入贷款期限', trigger: 'blur' },
+        { pattern: /^\+?[1-9]\d*$/, message: '请输入大于0的正整数' },
+      ],
+      claims_max_money: [
+        { required: true, message: '请输入贷款期限', trigger: 'blur' },
+        { pattern: /^\+?[1-9]\d*$/, message: '请输入大于0的正整数' },
+      ],
+      ensure_id: [{ required: true, message: '请选择担保方式', trigger: 'blur' }],
+      repayment_id: [
+        { required: true, message: '请输入贷款期限', trigger: 'blur' },
+        { pattern: /^\+?[1-9]\d*$/, message: '请选择还款方式' },
+      ],
+      claimsmoney: [
+        { required: true, message: '请输入贷款额度', trigger: 'blur' },
+        { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' },
+      ],
+    },
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    submitForm() {
+      alert(JSON.stringify(this.ruleForm));
+      this.$emit('submitForm', { data: this.ruleForm });
     },
-  };
+    resetForm() {
+      this.$emit('resetForm');
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
-    .form {
-        padding: 0 200px 0 0;
-    }
-    .mongeyrate{
-        width:95%;
-    }
-
-
+.form {
+  padding: 0 200px 0 0;
+}
+.mongeyrate {
+  width: 95%;
+}
+/deep/.formItem .el-form-item__content {
+  margin-left: 0 !important;
+}
+.btn {
+  text-align: center;
+  padding: 30px 0;
+}
 </style>
-

+ 9 - 10
src/layout/layout-part/menus.vue

@@ -14,15 +14,15 @@
       </el-submenu>
 
       <el-submenu index="2">
-      <template v-slot:title>
-        <i class="el-icon-s-grid"></i>
-        <span>企业需求</span>
-      </template>
-      <el-menu-item-group>
-        <el-menu-item index="/businessneed/claim">债权需求</el-menu-item>
-        <el-menu-item index="/businessneed/stock">股权需求</el-menu-item>
-      </el-menu-item-group>
-    </el-submenu>
+        <template v-slot:title>
+          <i class="el-icon-s-grid"></i>
+          <span>企业需求</span>
+        </template>
+        <el-menu-item-group>
+          <el-menu-item index="/businessneed/claim">债权需求</el-menu-item>
+          <el-menu-item index="/businessneed/stock">股权需求</el-menu-item>
+        </el-menu-item-group>
+      </el-submenu>
 
       <el-submenu index="3">
         <template v-slot:title>
@@ -54,7 +54,6 @@
           <el-menu-item index="/financeclaims/financeClaimIndex">债权产品管理</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
-
     </el-menu>
   </div>
 </template>

+ 2 - 6
src/router/index.js

@@ -46,7 +46,7 @@ const routes = [
   },
   //授信债权管理
   {
-    path:'/follow/followindex',
+    path: '/follow/followindex',
     component: () => import('../views/follow/followindex.vue'),
   },
   // 授信债权管理详情
@@ -56,7 +56,7 @@ const routes = [
   },
   //授信股权管理
   {
-    path:'/follow/followstock',
+    path: '/follow/followstock',
     component: () => import('../views/follow/followstock.vue'),
   },
   // 授信股权管理详情
@@ -84,7 +84,6 @@ const routes = [
     path: '/financeclaims/financeClaimDetail',
     component: () => import('../views/financeclaims/financeClaimDetail.vue'),
   },
-
 ];
 const router = new VueRouter({
   mode: 'history',
@@ -106,6 +105,3 @@ const router = new VueRouter({
 // });
 
 export default router;
-
-
-

+ 112 - 108
src/views/financeclaims/financeClaimDetail.vue

@@ -1,122 +1,126 @@
 <template>
-    <div id="financeClaimDetail">
-        <el-row>
-            <el-col :span="24" class="debt">
-                <el-col :span="24" class="top">
-                    <topInfo :topTitle="topTitle" :display="display"></topInfo>
-                </el-col>
-                <el-col :span="24" class="main">
-                    <el-col :span="24" class="back">
-                        <detailTop @goBack="goBack"></detailTop>
-                    </el-col>
-                    <el-col :span="24" class="info">
-                        <financeClaimsForm :ruleForm="ruleForm" :dbList="dbList"  :hkList="hkList" @submitForm="submitForm" @resetForm="resetForm"></financeClaimsForm>
-                    </el-col>
-                </el-col>
-            </el-col>
-        </el-row>
-    </div>
+  <div id="financeClaimDetail">
+    <el-row>
+      <el-col :span="24" class="debt">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle" :display="display"></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <el-col :span="24" class="back">
+            <detailTop @goBack="goBack"></detailTop>
+          </el-col>
+          <el-col :span="24" class="info">
+            <financeClaimsForm :ruleForm="ruleForm" :dbList="dbList" :hkList="hkList" @submitForm="submitForm" @resetForm="resetForm"></financeClaimsForm>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
-  import topInfo from '@/layout/common/topInfo.vue';
-  import detailTop from '@/layout/common/detailTop.vue';
-  import financeClaimsForm from '@/layout/financeclaims/financeClaimsForm.vue';
-  import { createNamespacedHelpers, mapGetters } from 'vuex';
-  const { mapActions: financeclaims } = createNamespacedHelpers('financeclaim');
-  export default {
-    name: 'financeClaimDetail',
-    props: {},
-    components: {
-      topInfo, //头部导航
-      detailTop, //头部返回
-      financeClaimsForm, //添加债权产品
-    },
-    data: () => ({
-      display: 'none',
-      topTitle: '债权产品信息',
-      ruleForm: {
-        news:[
-          {
-            "news_name":'',
-            "news_info":''
-          }
-        ]
-      },
-      dbList: [
-        {name:'担保1',code:'2201'},{name:'担保2',code:'2202'},{name:'担保3',code:'2203'}
-      ],
-      hkList: [
-        {name:'还款1',code:'2301'},{name:'还款2',code:'2302'},{name:'还款3',code:'2303'}
+import topInfo from '@/layout/common/topInfo.vue';
+import detailTop from '@/layout/common/detailTop.vue';
+import financeClaimsForm from '@/layout/financeclaims/financeClaimsForm.vue';
+import { createNamespacedHelpers, mapGetters } from 'vuex';
+const { mapActions: financeclaims } = createNamespacedHelpers('financeclaim');
+export default {
+  name: 'financeClaimDetail',
+  props: {},
+  components: {
+    topInfo, //头部导航
+    detailTop, //头部返回
+    financeClaimsForm, //添加债权产品
+  },
+  data: () => ({
+    display: 'none',
+    topTitle: '债权产品信息',
+    ruleForm: {
+      news: [
+        {
+          news_name: '',
+          news_info: '',
+        },
       ],
-    }),
-    created() {
-     // this.searchInfo();
     },
-    computed: {
-      id() {
-        return this.$route.query.id;
-      },
+    dbList: [
+      { name: '担保1', code: '2201' },
+      { name: '担保2', code: '2202' },
+      { name: '担保3', code: '2203' },
+    ],
+    hkList: [
+      { name: '还款1', code: '2301' },
+      { name: '还款2', code: '2302' },
+      { name: '还款3', code: '2303' },
+    ],
+  }),
+  created() {
+    // this.searchInfo();
+  },
+  computed: {
+    id() {
+      return this.$route.query.id;
+    },
+  },
+  methods: {
+    ...financeclaims(['fclaimsList', 'orUpdate', 'one', 'dupdate', 'create']),
+    async searchInfo() {
+      if (this.id) {
+        const res = await this.one(this.id);
+        this.$set(this, `ruleForm`, res.data);
+      }
     },
-    methods: {
-      ...financeclaims(['fclaimsList', 'orUpdate','one','dupdate','create']),
-      async searchInfo() {
-        if (this.id) {
-          const res = await this.one(this.id);
-          this.$set(this, `ruleForm`, res.data);
+    // 提交
+    async submitForm({ data }) {
+      let res;
+      let finaldata;
+      if (this.id) {
+        res = await this.update(data);
+        if (res.errcode === 0) {
+          this.$message({
+            message: '信息修改成功',
+            type: 'success',
+          });
         }
-      },
-      // 提交
-      async submitForm({ data }) {
-        let res;
-        let finaldata;
-        if (this.id) {
-          res = await this.update(data);
-          if (res.errcode === 0) {
-            this.$message({
-              message: '信息修改成功',
-              type: 'success',
-            });
-          }
-        } else {
-          finaldata=data;
-          finaldata.uid = '5e79672d0217a7336048b4c5';
-          res = await this.create(finaldata);
-          if (res.errcode === 0) {
-            this.$message({
-              message: '信息创建成功',
-              type: 'success',
-            });
-          }
+      } else {
+        finaldata = data;
+        finaldata.uid = '5e79672d0217a7336048b4c5';
+        res = await this.create(finaldata);
+        if (res.errcode === 0) {
+          this.$message({
+            message: '信息创建成功',
+            type: 'success',
+          });
         }
-        if (this.$checkRes(res)) this.resetForm();
-        console.log(res.data);
-      },
-      // 取消
-      resetForm() {
-        this.$router.push({ path: '/financeclaims/financeClaimIndex' });
-      },
-      // 返回
-      goBack() {
-        this.$router.go(-1);
-      },
+      }
+      if (this.$checkRes(res)) this.resetForm();
+      console.log(res.data);
+    },
+    // 取消
+    resetForm() {
+      this.$router.push({ path: '/financeclaims/financeClaimIndex' });
+    },
+    // 返回
+    goBack() {
+      this.$router.go(-1);
     },
-  };
+  },
+};
 </script>
 
 <style lang="less" scoped>
-    .debt {
-        padding: 20px;
-    }
-    .top {
-        border-bottom: 1px solid #ccc;
-    }
-    .main {
-        border-radius: 10px;
-        margin: 20px 0 0 0;
-        box-shadow: 0 0 3px #666;
-    }
-    .main .back {
-        padding: 10px 0 10px 15px;
-    }
+.debt {
+  padding: 20px;
+}
+.top {
+  border-bottom: 1px solid #ccc;
+}
+.main {
+  border-radius: 10px;
+  margin: 20px 0 0 0;
+  box-shadow: 0 0 3px #666;
+}
+.main .back {
+  padding: 10px 0 10px 15px;
+}
 </style>

+ 79 - 79
src/views/financeclaims/financeClaimIndex.vue

@@ -1,94 +1,94 @@
 <template>
-    <div id="financeClaimIndex">
-        <el-col :span="24" class="debt">
-            <el-col :span="24" class="top">
-                <topInfo :topTitle="topTitle" :display="display" @addfinclaim='addfinclaim'></topInfo>
-            </el-col>
-            <el-col :span="24" class="search">
-                <financeClaimIndexInfo @clickBtn="clickBtn"></financeClaimIndexInfo>
-            </el-col>
-            <el-col :span="24" class="main">
-                <financeclaimsList :debtTable="debtTable" :total="total" @pagechange="pagechange" ></financeclaimsList>
-            </el-col>
-        </el-col>
-    </div>
+  <div id="financeClaimIndex">
+    <el-col :span="24" class="debt">
+      <el-col :span="24" class="top">
+        <topInfo :topTitle="topTitle" :display="display" @addfinclaim="addfinclaim"></topInfo>
+      </el-col>
+      <el-col :span="24" class="search">
+        <financeClaimIndexInfo @clickBtn="clickBtn"></financeClaimIndexInfo>
+      </el-col>
+      <el-col :span="24" class="main">
+        <financeclaimsList :debtTable="debtTable" :total="total" @pagechange="pagechange"></financeclaimsList>
+      </el-col>
+    </el-col>
+  </div>
 </template>
 
 <script>
-  import topInfo from '@/layout/common/topInfo.vue';
-  import financeClaimIndexInfo from '@/layout/financeclaims/financeClaimInfo.vue';
-  import financeclaimsList from '@/layout/financeclaims/financeclaimsList.vue';
-  import { createNamespacedHelpers, mapGetters } from 'vuex';
-  const { mapActions: financeclaims } = createNamespacedHelpers('financeclaim');
-  export default {
-    name: 'financeClaimIndex',
-    props: {},
-    components: {
-      topInfo, //头部导航
-      financeClaimIndexInfo, //搜素
-      financeclaimsList, //债权产品列表
+import topInfo from '@/layout/common/topInfo.vue';
+import financeClaimIndexInfo from '@/layout/financeclaims/financeClaimInfo.vue';
+import financeclaimsList from '@/layout/financeclaims/financeclaimsList.vue';
+import { createNamespacedHelpers, mapGetters } from 'vuex';
+const { mapActions: financeclaims } = createNamespacedHelpers('financeclaim');
+export default {
+  name: 'financeClaimIndex',
+  props: {},
+  components: {
+    topInfo, //头部导航
+    financeClaimIndexInfo, //搜素
+    financeclaimsList, //债权产品列表
+  },
+  data: () => ({
+    topTitle: '债权需求',
+    display: 'block',
+    debtTable: [],
+    total: '',
+    jgpro: '0',
+  }),
+  created() {
+    this.financeclaimsList();
+  },
+  computed: {},
+  methods: {
+    ...financeclaims(['fclaimsList', 'orUpdate', 'one', 'dupdate']),
+    async financeclaimsList({ skip = 1, limit = 10, uid = '5e79672d0217a7336048b4c5' } = {}) {
+      const res = await this.fclaim({ skip, limit, uid });
+      this.$set(this, `debtTable`, res.res);
+      this.$set(this, `total`, res.total);
     },
-    data: () => ({
-      topTitle: '债权需求',
-      display: 'block',
-      debtTable: [],
-      total: '',
-      jgpro: '0'
-    }),
-    created() {
-      this.financeclaimsList();
+    //添加
+    addfinclaim() {
+      this.$router.push({ path: '/financeclaims/financeClaimDetail' });
     },
-    computed: {},
-    methods: {
-      ...financeclaims(['fclaimsList', 'orUpdate','one','dupdate']),
-      async financeclaimsList({ skip = 1, limit = 10,uid = '5e79672d0217a7336048b4c5'} = {}) {
-        const res = await this.fclaim({ skip, limit,uid });
+    async pagechange(data) {
+      var skip = data.skip;
+      var limit = 10;
+      var jg_id;
+      if (this.jgpro == '0') {
+        jg_id = '0';
+      } else {
+        jg_id = '5e79672d0217a7336048b4c5';
+      }
+      const res = await this.fclaim({ skip, limit, jg_id });
+      this.$set(this, `debtTable`, res.res);
+      this.$set(this, `total`, res.total);
+    },
+    //查询
+    async clickBtn(message) {
+      this.jgpro = message;
+      var skip = 0;
+      var limit = 10;
+      if (message == 1) {
+        var jg_id = '0';
+        const res = await this.fclaim({ skip, limit, jg_id });
         this.$set(this, `debtTable`, res.res);
         this.$set(this, `total`, res.total);
-      },
-      //添加
-      addfinclaim(){
-        this.$router.push({ path: '/financeclaims/financeClaimDetail' });
-      },
-      async pagechange(data) {
-        var skip = data.skip;
-        var limit = 10;
-        var jg_id ;
-        if(this.jgpro =='0'){
-          jg_id='0';
-        }else{
-          jg_id = '5e79672d0217a7336048b4c5';
-        }
-        const res = await this.fclaim({ skip, limit,jg_id });
+      } else {
+        var jg_id = '5e79672d0217a7336048b4c5';
+        const res = await this.fclaim({ skip, limit, jg_id });
         this.$set(this, `debtTable`, res.res);
         this.$set(this, `total`, res.total);
-      },
-      //查询
-      async clickBtn(message) {
-        this.jgpro = message;
-        var skip = 0;
-        var limit =10;
-        if(message==1){
-          var jg_id = '0';
-          const res = await this.fclaim({ skip, limit,jg_id});
-          this.$set(this, `debtTable`, res.res);
-          this.$set(this, `total`, res.total);
-        }else{
-          var jg_id = '5e79672d0217a7336048b4c5';
-          const res = await this.fclaim({ skip, limit,jg_id});
-          this.$set(this, `debtTable`, res.res);
-          this.$set(this, `total`, res.total);
-        }
-      },
+      }
     },
-  };
+  },
+};
 </script>
 
 <style lang="less" scoped>
-    .debt {
-        padding: 20px;
-    }
-    .top {
-        border-bottom: 1px solid #ccc;
-    }
+.debt {
+  padding: 20px;
+}
+.top {
+  border-bottom: 1px solid #ccc;
+}
 </style>