front/front-vue/src/views/home.vue

<template >
    <div id="" class="zap-home__main">
        <!-- 平台 -->
        <div v-if="company.scyType == '00'">
            <div class="zap-home__title">平台数据统计</div>
            <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">{{companyNum}}</span>
                            <span class="zap-card__unit">个</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">{{financeSupplierNum}}</span>
                            <span class="zap-card__unit">万</span>
                            <span class="zap-card__slash">/</span>
                            <span class="zap-card__num">{{supplierNum}}</span>
                            <span class="zap-card__unit">个</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">{{coreNum}}</span>
                            <span class="zap-card__unit">个</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">{{handleInput(getFinancedNum())}}</span>
                            <span class="zap-card__unit">万</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>
                            <span class="zap-card__unit">万</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(loanBalance)}}</span>
                            <span class="zap-card__unit">个</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">{{financeNum}}</span>
                            <span class="zap-card__unit">笔</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(creditLineAll)}}</span>
                            <span class="zap-card__unit">万</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(getsubNum())}}</span>
                            <span class="zap-card__unit">万</span>
                        </div>
                    </div>
                </el-col>
            </el-row>
           
           <!-- 平台资金统计扇形图 -->
            <el-row class="zap-home-chart">
                <el-col>
                    <div class="zap-home-chart__title">平台资金统计</div>
                    <div id="echartPie" style="width: 100%;height: 490px"></div>
                    <!-- <echart-pie :series-data="financeAmountList" :extra-option="extraOption"/> -->
                </el-col>
            </el-row>
                
            <el-card class="box-card" style="width:93%;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:650px">
                    <el-select v-model="dateType" @change="getCompanyReport">
                        <el-option v-for="(item,index) in dateTypeList" :key="index" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                    <echart-bar :series-data="companyDataList" :extra-option="companyExtraOption"/>
                </div>
            </el-card>
            <el-card class="box-card" style="width:93%;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:650px">
                    <el-select v-model="financeDateType" @change="getFinanceRecordMonth">
                        <el-option v-for="(item,index) in dateTypeList" :key="index" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                    <echart-bar :series-data="yearDataList" :extra-option="yearExtraOption"/>
                </div>
            </el-card>
            <el-card class="box-card" style="width:93%;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:650px">
                    <echart-bar :series-data="coreFinanceAmountList" :extra-option="coreFinanceAmountExtraOption"/>
                </div>
            </el-card>
        </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 class="text item">
                    <el-tabs v-model="activeName">
                        <el-tab-pane label="我的待办" name="first" style="height:400px">
                            <el-table :data="workList" :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-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
                                    <template slot-scope="scope">
                                        <el-button
                                            size="mini"
                                            type="text"
                                            @click="handleDetail(scope.row)"
                                        >去办理</el-button>
                                            <!-- v-if="scope.row.openUrl" -->
                                    </template>
                                </el-table-column>
                            </el-table>
                            
                            <pagination
                            v-show="workTotal>0"
                            :total="workTotal"
                            :page.sync="queryParamsWork.pageNum"
                            :limit.sync="queryParamsWork.pageSize"
                            :pager-count="5"
                            :page-sizes="[5]"
                            @pagination="getWorkList"
                            />
                        </el-tab-pane>
                        <el-tab-pane label="消息" name="second" style="height:400px">
                            <el-table :data="noticeList" :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="noticeTotal>0"
                            :total="noticeTotal"
                            :page.sync="queryParamsNotice.pageNum"
                            :limit.sync="queryParamsNotice.pageSize"
                            :pager-count="5"
                            :page-sizes="[5]"
                            @pagination="getNoticeList"
                            />
                        </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"
                        />
                    </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-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"/>
                            <el-table-column label="额度" align="center" prop="allAmount" :show-overflow-tooltip="true"/>
                        </el-table>
                        
                        <pagination
                        v-show="creditLineNumTotal>0"
                        :total="creditLineNumTotal"
                        :page.sync="queryParamsNum.pageNum"
                        :limit.sync="queryParamsNum.pageSize"
                        :pager-count="5"
                        :page-sizes="[5]"
                        @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>
        </div>

        <!-- 融资企业 -->
        <div v-if="company.scyType == '02'">
            <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>
            <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
                <!-- <div slot="header" class="clearfix">
                </div> -->
                <div class="text item" style="height:auto">
                    <el-tabs v-model="activeName">
                        <el-tab-pane label="我的待办" name="first" style="height:400px">
                            <el-table :data="workList" :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-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="handleDetail(scope.row)"
                                        >去办理</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                            
                            <pagination
                            v-show="workTotal>0"
                            :total="workTotal"
                            :page.sync="queryParamsWork.pageNum"
                            :limit.sync="queryParamsWork.pageSize"
                            :pager-count="5"
                            :page-sizes="[5]"
                            @pagination="getWorkList"
                            />
                        </el-tab-pane>
                        <el-tab-pane label="消息" name="second" style="height:400px">
                            <el-table :data="noticeList" :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="noticeTotal>0"
                            :total="noticeTotal"
                            :page.sync="queryParamsNotice.pageNum"
                            :limit.sync="queryParamsNotice.pageSize"
                            :pager-count="5"
                            :page-sizes="[5]"
                            @pagination="getNoticeList"
                            />
                        </el-tab-pane>
                    </el-tabs>
                </div>
            </el-card>
        </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>
        <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>
import * as echarts from 'echarts';
import { getCreditLineAll, getAvailableBalance, getEffectBalance, getLoanBalance, getFinanceAmount, getFinanceAmountAll, getExpiredBalance, getCoreCreditLine, getCreditLineList, getCreditLineNumList, financeRecordMonth } 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";
import { listNotice } from '@/api/system/notice'
import { amtformat } from "@/utils/amtCommon"
import  EchartPie  from '@/components/Echart/pie/index'
import  EchartBar  from '@/components/Echart/bar/index'
import { EventBus } from '@/util/event-bus.js'
import WorkDeal from "@/views/workDeal";
export default {
  components: {
    EchartPie,
    EchartBar,
    WorkDeal
  },
    data() {
        return {
            widthSize:'500px',
            heightSize:'280px',
            companyNum: 0,
            supplierNum: 0,
            coreNum: 0,
            financeSupplierNum: 0,
            availableBalance: 0,
            availableBalanceForward: 0,
            loanBalance: 0,
            loanBalanceForward: 0,
            effectBalance: 0,
            effectBalanceForward: 0,
            financeNum: 0,
            expiredBalance: 0,
            financeAmountList: [],
            companyDataList:[],
            dateType: "00",
            financeDateType: "00",
            dateTypeList: [
                {label:"周",value:"00"},
                {label:"年",value:"01"}
            ],
            companyExtraOption:{
              xAxis: [
                  {
                      data: [],
                  }
              ],
              legend: {
              },
            },
            coreFinanceAmountList: [],
            coreFinanceAmountExtraOption:{
              yAxis: [
                  {
                      type:"category",
                      data: [],
                  }
              ],
              xAxis: [
                  {
                      type: "value",
                  }
              ],
              legend: {
              },
            },
            dataList:[],
            yearDataList:[],
            monthDataList:[],
            extraOption:{
              legend: {
                type: 'scroll',
                orient: 'vertical',
                left: "left",
                right: 10,
                top: 20,
                bottom: 20,
              },
            },
            yearExtraOption:{
              xAxis: [
                  {
                      data: [],
                  }
              ],
              legend: {
              },
            },
            monthExtraOption:{
              xAxis: [
                  {
                      data: [],
                  }
              ],
              legend: {
              },
            },
            creditLineAll: 0,
            creditLineAllForward: 0,
            creditLineList:[],
            creditLineTotal:0,
            queryParams:{
                pageNum:1,
                pageSize:5
            },
            creditLineNumList:[],
            creditLineNumTotal:0,
            queryParamsNum:{
                pageNum:1,
                pageSize:5
            },
            workList:[],
            workTotal: 0,
            queryParamsWork:{
                pageNum:1,
                pageSize:5,
                type:'00'
            },
            noticeList:[],
            noticeTotal: 0,
            queryParamsNotice:{
                pageNum:1,
                pageSize:5,
                type:'01'
            },
            activeName:'first',
            company:{},
            openWork:false,
            workUrl:null,
            workType:null,
            tableId:null,
            noticeId:null
        }
    },
    created: function () {
        var children = [];
        this.$store.state.permission.routes.map((item) => {
            if (this.$route.matched[0] && item.alwaysShow && this.$route.matched[0].path == item.path) {
            children = item.children
            }
        });
        if(children && children.length != 0){
            EventBus.$emit('on-click-higher', {children: children, basepath: this.$route.matched[0].path})
        }
        this.selectHome()
    },
    activated () {
        this.selectHome()
    }, 
    mounted() {
    },
    methods: {
        initChartPie () {
            console.log(this.financeAmountList, 9999)
            let chartPie = document.getElementById('echartPie');
            let myChart = echarts.init(chartPie);
            let option = {
                tooltip: {
                    trigger: 'item'
                },
                color: ["#f9b51d", "#30d894", "#ff6d8a", "#4280f2"],
                label: {
                    alignTo: 'edge',
                    formatter: '{name|{b}}\n{unit|{c} 万}',
                    minMargin: 5,
                    edgeDistance: 10,
                    rich: {
                        name: {
                            lineHeight: 14,
                            fontSize: 14,
                            color: '#333'
                        },
                        unit: {
                            lineHeight: 46,
                            fontSize: 22,
                        }
                    }
                },
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '50%',
                        data: [
                            {value: 1048, name: '搜索引擎'},
                            {value: 735, name: '直接访问'},
                            {value: 580, name: '邮件营销'},
                            {value: 484, name: '联盟广告'},
                            {value: 300, name: '视频广告'}
                        ], // this.financeAmountList
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            myChart.setOption(option);
        },
        //查询各角色首页模块
        selectHome(){
            //查询企业类型
            getOwnCompany().then((response) => {
                this.company = response.data;
            }).then((response) => {
                //平台
                if(this.company.scyType == '00'){
                    //入驻企业数量
                    this.getCompanyNum()
                    //入驻供应商数量
                    this.getSupplierNum()
                    //入驻核心企业数量
                    this.getCoreNum()
                    //融资开立月度统计 -- 柱状图
                    this.getFinanceRecordMonth()  
                    //已融资供应商数量
                    this.getFinanceSupplier()
                    //融资中金额
                    this.getAvailableBalance()
                    //已放款金额
                    this.getLoanBalance()
                    //已生效金额
                    this.getEffectBalance()
                    //融资业务数量
                    this.getFinanceNum()
                    //授信总额度
                    this.getCreditLineAll()
                    //平台资金 -- 饼图
                    this.getFinanceAmount()
                    //平台用户统计 -- 柱状图
                    this.getCompanyReport()
                    //核心企业额度比例 -- 柱状图
                    this.getFinanceAmountAll()
                //核心企业
                }else if(this.company.scyType == '01'){
                    //授信总额度
                    this.getCreditLineAll()
                    //授信总额度 -- 正向保理
                    this.getCreditLineAllForward()
                    //融资中金额
                    this.getAvailableBalance()
                    //融资中金额 -- 正向保理
                    this.getAvailableBalanceForward()
                    //已放款金额
                    this.getLoanBalance()
                    //已放款金额 -- 正向保理
                    this.getLoanBalanceForward()
                    //已生效金额
                    this.getEffectBalance()
                    //已生效金额 -- 正向保理
                    this.getEffectBalanceForward()
                    //融信授权额度 -- 饼图
                    this.getCreditLine()
                    //融信授权额度 -- 列表
                    this.getList()
                    //融信统计 -- 列表
                    this.getNumList()
                    //融资开立月度统计 -- 柱状图
                    this.getFinanceRecordMonth()  
                    //融资开立年度统计 -- 柱状图
                    this.getFinanceRecord()  
                    //即将到期额度（30天）
                    this.getExpiredBalance()
                    //查询代办
                    this.getWorkList()
                    //查询消息
                    this.getNoticeList()
                //融资企业
                }else if(this.company.scyType == '02'){
                    //授信总额度
                    this.getCreditLineAll()
                    //融资中金额
                    this.getAvailableBalance()
                    //已放款金额
                    this.getLoanBalance()
                    //已生效金额
                    this.getEffectBalance()
                    //即将到期额度（30天）
                    this.getExpiredBalance()
                    //查询代办
                    this.getWorkList()
                    //查询消息
                    this.getNoticeList()
                //资方
                }else if(this.company.scyType == '03'){
                    //授信总额度
                    this.getCreditLineAll()
                    //融资中金额
                    this.getAvailableBalance()
                    //已放款金额
                    this.getLoanBalance()
                    //已生效金额
                    this.getEffectBalance()
                    //即将到期额度（30天）
                    this.getExpiredBalance()
                }
                
            });
        },
        //入驻企业数量
        getCompanyNum(){
            getCompanyNum().then((response) => {
                this.companyNum = response.data.num
            });
        },
        //入驻供应商数量
        getSupplierNum(){
            let queryParams = {}
            queryParams.type = "02"
            getCompanyNum(queryParams).then((response) => {
                this.supplierNum = response.data.num
            });
        },
        //入驻核心企业数量
        getCoreNum(){
            let queryParams = {}
            queryParams.type = "01"
            getCompanyNum(queryParams).then((response) => {
                this.coreNum = response.data.num
            });
        },
        //已融资供应商数量
        getFinanceSupplier(){
            getFinanceSupplier().then((response) => {
                this.financeSupplierNum = response.data.num
            });
        },
        //融资中金额
        getAvailableBalance(){
            getAvailableBalance().then(response => {
                console.log(response)
                this.availableBalance = response.data.allAmount
            })
        },
        //融资中金额 -- 正向保理
        getAvailableBalanceForward(){
            let queryParams = {}
            queryParams.zfpType = "0"
            getAvailableBalance(queryParams).then(res => {
                this.availableBalanceForward = res.data.allAmount
            })
        },
        //已生效金额
        getEffectBalance(){
            getEffectBalance().then(response => {
                console.log(response)
                this.effectBalance = response.data.allAmount
            })
        },
        //已生效金额 -- 正向保理
        getEffectBalanceForward(){
            let queryParams = {}
            queryParams.zfpType = "0"
            getEffectBalance(queryParams).then(res => {
                this.effectBalanceForward = res.data.allAmount
            })
        },
        //已放款金额
        getLoanBalance(){
            getLoanBalance().then(response => {
                console.log(response)
                this.loanBalance = response.data.allAmount
            })
        },
        //已放款金额 -- 正向保理
        getLoanBalanceForward(){
            let queryParams = {}
            queryParams.zfpType = "0"
            getLoanBalance(queryParams).then(res => {
                this.loanBalanceForward = res.data.allAmount
            })
        },
        //融资业务数量
        getFinanceNum(){
            getFinanceNum().then(response => {
                console.log(response)
                this.financeNum = response.data.num
            })
        },
        //授信总额度
        getCreditLineAll(){
            getCreditLineAll().then(res => {
                this.creditLineAll = res.data.allAmount
            })
        },
        //授信总额度 -- 正向保理
        getCreditLineAllForward(){
            let queryParams = {}
            queryParams.zfpType = "0"
            getCreditLineAll(queryParams).then(res => {
                this.creditLineAllForward = res.data.allAmount
            })
        },
        //已融资金额
        getFinancedNum(){
            return accAdd(accAdd(this.effectBalance, this.availableBalance, 2), this.loanBalance, 2)
        },
        //已融资金额 -- 正向保理
        getFinancedNumForward(){
            return accAdd(accAdd(this.effectBalanceForward, this.availableBalanceForward, 2), this.loanBalanceForward, 2)
        },
        //剩余授信额度
        getsubNum(){
            return accSub(this.creditLineAll, this.getFinancedNum(), 2)
        },
        //剩余授信额度 -- 正向保理
        getsubNumForward(){
            return accSub(this.creditLineAllForward, this.getFinancedNumForward(), 2)
        },
        //平台资金 -- 饼图
        getFinanceAmount(){
            getFinanceAmount().then(response => {
                this.financeAmountList = response.data;
                this.initChartPie()
            })
        },
        //平台用户统计 -- 柱状图
        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
            });
        },
        //核心企业额度比例 -- 柱状图
        getFinanceAmountAll(){
            let queryParams = {}
            queryParams.pageNum = 1
            queryParams.pageSize = 5
            getFinanceAmountAll(queryParams).then((response) => {
                this.coreFinanceAmountList = response.data.dataList
                this.coreFinanceAmountExtraOption.yAxis[0].data = response.data.dateList
            });
        },
        //融资开立月度统计 -- 柱状图
        getFinanceRecordMonth(){
            let queryParams = {}
            queryParams.dateType = this.financeDateType
            financeRecordMonth(queryParams).then((response) => {
                this.yearDataList = response.data.dataList
                this.yearExtraOption.xAxis[0].data = response.data.dateList
            });
        },
        //查询代办
        getWorkList(){
            listNotice(this.queryParamsWork).then((response) => {
                this.workList = response.rows
            });
        },
        //查询消息
        getNoticeList(){
            listNotice(this.queryParamsNotice).then((response) => {
                this.noticeList = response.rows
            });
        },
        //即将到期额度（30天）
        getExpiredBalance(){
            getExpiredBalance().then(response => {
                console.log(response)
                this.expiredBalance = response.data.allAmount
            })
        },
        //融资开立年度统计 -- 柱状图
        getFinanceRecord(){
            let queryParams = {}
            queryParams.dateType = "01"
            financeRecordMonth(queryParams).then((response) => {
                this.monthDataList = response.data.dataList
                this.monthExtraOption.xAxis[0].data = response.data.dateList
            });
        },
        //融信授权额度 -- 饼图
        getCreditLine(){
            getCoreCreditLine().then(response => {
                this.dataList = response.data;
            })
        },
        //融信授权额度 -- 列表
        getList(){
            getCreditLineList(this.queryParams).then(response => {
                this.creditLineList = response.data.records;
                this.creditLineTotal = response.data.total
            })
        },
        //融信统计 -- 列表
        getNumList(){
            getCreditLineNumList(this.queryParamsNum).then(response => {
                this.creditLineNumList = response.data.records;
                this.creditLineNumTotal = response.data.total
            })
        },
        /* 金额展示 */
        handleInput(str) {
            return amtformat(str,2, ".", ",");
        },
        /** 详情按钮操作 */
        handleDetail(row) {
            console.log(row)
            if(row.openType == '00'){
                this.openWork = true
                this.noticeId = row.noticeId
                this.workType = row.workType
                this.tableId = row.tableId
            }else if(row.openType == '01'){
                this.$router.push({ path: row.openUrl });
            }
        },
        // 取消按钮
        cancel() {
            this.openWork = false;
        },
    },
};
</script>
<style>
.labelData .el-collapse-item__header{
    height: 200px;
}
.app-main{
    padding: 0 25px 30px 20px;
    background-color: #f4f5f6;
}
</style>
<style lang="scss" scroped>
.zap-card{
    padding: 40px 28px 42px;
    height: 160px;
    background-color: #ffffff;
    box-sizing: border-box;
}
.zap-card__title{
    font-size: 18px;
    font-weight: normal;
    color: #666666;
}
.zap-card__wrap{
    margin-top: 30px;
    font-size: 0;
}
.zap-card__slash,
.zap-card__num{
    display: inline-block;
    line-height: 1;
    font-size: 40px;
}
.zap-card__slash{
    padding: 0 8px;
}
.zap-card__unit{
    display: inline-block;
    line-height: 1;
    font-size: 20px;
}
.zap-card__blue{
    color: #4280f2;
}
.zap-card__gold{
    color: #e6a71b;   
}
.zap-card__pink{
    color: #fb738a;
}
.zap-home__main{
    .el-col{
        margin-bottom: 20px;
    }
}
.zap-home__title{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
    color: #333333;
}
.zap-home-chart{
    background-color: #ffffff;
}
.zap-home-chart__title{
    padding: 30px;
    font-size: 18px;
    color: #333333;
}
</style>