|
|
@@ -2,138 +2,203 @@
|
|
|
<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 v-if="companyData">
|
|
|
+ <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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
- </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"/>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 平台待办 -->
|
|
|
+ <el-card class="box-card" style="margin-bottom: 20px" v-if="companyWork">
|
|
|
+ <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>
|
|
|
+
|
|
|
+ <!-- 平台统计图 -->
|
|
|
+ <div v-if="companyChart">
|
|
|
+ <!-- 平台资金统计扇形图 -->
|
|
|
+ <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>
|
|
|
|
|
|
<!-- 核心企业 -->
|
|
|
@@ -456,6 +521,7 @@ 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";
|
|
|
+import { getRouters } from '@/api/menu'
|
|
|
export default {
|
|
|
components: {
|
|
|
EchartPie,
|
|
|
@@ -576,7 +642,11 @@ export default {
|
|
|
workUrl:null,
|
|
|
workType:null,
|
|
|
tableId:null,
|
|
|
- noticeId:null
|
|
|
+ noticeId:null,
|
|
|
+ //权限展示
|
|
|
+ companyData:true,
|
|
|
+ companyWork:true,
|
|
|
+ companyChart:true
|
|
|
}
|
|
|
},
|
|
|
created: function () {
|
|
|
@@ -647,6 +717,26 @@ export default {
|
|
|
};
|
|
|
myChart.setOption(option);
|
|
|
},
|
|
|
+ getShow(){
|
|
|
+ getRouters().then(res => {
|
|
|
+ // this.data = res.data
|
|
|
+ this.setName(res.data)
|
|
|
+ console.log(this.expandedKeys)
|
|
|
+ this.expandedKeys.forEach(element => {
|
|
|
+ this.$set(this,element, true)
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ setName(datas){ //遍历树 获取id数组
|
|
|
+ for(var i in datas){
|
|
|
+ if(datas[i].path == 'reportStatistics'){
|
|
|
+ this.expandedKeys.push(datas[i].component)
|
|
|
+ }
|
|
|
+ if(datas[i].children){
|
|
|
+ this.setName(datas[i].children);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
//查询各角色首页模块
|
|
|
selectHome(){
|
|
|
//查询企业类型
|
|
|
@@ -681,6 +771,10 @@ export default {
|
|
|
this.getCompanyReport()
|
|
|
//核心企业额度比例 -- 柱状图
|
|
|
this.getFinanceAmountAll()
|
|
|
+ //查询代办
|
|
|
+ this.getWorkList()
|
|
|
+ //查询消息
|
|
|
+ this.getNoticeList()
|
|
|
//核心企业
|
|
|
}else if(this.company.scyType == '01'){
|
|
|
//授信总额度
|
dudm