home.vue 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816
  1. <template >
  2. <div id="">
  3. <!-- 平台 -->
  4. <div v-if="company.scyType == '00'">
  5. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  6. <div slot="header" class="clearfix">
  7. <span style="color: #666ee8; font-weight: bold;">入驻企业总数</span>
  8. </div>
  9. <div class="text item" style="height:100px">
  10. <span style="color: #666ee8; font-weight: bold;">{{companyNum}}</span>
  11. </div>
  12. </el-card>
  13. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  14. <div slot="header" class="clearfix">
  15. <span style="color: #666ee8; font-weight: bold;">已融资/供应商入住数量</span>
  16. </div>
  17. <div class="text item" style="height:100px">
  18. <span style="color: #666ee8; font-weight: bold;">{{financeSupplierNum + '/' + supplierNum}}</span>
  19. </div>
  20. </el-card>
  21. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  22. <div slot="header" class="clearfix">
  23. <span style="color: #666ee8; font-weight: bold;">入驻核心企业数</span>
  24. </div>
  25. <div class="text item" style="height:100px">
  26. <span style="color: #666ee8; font-weight: bold;">{{coreNum}}</span>
  27. </div>
  28. </el-card>
  29. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  30. <div slot="header" class="clearfix">
  31. <span style="color: #666ee8; font-weight: bold;">总融资金额</span>
  32. </div>
  33. <div class="text item" style="height:100px">
  34. <span style="color: #666ee8; font-weight: bold;">{{getFinancedNum()}}</span>
  35. </div>
  36. </el-card>
  37. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  38. <div slot="header" class="clearfix">
  39. <span style="color: #666ee8; font-weight: bold;">融资中金额</span>
  40. </div>
  41. <div class="text item" style="height:100px">
  42. <span style="color: #666ee8; font-weight: bold;">{{availableBalance}}</span>
  43. </div>
  44. </el-card>
  45. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  46. <div slot="header" class="clearfix">
  47. <span style="color: #666ee8; font-weight: bold;">已放款金额</span>
  48. </div>
  49. <div class="text item" style="height:100px">
  50. <span style="color: #666ee8; font-weight: bold;">{{loanBalance}}</span>
  51. </div>
  52. </el-card>
  53. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  54. <div slot="header" class="clearfix">
  55. <span style="color: #666ee8; font-weight: bold;">发起融资业务数</span>
  56. </div>
  57. <div class="text item" style="height:100px">
  58. <span style="color: #666ee8; font-weight: bold;">{{financeNum}}</span>
  59. </div>
  60. </el-card>
  61. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  62. <div slot="header" class="clearfix">
  63. <span style="color: #666ee8; font-weight: bold;">核心企业总授信额度</span>
  64. </div>
  65. <div class="text item" style="height:100px">
  66. <span style="color: #666ee8; font-weight: bold;">{{creditLineAll}}</span>
  67. </div>
  68. </el-card>
  69. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  70. <div slot="header" class="clearfix">
  71. <span style="color: #666ee8; font-weight: bold;">剩余可用授信</span>
  72. </div>
  73. <div class="text item" style="height:100px">
  74. <span style="color: #666ee8; font-weight: bold;">{{getsubNum()}}</span>
  75. </div>
  76. </el-card>
  77. <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
  78. <div slot="header" class="clearfix">
  79. <span style="color: #666ee8; font-weight: bold;">平台资金统计</span>
  80. </div>
  81. <div class="text item" style="height:650px">
  82. <echart-pie :series-data="financeAmountList" :extra-option="extraOption"/>
  83. </div>
  84. </el-card>
  85. <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
  86. <div slot="header" class="clearfix">
  87. <span style="color: #666ee8; font-weight: bold;">平台用户统计</span>
  88. </div>
  89. <div class="text item" style="height:650px">
  90. <el-select v-model="dateType" @change="getCompanyReport">
  91. <el-option v-for="(item,index) in dateTypeList" :key="index" :label="item.label" :value="item.value">
  92. </el-option>
  93. </el-select>
  94. <echart-bar :series-data="companyDataList" :extra-option="companyExtraOption"/>
  95. </div>
  96. </el-card>
  97. <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
  98. <div slot="header" class="clearfix">
  99. <span style="color: #666ee8; font-weight: bold;">平台业务统计</span>
  100. </div>
  101. <div class="text item" style="height:650px">
  102. <el-select v-model="financeDateType" @change="getFinanceRecordMonth">
  103. <el-option v-for="(item,index) in dateTypeList" :key="index" :label="item.label" :value="item.value">
  104. </el-option>
  105. </el-select>
  106. <echart-bar :series-data="yearDataList" :extra-option="yearExtraOption"/>
  107. </div>
  108. </el-card>
  109. <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
  110. <div slot="header" class="clearfix">
  111. <span style="color: #666ee8; font-weight: bold;">核心企业可用额度比例</span>
  112. </div>
  113. <div class="text item" style="height:650px">
  114. <echart-bar :series-data="coreFinanceAmountList" :extra-option="coreFinanceAmountExtraOption"/>
  115. </div>
  116. </el-card>
  117. </div>
  118. <!-- 核心企业 -->
  119. <div v-if="company.scyType == '01'">
  120. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  121. <div slot="header" class="clearfix">
  122. <span style="color: #666ee8; font-weight: bold;">我开立的融信</span>
  123. </div>
  124. <div class="text item" style="height:100px">
  125. <span style="color: #666ee8; font-weight: bold;">{{getFinancedNum()}}</span>
  126. </div>
  127. </el-card>
  128. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  129. <div slot="header" class="clearfix">
  130. <span style="color: #666ee8; font-weight: bold;">可用授权额度</span>
  131. </div>
  132. <div class="text item" style="height:100px">
  133. <span style="color: #666ee8; font-weight: bold;">{{getsubNum()}}</span>
  134. </div>
  135. </el-card>
  136. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  137. <div slot="header" class="clearfix">
  138. <span style="color: #666ee8; font-weight: bold;">即将到期付款</span>
  139. </div>
  140. <div class="text item" style="height:100px">
  141. <span style="color: #666ee8; font-weight: bold;">{{expiredBalance}}</span>
  142. </div>
  143. </el-card>
  144. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  145. <div slot="header" class="clearfix">
  146. <span style="color: #666ee8; font-weight: bold;">我的代办</span>
  147. </div>
  148. <div class="text item" style="height:100px">
  149. <span style="color: #666ee8; font-weight: bold;">{{workTotal}}</span>
  150. </div>
  151. </el-card>
  152. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  153. <div slot="header" class="clearfix">
  154. <span style="color: #666ee8; font-weight: bold;">可用授权额度(正向保理)</span>
  155. </div>
  156. <div class="text item" style="height:100px">
  157. <span style="color: #666ee8; font-weight: bold;">{{getsubNumForward()}}</span>
  158. </div>
  159. </el-card>
  160. <el-card class="box-card" style="width:30.2%;margin:0.6%;float:left;">
  161. <div slot="header" class="clearfix">
  162. <span style="color: #666ee8; font-weight: bold;">总授权额度(正向保理)</span>
  163. </div>
  164. <div class="text item" style="height:100px">
  165. <span style="color: #666ee8; font-weight: bold;">{{getFinancedNumForward()}}</span>
  166. </div>
  167. </el-card>
  168. <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
  169. <div class="text item">
  170. <el-tabs v-model="activeName">
  171. <el-tab-pane label="我的待办" name="first" style="height:400px">
  172. <el-table :data="workList" :show-header="false">
  173. <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true"/>
  174. <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
  175. </el-table>
  176. <pagination
  177. v-show="workTotal>0"
  178. :total="workTotal"
  179. :page.sync="queryParamsWork.pageNum"
  180. :limit.sync="queryParamsWork.pageSize"
  181. :pager-count="5"
  182. :page-sizes="[5]"
  183. @pagination="getWorkList"
  184. />
  185. </el-tab-pane>
  186. <el-tab-pane label="消息" name="second" style="height:400px">
  187. <el-table :data="noticeList" :show-header="false">
  188. <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true"/>
  189. <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
  190. </el-table>
  191. <pagination
  192. v-show="noticeTotal>0"
  193. :total="noticeTotal"
  194. :page.sync="queryParamsNotice.pageNum"
  195. :limit.sync="queryParamsNotice.pageSize"
  196. :pager-count="5"
  197. :page-sizes="[5]"
  198. @pagination="getNoticeList"
  199. />
  200. </el-tab-pane>
  201. </el-tabs>
  202. </div>
  203. </el-card>
  204. <el-card class="box-card" style="width:59%;margin:0.6%;float:left;">
  205. <div slot="header" class="clearfix">
  206. <span style="color: #666ee8; font-weight: bold;">融信授权额度</span>
  207. </div>
  208. <div class="text item">
  209. <echart-pie :series-data="dataList" :extra-option="extraOption" style="height:200px;width:40%;float:left"/>
  210. <div style="height:300px;width:60%;float:right">
  211. <el-table :data="creditLineList" border >
  212. <el-table-column label="渠道名称" align="center" prop="managementName" :show-overflow-tooltip="true"/>
  213. <el-table-column label="额度" align="center" prop="allAmount" :show-overflow-tooltip="true"/>
  214. <el-table-column label="可用金额" align="center" prop="subAmount" :show-overflow-tooltip="true"/>
  215. <el-table-column label="已用金额" align="center" prop="availableAmount" :show-overflow-tooltip="true"/>
  216. </el-table>
  217. <pagination
  218. v-show="creditLineTotal>0"
  219. :total="creditLineTotal"
  220. :page.sync="queryParams.pageNum"
  221. :limit.sync="queryParams.pageSize"
  222. :pager-count="5"
  223. :page-sizes="[5]"
  224. @pagination="getList"
  225. />
  226. </div>
  227. </div>
  228. </el-card>
  229. <el-card class="box-card" style="width:33%;margin:0.6%;float:left;">
  230. <div slot="header" class="clearfix">
  231. <span style="color: #666ee8; font-weight: bold;">融信统计</span>
  232. </div>
  233. <div class="text item">
  234. <div style="height:300px">
  235. <el-table :data="creditLineNumList" border >
  236. <el-table-column label="渠道名称" align="center" prop="managementName" :show-overflow-tooltip="true"/>
  237. <el-table-column label="数量" align="center" prop="num" :show-overflow-tooltip="true"/>
  238. <el-table-column label="额度" align="center" prop="allAmount" :show-overflow-tooltip="true"/>
  239. </el-table>
  240. <pagination
  241. v-show="creditLineNumTotal>0"
  242. :total="creditLineNumTotal"
  243. :page.sync="queryParamsNum.pageNum"
  244. :limit.sync="queryParamsNum.pageSize"
  245. :pager-count="5"
  246. :page-sizes="[5]"
  247. @pagination="getNumList"
  248. />
  249. </div>
  250. </div>
  251. </el-card>
  252. <el-card class="box-card" style="width:46%;margin:0.6%;float:left;">
  253. <div slot="header" class="clearfix">
  254. <span style="color: #666ee8; font-weight: bold;">融资开立资金表(年)</span>
  255. </div>
  256. <div class="text item" style="height:300px">
  257. <echart-bar :series-data="monthDataList" :extra-option="monthExtraOption"/>
  258. </div>
  259. </el-card>
  260. <el-card class="box-card" style="width:46%;margin:0.6%;float:left;">
  261. <div slot="header" class="clearfix">
  262. <span style="color: #666ee8; font-weight: bold;">融资开立资金表(7天内)</span>
  263. </div>
  264. <div class="text item" style="height:300px">
  265. <echart-bar :series-data="yearDataList" :extra-option="yearExtraOption"/>
  266. </div>
  267. </el-card>
  268. </div>
  269. <!-- 融资企业 -->
  270. <div v-if="company.scyType == '02'">
  271. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  272. <div slot="header" class="clearfix">
  273. <span style="color: #666ee8; font-weight: bold;">持有融信额度</span>
  274. </div>
  275. <div class="text item" style="height:100px">
  276. <span style="color: #666ee8; font-weight: bold;">{{creditLineAll}}</span>
  277. </div>
  278. </el-card>
  279. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  280. <div slot="header" class="clearfix">
  281. <span style="color: #666ee8; font-weight: bold;">融资中额度</span>
  282. </div>
  283. <div class="text item" style="height:100px">
  284. <span style="color: #666ee8; font-weight: bold;">{{availableBalance}}</span>
  285. </div>
  286. </el-card>
  287. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  288. <div slot="header" class="clearfix">
  289. <span style="color: #666ee8; font-weight: bold;">已融资额度</span>
  290. </div>
  291. <div class="text item" style="height:100px">
  292. <span style="color: #666ee8; font-weight: bold;">{{loanBalance}}</span>
  293. </div>
  294. </el-card>
  295. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  296. <div slot="header" class="clearfix">
  297. <span style="color: #666ee8; font-weight: bold;">即将到期融资额度(30天)</span>
  298. </div>
  299. <div class="text item" style="height:100px">
  300. <span style="color: #666ee8; font-weight: bold;">{{expiredBalance}}</span>
  301. </div>
  302. </el-card>
  303. <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
  304. <!-- <div slot="header" class="clearfix">
  305. </div> -->
  306. <div class="text item" style="height:auto">
  307. <el-tabs v-model="activeName">
  308. <el-tab-pane label="我的待办" name="first" style="height:400px">
  309. <el-table :data="workList" :show-header="false">
  310. <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true"/>
  311. <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
  312. </el-table>
  313. <pagination
  314. v-show="workTotal>0"
  315. :total="workTotal"
  316. :page.sync="queryParamsWork.pageNum"
  317. :limit.sync="queryParamsWork.pageSize"
  318. :pager-count="5"
  319. :page-sizes="[5]"
  320. @pagination="getWorkList"
  321. />
  322. </el-tab-pane>
  323. <el-tab-pane label="消息" name="second" style="height:400px">
  324. <el-table :data="noticeList" :show-header="false">
  325. <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true"/>
  326. <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
  327. </el-table>
  328. <pagination
  329. v-show="noticeTotal>0"
  330. :total="noticeTotal"
  331. :page.sync="queryParamsNotice.pageNum"
  332. :limit.sync="queryParamsNotice.pageSize"
  333. :pager-count="5"
  334. :page-sizes="[5]"
  335. @pagination="getNoticeList"
  336. />
  337. </el-tab-pane>
  338. </el-tabs>
  339. </div>
  340. </el-card>
  341. </div>
  342. <!-- 资方 -->
  343. <div v-if="company.scyType == '03'">
  344. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  345. <div slot="header" class="clearfix">
  346. <span style="color: #666ee8; font-weight: bold;">持有融信额度</span>
  347. </div>
  348. <div class="text item" style="height:100px">
  349. <span style="color: #666ee8; font-weight: bold;">{{creditLineAll}}</span>
  350. </div>
  351. </el-card>
  352. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  353. <div slot="header" class="clearfix">
  354. <span style="color: #666ee8; font-weight: bold;">融资中额度</span>
  355. </div>
  356. <div class="text item" style="height:100px">
  357. <span style="color: #666ee8; font-weight: bold;">{{availableBalance}}</span>
  358. </div>
  359. </el-card>
  360. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  361. <div slot="header" class="clearfix">
  362. <span style="color: #666ee8; font-weight: bold;">已融资额度</span>
  363. </div>
  364. <div class="text item" style="height:100px">
  365. <span style="color: #666ee8; font-weight: bold;">{{loanBalance}}</span>
  366. </div>
  367. </el-card>
  368. <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;">
  369. <div slot="header" class="clearfix">
  370. <span style="color: #666ee8; font-weight: bold;">即将到期融资额度(30天)</span>
  371. </div>
  372. <div class="text item" style="height:100px">
  373. <span style="color: #666ee8; font-weight: bold;">{{expiredBalance}}</span>
  374. </div>
  375. </el-card>
  376. </div>
  377. </div>
  378. </template>
  379. <script>
  380. import { getCreditLineAll, getAvailableBalance, getEffectBalance, getLoanBalance, getFinanceAmount, getFinanceAmountAll, getExpiredBalance, getCoreCreditLine, getCreditLineList, getCreditLineNumList, financeRecordMonth } from '@/api/service/report/credit'
  381. import { getCompanyNum, getFinanceSupplier, getFinanceNum, getCompanyReport } from '@/api/service/report/company'
  382. import { getOwnCompany } from "@/api/common/company";
  383. import { accAdd, accSub } from "@/utils/calculation";
  384. import { listNotice } from '@/api/system/notice'
  385. import EchartPie from '@/components/Echart/pie/index'
  386. import EchartBar from '@/components/Echart/bar/index'
  387. export default {
  388. components: {
  389. EchartPie,
  390. EchartBar
  391. },
  392. data() {
  393. return {
  394. widthSize:'500px',
  395. heightSize:'280px',
  396. companyNum: 0,
  397. supplierNum: 0,
  398. coreNum: 0,
  399. financeSupplierNum: 0,
  400. availableBalance: 0,
  401. availableBalanceForward: 0,
  402. loanBalance: 0,
  403. loanBalanceForward: 0,
  404. effectBalance: 0,
  405. effectBalanceForward: 0,
  406. financeNum: 0,
  407. expiredBalance: 0,
  408. financeAmountList: [],
  409. companyDataList:[],
  410. dateType: '00',
  411. financeDateType: '00',
  412. dateTypeList: [
  413. {label:"周",value:"00"},
  414. {label:"年",value:"01"}
  415. ],
  416. companyExtraOption:{
  417. xAxis: [
  418. {
  419. data: [],
  420. }
  421. ],
  422. legend: {
  423. },
  424. },
  425. coreFinanceAmountList: [],
  426. coreFinanceAmountExtraOption:{
  427. yAxis: [
  428. {
  429. type:"category",
  430. data: [],
  431. }
  432. ],
  433. xAxis: [
  434. {
  435. type: "value",
  436. }
  437. ],
  438. legend: {
  439. },
  440. },
  441. dataList:[],
  442. yearDataList:[],
  443. monthDataList:[],
  444. extraOption:{
  445. legend: {
  446. type: 'scroll',
  447. orient: 'vertical',
  448. left: "left",
  449. right: 10,
  450. top: 20,
  451. bottom: 20,
  452. },
  453. },
  454. yearExtraOption:{
  455. xAxis: [
  456. {
  457. data: [],
  458. }
  459. ],
  460. legend: {
  461. },
  462. },
  463. monthExtraOption:{
  464. xAxis: [
  465. {
  466. data: [],
  467. }
  468. ],
  469. legend: {
  470. },
  471. },
  472. creditLineAll: 0,
  473. creditLineAllForward: 0,
  474. creditLineList:[],
  475. creditLineTotal:0,
  476. queryParams:{
  477. pageNum:1,
  478. pageSize:5
  479. },
  480. creditLineNumList:[],
  481. creditLineNumTotal:0,
  482. queryParamsNum:{
  483. pageNum:1,
  484. pageSize:5
  485. },
  486. workList:[],
  487. workTotal: 0,
  488. queryParamsWork:{
  489. pageNum:1,
  490. pageSize:5,
  491. type:'00'
  492. },
  493. noticeList:[],
  494. noticeTotal: 0,
  495. queryParamsNotice:{
  496. pageNum:1,
  497. pageSize:5,
  498. type:'01'
  499. },
  500. activeName:'first',
  501. company:{},
  502. }
  503. },
  504. created: function () {
  505. //查询企业类型
  506. getOwnCompany().then((response) => {
  507. this.company = response.data;
  508. }).then((response) => {
  509. //平台
  510. if(this.company.scyType == '00'){
  511. //入驻企业数量
  512. this.getCompanyNum()
  513. //入驻供应商数量
  514. this.getSupplierNum()
  515. //入驻核心企业数量
  516. this.getCoreNum()
  517. //融资开立月度统计 -- 柱状图
  518. this.getFinanceRecordMonth()
  519. //已融资供应商数量
  520. this.getFinanceSupplier()
  521. //融资中金额
  522. this.getAvailableBalance()
  523. //已放款金额
  524. this.getLoanBalance()
  525. //已生效金额
  526. this.getEffectBalance()
  527. //融资业务数量
  528. this.getFinanceNum()
  529. //授信总额度
  530. this.getCreditLineAll()
  531. //平台资金 -- 饼图
  532. this.getFinanceAmount()
  533. //平台用户统计 -- 柱状图
  534. this.getCompanyReport()
  535. //核心企业额度比例 -- 柱状图
  536. this.getFinanceAmountAll()
  537. //核心企业
  538. }else if(this.company.scyType == '01'){
  539. //授信总额度
  540. this.getCreditLineAll()
  541. //授信总额度 -- 正向保理
  542. this.getCreditLineAllForward()
  543. //融资中金额
  544. this.getAvailableBalance()
  545. //融资中金额 -- 正向保理
  546. this.getAvailableBalanceForward()
  547. //已放款金额
  548. this.getLoanBalance()
  549. //已放款金额 -- 正向保理
  550. this.getLoanBalanceForward()
  551. //已生效金额
  552. this.getEffectBalance()
  553. //已生效金额 -- 正向保理
  554. this.getEffectBalanceForward()
  555. //融信授权额度 -- 饼图
  556. this.getCreditLine()
  557. //融信授权额度 -- 列表
  558. this.getList()
  559. //融信统计 -- 列表
  560. this.getNumList()
  561. //融资开立月度统计 -- 柱状图
  562. this.getFinanceRecordMonth()
  563. //融资开立年度统计 -- 柱状图
  564. this.getFinanceRecord()
  565. //即将到期额度(30天)
  566. this.getExpiredBalance()
  567. //查询代办
  568. this.getWorkList()
  569. //查询消息
  570. this.getNoticeList()
  571. //融资企业
  572. }else if(this.company.scyType == '02'){
  573. //授信总额度
  574. this.getCreditLineAll()
  575. //融资中金额
  576. this.getAvailableBalance()
  577. //已放款金额
  578. this.getLoanBalance()
  579. //已生效金额
  580. this.getEffectBalance()
  581. //即将到期额度(30天)
  582. this.getExpiredBalance()
  583. //查询代办
  584. this.getWorkList()
  585. //查询消息
  586. this.getNoticeList()
  587. //资方
  588. }else if(this.company.scyType == '03'){
  589. //授信总额度
  590. this.getCreditLineAll()
  591. //融资中金额
  592. this.getAvailableBalance()
  593. //已放款金额
  594. this.getLoanBalance()
  595. //已生效金额
  596. this.getEffectBalance()
  597. //即将到期额度(30天)
  598. this.getExpiredBalance()
  599. }
  600. });
  601. },
  602. activated () {
  603.    }, 
  604. mounted() {
  605. },
  606. methods: {
  607. //入驻企业数量
  608. getCompanyNum(){
  609. getCompanyNum().then((response) => {
  610. this.companyNum = response.data.num
  611. });
  612. },
  613. //入驻供应商数量
  614. getSupplierNum(){
  615. let queryParams = {}
  616. queryParams.type = "02"
  617. getCompanyNum(queryParams).then((response) => {
  618. this.supplierNum = response.data.num
  619. });
  620. },
  621. //入驻核心企业数量
  622. getCoreNum(){
  623. let queryParams = {}
  624. queryParams.type = "01"
  625. getCompanyNum(queryParams).then((response) => {
  626. this.coreNum = response.data.num
  627. });
  628. },
  629. //已融资供应商数量
  630. getFinanceSupplier(){
  631. getFinanceSupplier().then((response) => {
  632. this.financeSupplierNum = response.data.num
  633. });
  634. },
  635. //融资中金额
  636. getAvailableBalance(){
  637. getAvailableBalance().then(response => {
  638. console.log(response)
  639. this.availableBalance = response.data.allAmount
  640. })
  641. },
  642. //融资中金额 -- 正向保理
  643. getAvailableBalanceForward(){
  644. let queryParams = {}
  645. queryParams.zfpType = "0"
  646. getAvailableBalance(queryParams).then(res => {
  647. this.availableBalanceForward = res.data.allAmount
  648. })
  649. },
  650. //已生效金额
  651. getEffectBalance(){
  652. getEffectBalance().then(response => {
  653. console.log(response)
  654. this.effectBalance = response.data.allAmount
  655. })
  656. },
  657. //已生效金额 -- 正向保理
  658. getEffectBalanceForward(){
  659. let queryParams = {}
  660. queryParams.zfpType = "0"
  661. getEffectBalance(queryParams).then(res => {
  662. this.effectBalanceForward = res.data.allAmount
  663. })
  664. },
  665. //已放款金额
  666. getLoanBalance(){
  667. getLoanBalance().then(response => {
  668. console.log(response)
  669. this.loanBalance = response.data.allAmount
  670. })
  671. },
  672. //已放款金额 -- 正向保理
  673. getLoanBalanceForward(){
  674. let queryParams = {}
  675. queryParams.zfpType = "0"
  676. getLoanBalance(queryParams).then(res => {
  677. this.loanBalanceForward = res.data.allAmount
  678. })
  679. },
  680. //融资业务数量
  681. getFinanceNum(){
  682. getFinanceNum().then(response => {
  683. console.log(response)
  684. this.financeNum = response.data.num
  685. })
  686. },
  687. //授信总额度
  688. getCreditLineAll(){
  689. getCreditLineAll().then(res => {
  690. this.creditLineAll = res.data.allAmount
  691. })
  692. },
  693. //授信总额度 -- 正向保理
  694. getCreditLineAllForward(){
  695. let queryParams = {}
  696. queryParams.zfpType = "0"
  697. getCreditLineAll(queryParams).then(res => {
  698. this.creditLineAllForward = res.data.allAmount
  699. })
  700. },
  701. //已融资金额
  702. getFinancedNum(){
  703. return accAdd(accAdd(this.effectBalance, this.availableBalance, 2), this.loanBalance, 2)
  704. },
  705. //已融资金额 -- 正向保理
  706. getFinancedNumForward(){
  707. return accAdd(accAdd(this.effectBalanceForward, this.availableBalanceForward, 2), this.loanBalanceForward, 2)
  708. },
  709. //剩余授信额度
  710. getsubNum(){
  711. return accSub(this.creditLineAll, this.getFinancedNum(), 2)
  712. },
  713. //剩余授信额度 -- 正向保理
  714. getsubNumForward(){
  715. return accSub(this.creditLineAllForward, this.getFinancedNumForward(), 2)
  716. },
  717. //平台资金 -- 饼图
  718. getFinanceAmount(){
  719. getFinanceAmount().then(response => {
  720. this.financeAmountList = response.data;
  721. })
  722. },
  723. //平台用户统计 -- 柱状图
  724. getCompanyReport(){
  725. let queryParams = {}
  726. queryParams.dateType = this.dateType
  727. getCompanyReport(queryParams).then((response) => {
  728. this.companyDataList = response.data.dataList
  729. this.companyExtraOption.xAxis[0].data = response.data.dateList
  730. });
  731. },
  732. //核心企业额度比例 -- 柱状图
  733. getFinanceAmountAll(){
  734. let queryParams = {}
  735. queryParams.pageNum = 1
  736. queryParams.pageSize = 5
  737. getFinanceAmountAll(queryParams).then((response) => {
  738. this.coreFinanceAmountList = response.data.dataList
  739. this.coreFinanceAmountExtraOption.yAxis[0].data = response.data.dateList
  740. });
  741. },
  742. //融资开立月度统计 -- 柱状图
  743. getFinanceRecordMonth(){
  744. let queryParams = {}
  745. queryParams.dateType = this.financeDateType
  746. financeRecordMonth(queryParams).then((response) => {
  747. this.yearDataList = response.data.dataList
  748. this.yearExtraOption.xAxis[0].data = response.data.dateList
  749. });
  750. },
  751. //查询代办
  752. getWorkList(){
  753. listNotice(this.queryParamsWork).then((response) => {
  754. this.workList = response.data.data
  755. });
  756. },
  757. //查询消息
  758. getNoticeList(){
  759. listNotice(this.queryParamsNotice).then((response) => {
  760. this.noticeList = response.data.data
  761. });
  762. },
  763. //即将到期额度(30天)
  764. getExpiredBalance(){
  765. getExpiredBalance().then(response => {
  766. console.log(response)
  767. this.expiredBalance = response.data.allAmount
  768. })
  769. },
  770. //融资开立年度统计 -- 柱状图
  771. getFinanceRecord(){
  772. let queryParams = {}
  773. queryParams.dateType = "01"
  774. financeRecordMonth(queryParams).then((response) => {
  775. this.monthDataList = response.data.dataList
  776. this.monthExtraOption.xAxis[0].data = response.data.dateList
  777. });
  778. },
  779. //融信授权额度 -- 饼图
  780. getCreditLine(){
  781. getCoreCreditLine().then(response => {
  782. this.dataList = response.data;
  783. })
  784. },
  785. //融信授权额度 -- 列表
  786. getList(){
  787. getCreditLineList(this.queryParams).then(response => {
  788. this.creditLineList = response.data.records;
  789. this.creditLineTotal = response.data.total
  790. })
  791. },
  792. //融信统计 -- 列表
  793. getNumList(){
  794. getCreditLineNumList(this.queryParamsNum).then(response => {
  795. this.creditLineNumList = response.data.records;
  796. this.creditLineNumTotal = response.data.total
  797. })
  798. },
  799. },
  800. };
  801. </script>
  802. <style>
  803. .labelData .el-collapse-item__header{
  804. height: 200px;
  805. }
  806. </style>