|
|
@@ -98,8 +98,8 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 平台待办 -->
|
|
|
- <el-card class="box-card" style="margin-bottom: 20px" v-hasPermi="['system:home:companyWork']">
|
|
|
- <div class="text item">
|
|
|
+ <el-row style="margin-bottom: 20px" v-hasPermi="['system:home:companyWork']">
|
|
|
+ <div class="zap-bg" style="padding: 0 30px;">
|
|
|
<el-tabs v-model="activeName">
|
|
|
<el-tab-pane label="我的待办" name="first" style="height:400px">
|
|
|
<el-table :data="workList" :show-header="false">
|
|
|
@@ -153,7 +153,7 @@
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
- </el-card>
|
|
|
+ </el-row>
|
|
|
|
|
|
<!-- 平台统计图 -->
|
|
|
<div v-hasPermi="['system:home:companyChart']">
|
|
|
@@ -229,56 +229,61 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 核心企业 -->
|
|
|
- <div v-if="company.scyType == '01'">
|
|
|
- <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">我开立的融信</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(getFinancedNum())}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">可用授权额度</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(getsubNum())}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">即将到期付款</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(expiredBalance)}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">我的代办</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{workTotal}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">可用授权额度(正向保理)</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(getsubNumForward())}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">总授权额度(正向保理)</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(creditLineAllForward)}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
|
|
|
+ <div v-if="company.scyType == '01'" class="zap-margin">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <!-- 第一行 -->
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">我开立的融信</div>
|
|
|
+ <div class="zap-card__wrap zap-card__blue">
|
|
|
+ <span class="zap-card__num">{{handleInput(getFinancedNum())}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">可用授权额度</div>
|
|
|
+ <div class="zap-card__wrap zap-card__gold">
|
|
|
+ <span class="zap-card__num">{{handleInput(getsubNum())}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">即将到期付款</div>
|
|
|
+ <div class="zap-card__wrap zap-card__pink">
|
|
|
+ <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <!-- 第二行 -->
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">我的代办</div>
|
|
|
+ <div class="zap-card__wrap zap-card__blue">
|
|
|
+ <span class="zap-card__num">{{workTotal}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">可用授权额度(正向保理)</div>
|
|
|
+ <div class="zap-card__wrap zap-card__gold">
|
|
|
+ <span class="zap-card__num">{{handleInput(getsubNumForward())}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">总授权额度(正向保理)</div>
|
|
|
+ <div class="zap-card__wrap zap-card__pink">
|
|
|
+ <span class="zap-card__num">{{handleInput(creditLineAllForward)}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- 我的待办、消息 -->
|
|
|
+ <el-row class="zap-list">
|
|
|
<div class="text item">
|
|
|
<el-tabs v-model="activeName">
|
|
|
<el-tab-pane label="我的待办" name="first" style="height:400px">
|
|
|
@@ -333,39 +338,48 @@
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:59%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">融信授权额度</span>
|
|
|
- </div>
|
|
|
- <div class="text item">
|
|
|
- <echart-pie :series-data="dataList" :extra-option="extraOption" style="height:200px;width:40%;float:left"/>
|
|
|
- <div style="height:300px;width:60%;float:right">
|
|
|
- <el-table :data="creditLineList">
|
|
|
- <el-table-column label="渠道名称" align="center" prop="managementName" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="额度" align="center" prop="allAmount" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="可用金额" align="center" prop="subAmount" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="已用金额" align="center" prop="availableAmount" :show-overflow-tooltip="true"/>
|
|
|
- </el-table>
|
|
|
-
|
|
|
- <pagination
|
|
|
- v-show="creditLineTotal>0"
|
|
|
- :total="creditLineTotal"
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
- :pager-count="5"
|
|
|
- :page-sizes="[5]"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
+ </el-row>
|
|
|
+ <!-- 融信授权额度、融信统计 -->
|
|
|
+ <el-row class="zap-margin" :gutter="20">
|
|
|
+ <el-col class="zap-chart-quto" :xs="24" :sm="16" :md="16" :lg="16">
|
|
|
+ <div style="padding: 0 20px;background: #fff;" class="zap-home-chart__title zap-home-chart__title--align-left zap-padding-clear zap-home-chart__title--middle">
|
|
|
+ 融信授权额度
|
|
|
+ <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>
|
|
|
+ <span class="zap-home-chart__text">已用</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:33%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">融信统计</span>
|
|
|
- </div>
|
|
|
- <div class="text item">
|
|
|
- <div style="height:300px">
|
|
|
+ <el-row style="background: #fff;padding-right: 20px;height: 300px;">
|
|
|
+ <el-col :span="12">
|
|
|
+ <div id="echartPie" style="height: 300px;"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div style="height:300px;">
|
|
|
+ <el-table :data="creditLineList">
|
|
|
+ <el-table-column label="渠道名称" align="center" prop="managementName" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="额度" align="center" prop="allAmount" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="可用金额" align="center" prop="subAmount" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="已用金额" align="center" prop="availableAmount" :show-overflow-tooltip="true"/>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ v-show="creditLineTotal>0"
|
|
|
+ :total="creditLineTotal"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ :pager-count="5"
|
|
|
+ :page-sizes="[5]"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="zap-statistics" :xs="24" :sm="8" :md="8" :lg="8">
|
|
|
+ <div style="background: #fff;padding: 0 20px;" class="zap-home-chart__title zap-home-chart__title--align-left zap-padding-clear zap-home-chart__title--middle">
|
|
|
+ 融信统计
|
|
|
+ </div>
|
|
|
+ <div style="height:300px;background: #fff;padding: 0 20px;">
|
|
|
<el-table :data="creditLineNumList">
|
|
|
<el-table-column label="渠道名称" align="center" prop="managementName" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="数量" align="center" prop="num" :show-overflow-tooltip="true"/>
|
|
|
@@ -382,24 +396,31 @@
|
|
|
@pagination="getNumList"
|
|
|
/>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:46%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">融资开立资金表(年)</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:300px">
|
|
|
- <echart-bar :series-data="monthDataList" :extra-option="monthExtraOption"/>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:46%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">融资开立资金表(7天内)</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:300px">
|
|
|
- <echart-bar :series-data="yearDataList" :extra-option="yearExtraOption"/>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <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">
|
|
|
+ 融资开立资金表(年)
|
|
|
+ <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>
|
|
|
+ <span class="zap-home-chart__text">还款额度</span>
|
|
|
+ </div>
|
|
|
+ <div id="echartBarCapital" class="zap-bg " style="height: 300px"></div>
|
|
|
+ </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天内)
|
|
|
+ <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>
|
|
|
+ <span class="zap-home-chart__text">还款额度</span>
|
|
|
+ </div>
|
|
|
+ <div id="echartBarCapitalDay" class="zap-bg " style="height: 300px"></div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
|
|
|
<!-- 融资企业 -->
|
|
|
@@ -497,43 +518,47 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 资方 -->
|
|
|
- <div v-if="company.scyType == '03'">
|
|
|
- <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">持有融信额度</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <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;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">融资中额度</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <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;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">已融资额度</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(getFinancedNum())}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">即将到期融资额度(30天)</span>
|
|
|
- </div>
|
|
|
- <div class="text item" style="height:100px">
|
|
|
- <span style="color: #666ee8; font-weight: bold;">{{handleInput(expiredBalance)}}</span>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
+ <div v-if="company.scyType == '03'" class="zap-margin">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <!-- 第一行 -->
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">持有融信额度</div>
|
|
|
+ <div class="zap-card__wrap zap-card__blue">
|
|
|
+ <span class="zap-card__num">{{handleInput(getFinancedNum())}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">融资中额度</div>
|
|
|
+ <div class="zap-card__wrap zap-card__gold">
|
|
|
+ <span class="zap-card__num">{{handleInput(availableBalance)}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">已融资额度</div>
|
|
|
+ <div class="zap-card__wrap zap-card__pink">
|
|
|
+ <span class="zap-card__num">{{handleInput(getFinancedNum())}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <!-- 第二行 -->
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8">
|
|
|
+ <div class="zap-card">
|
|
|
+ <div class="zap-card__title">即将到期融资额度(30天)</div>
|
|
|
+ <div class="zap-card__wrap zap-card__blue">
|
|
|
+ <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-dialog title="待办处理" :visible.sync="openWork" width="500px" append-to-body>
|
|
|
+ <work-deal :tableId="tableId" :workType="workType" :noticeId="noticeId" @cancelOpen="cancel"></work-deal>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
- <el-dialog title="待办处理" :visible.sync="openWork" width="500px" append-to-body>
|
|
|
- <work-deal :tableId="tableId" :workType="workType" :noticeId="noticeId" @cancelOpen="cancel"></work-deal>
|
|
|
- </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -710,7 +735,7 @@ export default {
|
|
|
mounted() {
|
|
|
},
|
|
|
methods: {
|
|
|
- initChartPie () {
|
|
|
+ initChartPie (data, name, color, formatter) {
|
|
|
let chartPie = document.getElementById('echartPie');
|
|
|
let myChart = echarts.init(chartPie);
|
|
|
let option = {
|
|
|
@@ -718,10 +743,10 @@ export default {
|
|
|
trigger: 'item',
|
|
|
formatter: '{b}： {d}%'
|
|
|
},
|
|
|
- color: ["#f9b51d", "#30d894", "#ff6d8a", "#4280f2"],
|
|
|
+ color: color,
|
|
|
label: {
|
|
|
alignTo: 'edge',
|
|
|
- formatter: '{name|{b}}\n{unit|{c} 万}',
|
|
|
+ formatter: formatter,
|
|
|
minMargin: 5,
|
|
|
edgeDistance: 10,
|
|
|
rich: {
|
|
|
@@ -730,6 +755,14 @@ export default {
|
|
|
fontSize: 14,
|
|
|
color: '#333'
|
|
|
},
|
|
|
+ percent: {
|
|
|
+ lineHeight: 14,
|
|
|
+ fontSize: 14,
|
|
|
+ },
|
|
|
+ percentUnit: {
|
|
|
+ lineHeight: 34,
|
|
|
+ fontSize: 14,
|
|
|
+ },
|
|
|
unit: {
|
|
|
lineHeight: 46,
|
|
|
fontSize: 22,
|
|
|
@@ -738,10 +771,10 @@ export default {
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
- name: '平台资金统计',
|
|
|
+ name: name,
|
|
|
type: 'pie',
|
|
|
radius: '50%',
|
|
|
- data: this.financeAmountList,
|
|
|
+ data: data,
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
@@ -758,7 +791,6 @@ export default {
|
|
|
getRouters().then(res => {
|
|
|
// this.data = res.data
|
|
|
this.setName(res.data)
|
|
|
- console.log(this.expandedKeys)
|
|
|
this.expandedKeys.forEach(element => {
|
|
|
this.$set(this,element, true)
|
|
|
});
|
|
|
@@ -909,7 +941,6 @@ export default {
|
|
|
//融资中金额
|
|
|
getAvailableBalance(){
|
|
|
getAvailableBalance().then(response => {
|
|
|
- console.log(response)
|
|
|
this.availableBalance = response.data.allAmount
|
|
|
})
|
|
|
},
|
|
|
@@ -924,7 +955,6 @@ export default {
|
|
|
//已生效金额
|
|
|
getEffectBalance(){
|
|
|
getEffectBalance().then(response => {
|
|
|
- console.log(response)
|
|
|
this.effectBalance = response.data.allAmount
|
|
|
})
|
|
|
},
|
|
|
@@ -939,7 +969,6 @@ export default {
|
|
|
//已放款金额
|
|
|
getLoanBalance(){
|
|
|
getLoanBalance().then(response => {
|
|
|
- console.log(response)
|
|
|
this.loanBalance = response.data.allAmount
|
|
|
})
|
|
|
},
|
|
|
@@ -954,7 +983,6 @@ export default {
|
|
|
//融资业务数量
|
|
|
getFinanceNum(){
|
|
|
getFinanceNum().then(response => {
|
|
|
- console.log(response)
|
|
|
this.financeNum = response.data.num
|
|
|
})
|
|
|
},
|
|
|
@@ -992,14 +1020,13 @@ export default {
|
|
|
getFinanceAmount(){
|
|
|
getFinanceAmount().then(response => {
|
|
|
this.financeAmountList = response.data;
|
|
|
- this.initChartPie()
|
|
|
+ this.initChartPie(response.data, '平台资金统计', ["#f9b51d", "#30d894", "#ff6d8a", "#4280f2"], '{name|{b}}\n{unit|{c} 万}')
|
|
|
})
|
|
|
},
|
|
|
//平台用户统计 -- 柱状图
|
|
|
getCompanyReport(){
|
|
|
let queryParams = {}
|
|
|
queryParams.dateType = this.dateType
|
|
|
- console.log(queryParams,"queryParams")
|
|
|
getCompanyReport(queryParams).then((response) => {
|
|
|
this.companyDataList = response.data.dataList
|
|
|
this.companyExtraOption.xAxis[0].data = response.data.dateList
|
|
|
@@ -1193,7 +1220,12 @@ export default {
|
|
|
financeRecordMonth(queryParams).then((response) => {
|
|
|
this.yearDataList = response.data.dataList
|
|
|
this.yearExtraOption.xAxis[0].data = response.data.dateList
|
|
|
- this.iniEcharBar('echarBarBusiness', response.data.dataList, 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)
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
//查询代办
|
|
|
@@ -1211,7 +1243,6 @@ export default {
|
|
|
//即将到期额度（30天）
|
|
|
getExpiredBalance(){
|
|
|
getExpiredBalance().then(response => {
|
|
|
- console.log(response)
|
|
|
this.expiredBalance = response.data.allAmount
|
|
|
})
|
|
|
},
|
|
|
@@ -1222,12 +1253,115 @@ export default {
|
|
|
financeRecordMonth(queryParams).then((response) => {
|
|
|
this.monthDataList = response.data.dataList
|
|
|
this.monthExtraOption.xAxis[0].data = response.data.dateList
|
|
|
+ this.initEchartBarCapital('echartBarCapital', response.data.dataList, response.data.dateList)
|
|
|
});
|
|
|
},
|
|
|
+ initEchartBarCapital (id, series, dateList, transform) {
|
|
|
+ if (transform) {
|
|
|
+ // 时间选择是周的时候进行转换 YYYY-MM-D 2 MM.D
|
|
|
+ dateList = dateList.map(item => {
|
|
|
+ let arr = item.split('-').slice(1)
|
|
|
+ return arr.join('.')
|
|
|
+ })
|
|
|
+ }
|
|
|
+ let _series = series.map(item => {
|
|
|
+ item.type = 'bar'
|
|
|
+ item.barWidth = 12
|
|
|
+ item.barGap = '20%'
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ let option = {
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ axisPointer: {
|
|
|
+ type: 'cross',
|
|
|
+ crossStyle: {
|
|
|
+ color: '#999'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: '20%'
|
|
|
+ },
|
|
|
+ color: ["#4280f2", "#fb738a"],
|
|
|
+ xAxis: [
|
|
|
+ {
|
|
|
+ type: 'category',
|
|
|
+ axisLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show:false //y轴坐标点消失
|
|
|
+ },
|
|
|
+ data: dateList,
|
|
|
+ axisPointer: {
|
|
|
+ type: 'shadow'
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ margin: 34,
|
|
|
+ fontSize: 16,
|
|
|
+ color: '#666666',
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ name: '',
|
|
|
+ axisLine:{
|
|
|
+ show:false //y轴线消失
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show:false //y轴坐标点消失
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ margin: 11,
|
|
|
+ fontSize: 16,
|
|
|
+ color: '#666666',
|
|
|
+ formatter: '{value}'
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ type: 'dashed',
|
|
|
+ color: ['#e5e5e5'],
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ name: '',
|
|
|
+ axisLine:{
|
|
|
+ show:false //y轴线消失
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show:false //y轴坐标点消失
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ margin: 11,
|
|
|
+ fontSize: 16,
|
|
|
+ color: '#666666',
|
|
|
+ formatter: '{value}%'
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ type: 'dashed',
|
|
|
+ color: ['#e5e5e5'],
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ series: _series
|
|
|
+ };
|
|
|
+ let chartBar = document.getElementById(id);
|
|
|
+ let myChart = echarts.init(chartBar);
|
|
|
+ myChart.clear()
|
|
|
+ myChart.setOption(option)
|
|
|
+ },
|
|
|
//融信授权额度 -- 饼图
|
|
|
getCreditLine(){
|
|
|
getCoreCreditLine().then(response => {
|
|
|
this.dataList = response.data;
|
|
|
+ this.initChartPie(response.data, '融信授权额度', ['#ff6d8a', '#4280f2'], '{percent|{d}%}\n{percentUnit|{c} 万}')
|
|
|
})
|
|
|
},
|
|
|
//融信授权额度 -- 列表
|
|
|
@@ -1250,7 +1384,6 @@ export default {
|
|
|
},
|
|
|
/** 详情按钮操作 */
|
|
|
handleDetail(row) {
|
|
|
- console.log(row)
|
|
|
if(row.openType == '00'){
|
|
|
this.openWork = true
|
|
|
this.noticeId = row.noticeId
|
|
|
@@ -1343,6 +1476,12 @@ export default {
|
|
|
color: #333333;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+.zap-home-chart__title--middle{
|
|
|
+ height: 58px;
|
|
|
+}
|
|
|
+.zap-home-chart__title--align-left{
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
.zap-home-chart--space{
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
@@ -1386,6 +1525,9 @@ export default {
|
|
|
.zap-home-chart__circle--green{
|
|
|
background-color: #30d894;
|
|
|
}
|
|
|
+.zap-home-chart__circle--red{
|
|
|
+ background-color: #ff6d8a;
|
|
|
+}
|
|
|
.zap-home-chart__circle--margin{
|
|
|
margin-left: 25px;
|
|
|
}
|
|
|
@@ -1413,4 +1555,40 @@ export default {
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
+.zap-margin{
|
|
|
+ margin-top: 25px;
|
|
|
+}
|
|
|
+// 消息列表
|
|
|
+.el-card__body{
|
|
|
+ padding: 0 18px;
|
|
|
+}
|
|
|
+.el-tabs__item{
|
|
|
+ height: 54px;
|
|
|
+ line-height: 54px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666;
|
|
|
+}
|
|
|
+.el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{
|
|
|
+ border-bottom: 1px dashed #999999;
|
|
|
+}
|
|
|
+.zap-padding-clear{
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.zap-list{
|
|
|
+ padding: 0 18px;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+.zap-chart-quto{
|
|
|
+ height: 358px;
|
|
|
+}
|
|
|
+.zap-statistics{
|
|
|
+ height: 358px;
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+.zap-padding{
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+.zap-bg{
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
</style>
|
guolufei123