首页增加跳转、已办记录和到期还款

front-vue/src/views/home.vue

@@ -236,7 +236,7 @@
             <el-row :gutter="20">
                 <!-- 第一行 -->
                 <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                    <div class="zap-card">
+                    <div class="zap-card" @click="toCredit()">
                         <div class="zap-card__title">我开立的融信</div>
                         <div class="zap-card__wrap zap-card__blue">
                             <span class="zap-card__num">{{handleInput(getFinancedNum())}}</span>
@@ -244,7 +244,7 @@
                     </div>
                 </el-col>
                 <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                    <div class="zap-card">
+                    <div class="zap-card" @click="toCreditLine()">
                         <div class="zap-card__title">可用授权额度</div>
                         <div class="zap-card__wrap zap-card__gold">
                             <span class="zap-card__num">{{handleInput(getsubNum())}}</span>
@@ -252,7 +252,7 @@
                     </div>
                 </el-col>
                 <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                    <div class="zap-card">
+                    <div class="zap-card" @click="toRepayment()">
                         <div class="zap-card__title">即将到期付款</div>
                         <div class="zap-card__wrap zap-card__pink">
                             <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
@@ -269,7 +269,7 @@
                     </div>
                 </el-col>
                 <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                    <div class="zap-card">
+                    <div class="zap-card" @click="toCreditLine()">
                         <div class="zap-card__title">可用授权额度(正向保理)</div>
                         <div class="zap-card__wrap zap-card__gold">
                             <span class="zap-card__num">{{handleInput(getsubNumForward())}}</span>
@@ -277,7 +277,7 @@
                     </div>
                 </el-col>
                 <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                    <div class="zap-card">
+                    <div class="zap-card" @click="toCreditLine()">
                         <div class="zap-card__title">总授权额度(正向保理)</div>
                         <div class="zap-card__wrap zap-card__pink">
                             <span class="zap-card__num">{{handleInput(creditLineAllForward)}}</span>
@@ -339,6 +339,57 @@
                             @pagination="getNoticeList"
                             />
                         </el-tab-pane>
+                        <el-tab-pane label="已办记录" name="third" style="height:400px">
+                            <el-table :data="oldWorkList" :show-header="false">
+                                <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true"/>
+                                <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
+                                    <template slot-scope="scope">
+                                        <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            
+                            <pagination
+                            v-show="oldWorkTotal>0"
+                            :total="oldWorkTotal"
+                            :page.sync="queryParamsOldWork.pageNum"
+                            :limit.sync="queryParamsOldWork.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getOldWorkList"
+                            />
+                        </el-tab-pane>
+                        <el-tab-pane label="30天内待还款汇总" name="fourth" style="height:400px">
+                            <el-table :data="expiredList" :show-header="true">
+                                <el-table-column label="融资编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true"/>
+                                <el-table-column label="金额" align="center" prop="afiAmount" :show-overflow-tooltip="true"/>
+                                <el-table-column label="到期时间" align="center" prop="afiExpireDate" :show-overflow-tooltip="true">
+                                    <template slot-scope="scope">
+                                        <span>{{ parseTime(new Date(scope.row.afiExpireDate), '{y}-{m}-{d}') }}</span>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
+                                    <template slot-scope="scope">
+                                        <el-button
+                                            size="mini"
+                                            type="text"
+                                            icon="el-icon-info"
+                                            @click="handleInfo(scope.row)"
+                                        >详情</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            
+                            <pagination
+                            v-show="expiredTotal>0"
+                            :total="expiredTotal"
+                            :page.sync="queryParamsExpired.pageNum"
+                            :limit.sync="queryParamsExpired.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getExpiredList"
+                            />
+                        </el-tab-pane>
                     </el-tabs>
                 </div>
             </el-row>
@@ -415,7 +466,7 @@
                 </el-col>
                 <el-col :span="12">
                     <div class="zap-bg zap-padding zap-home-chart__title zap-home-chart__title--align-left zap-padding-clear zap-home-chart__title--middle">
-                        融资开立资金表(7天内)
+                        融资开立资金表(30天内)
                         <span class="zap-home-chart__circle zap-home-chart__circle--blue" style="margin-left: 45px"></span>
                         <span class="zap-home-chart__text">开立额度</span>
                         <span class="zap-home-chart__circle zap-home-chart__circle--red zap-home-chart__circle--margin"></span>
@@ -428,7 +479,7 @@
 
         <!-- 融资企业 -->
         <div v-if="company.scyType == '02'">
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
+            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toCredit()">
                 <div slot="header" class="clearfix">
                     <span style="color: #666ee8; font-weight: bold;">持有融信额度</span>
                 </div>
@@ -436,7 +487,7 @@
                     <span style="color: #666ee8; font-weight: bold;">{{handleInput(effectBalance)}}</span>
                 </div>
             </el-card>
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
+            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toFinanceRecord()">
                 <div slot="header" class="clearfix">
                     <span style="color: #666ee8; font-weight: bold;">融资中额度</span>
                 </div>
@@ -444,7 +495,7 @@
                     <span style="color: #666ee8; font-weight: bold;">{{handleInput(availableBalance)}}</span>
                 </div>
             </el-card>
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
+            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toFinanceRecord()">
                 <div slot="header" class="clearfix">
                     <span style="color: #666ee8; font-weight: bold;">已融资额度</span>
                 </div>
@@ -452,7 +503,7 @@
                     <span style="color: #666ee8; font-weight: bold;">{{handleInput(loanBalance)}}</span>
                 </div>
             </el-card>
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
+            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toRepayment()">
                 <div slot="header" class="clearfix">
                     <span style="color: #666ee8; font-weight: bold;">即将到期融资额度(30天)</span>
                 </div>
@@ -515,6 +566,57 @@
                             @pagination="getNoticeList"
                             />
                         </el-tab-pane>
+                        <el-tab-pane label="已办记录" name="third" style="height:400px">
+                            <el-table :data="oldWorkList" :show-header="false">
+                                <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true"/>
+                                <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
+                                    <template slot-scope="scope">
+                                        <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            
+                            <pagination
+                            v-show="oldWorkTotal>0"
+                            :total="oldWorkTotal"
+                            :page.sync="queryParamsOldWork.pageNum"
+                            :limit.sync="queryParamsOldWork.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getOldWorkList"
+                            />
+                        </el-tab-pane>
+                        <el-tab-pane label="30天内到期融信汇总" name="fourth" style="height:400px">
+                            <el-table :data="expiredList" :show-header="true">
+                                <el-table-column label="融资编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true"/>
+                                <el-table-column label="金额" align="center" prop="afiAmount" :show-overflow-tooltip="true"/>
+                                <el-table-column label="到期时间" align="center" prop="afiExpireDate" :show-overflow-tooltip="true">
+                                    <template slot-scope="scope">
+                                        <span>{{ parseTime(new Date(scope.row.afiExpireDate), '{y}-{m}-{d}') }}</span>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
+                                    <template slot-scope="scope">
+                                        <el-button
+                                            size="mini"
+                                            type="text"
+                                            icon="el-icon-info"
+                                            @click="handleInfo(scope.row)"
+                                        >详情</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            
+                            <pagination
+                            v-show="expiredTotal>0"
+                            :total="expiredTotal"
+                            :page.sync="queryParamsExpired.pageNum"
+                            :limit.sync="queryParamsExpired.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getExpiredList"
+                            />
+                        </el-tab-pane>
                     </el-tabs>
                 </div>
             </el-card>
@@ -566,7 +668,7 @@
 </template>
 <script>
 import * as echarts from 'echarts';
-import { getCreditLineAll, getAvailableBalance, getEffectBalance, getLoanBalance, getLoseEffectBalance, getReturnBalance, getFinanceAmount, getFinanceAmountAll, getExpiredBalance, getCoreCreditLine, getCreditLineList, getCreditLineNumList, financeRecordMonth } from '@/api/service/report/credit'
+import { getCreditLineAll, getAvailableBalance, getEffectBalance, getLoanBalance, getLoseEffectBalance, getReturnBalance, getFinanceAmount, getFinanceAmountAll, getExpiredBalance, getCoreCreditLine, getCreditLineList, getCreditLineNumList, financeRecordMonth, getExpiredList } from '@/api/service/report/credit'
 import { getCompanyNum, getFinanceSupplier, getFinanceNum, getCompanyReport } from '@/api/service/report/company'
 import { getOwnCompany } from "@/api/common/company";
 import { accAdd, accSub } from "@/utils/calculation";
@@ -577,6 +679,7 @@ import  EchartBar  from '@/components/Echart/bar/index'
 import { EventBus } from '@/util/event-bus.js'
 import WorkDeal from "@/views/workDeal";
 import { getRouters } from '@/api/menu'
+import Cookies from 'js-cookie'
 export default {
   components: {
     EchartPie,
@@ -708,6 +811,20 @@ export default {
                 pageSize:5,
                 type:'01'
             },
+            oldWorkList:[],
+            oldWorkTotal: 0,
+            queryParamsOldWork:{
+                pageNum:1,
+                pageSize:5,
+                type:'00',
+                status:'1'
+            },
+            expiredList:[],
+            expiredTotal: 0,
+            queryParamsExpired:{
+                pageNum:1,
+                pageSize:5,
+            },
             activeName:'first',
             company:{},
             openWork:false,
@@ -878,11 +995,13 @@ export default {
                     //融信统计 -- 列表
                     this.getNumList()
                     //融资开立月度统计 -- 柱状图
-                    this.getFinanceRecordMonth()  
-                    //融资开立年度统计 -- 柱状图
                     this.getFinanceRecord()  
+                    //融资开立年度统计 -- 柱状图
+                    this.getFinanceRecordYear()  
                     //即将到期额度（30天）
                     this.getExpiredBalance()
+                    //即将到期额度（30天）-- 列表
+                    this.getExpiredList()
                     //查询代办
                     this.getWorkList()
                     //查询消息
@@ -899,6 +1018,8 @@ export default {
                     this.getEffectBalance()
                     //即将到期额度（30天）
                     this.getExpiredBalance()
+                    //即将到期额度（30天）-- 列表
+                    this.getExpiredList()
                     //查询代办
                     this.getWorkList()
                     //查询消息
@@ -1259,12 +1380,7 @@ export default {
             financeRecordMonth(queryParams).then((response) => {
                 this.yearDataList = response.data.dataList
                 this.yearExtraOption.xAxis[0].data = response.data.dateList
-                if (this.company.scyType == '01') {
-                    // 核心企业
-                    this.initEchartBarCapital('echartBarCapitalDay', response.data.dataList, response.data.dateList, true)
-                } else {
-                    this.iniEcharBar('echarBarBusiness', response.data.dataList, response.data.dateList)
-                }
+                this.iniEcharBar('echarBarBusiness', response.data.dataList, response.data.dateList)
             });
         },
         //查询代办
@@ -1281,6 +1397,20 @@ export default {
                 this.noticeTotal = response.total 
             });
         },
+        //查询已办
+        getOldWorkList(){
+            listNotice(this.queryParamsOldWork).then((response) => {
+                this.oldWorkList = response.rows
+                this.oldWorkTotal = response.total
+            });
+        },
+        //企业即将到期额度（30天） -- 列表
+        getExpiredList(){
+            getExpiredList(this.queryParamsExpired).then(response => {
+                this.expiredList = response.data.records;
+                this.expiredTotal = response.data.total
+            })
+        },
         //即将到期额度（30天）
         getExpiredBalance(){
             getExpiredBalance().then(response => {
@@ -1288,7 +1418,7 @@ export default {
             })
         },
         //融资开立年度统计 -- 柱状图
-        getFinanceRecord(){
+        getFinanceRecordYear(){
             let queryParams = {}
             queryParams.dateType = "01"
             financeRecordMonth(queryParams).then((response) => {
@@ -1297,6 +1427,16 @@ export default {
                 this.initEchartBarCapital('echartBarCapital', response.data.dataList, response.data.dateList)
             });
         },
+        //融资开立月度统计 -- 柱状图
+        getFinanceRecord(){
+            let queryParams = {}
+            queryParams.dateType = "03"
+            financeRecordMonth(queryParams).then((response) => {
+                this.monthDataList = response.data.dataList
+                this.monthExtraOption.xAxis[0].data = response.data.dateList
+                this.initEchartBarCapital('echartBarCapitalDay', response.data.dataList, response.data.dateList, true)
+            });
+        },
         initEchartBarCapital  (id, series, dateList, transform) {   
             if (transform) {
                 // 时间选择是周的时候进行转换 YYYY-MM-D 2 MM.D
@@ -1439,6 +1579,28 @@ export default {
             this.getWorkList()
             this.openWork = false;
         },
+        //去融信
+        toCredit(){
+          this.$router.push({ path: "/Bill/credit" });
+        },
+        //去授信
+        toCreditLine(){
+          this.$router.push({ path: "/Bill/creditLine" });
+        },
+        //去还款
+        toRepayment(){
+          this.$router.push({ path: "/Bill/repayment" });
+        },
+        //去融资
+        toFinanceRecord(){
+          this.$router.push({ path: "/Bill/financeRecord" });
+        },
+        /** 详情按钮操作 */
+        handleInfo(row) {
+            const zfrId = row.zfrId;
+            Cookies.set("/repayment/detailRepayment/"+zfrId+"/", this.$route.fullPath);
+            this.$router.push({path:"/repayment/detailRepayment/"+zfrId+"/"});
+        },
     },
 };
 </script>