|
|
@@ -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>
|
dudm