From 89f1ca8bc589aaa6f4909ebef4493063b240a3d1 Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123456 <zxx19900626> Date: 星期一, 18 四月 2022 17:40:51 +0800 Subject: [PATCH] 创业担保贷款接口 --- src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue | 185 ++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 171 insertions(+), 14 deletions(-) diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue index 894339f..c0214dd 100644 --- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue +++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue @@ -2,7 +2,39 @@ <div class="chuangyeDanbaoDaikuan-wrap"> <div class="danbaotongjibiao-box"> <h1>鍒涗笟鎷呬繚璐锋缁熻琛�</h1> - <table class="chuangye-table-box"> + <div class="chuangye-table"> + <el-table + border + :data="danbaoTableData" + style="width: 100%"> + <el-table-column + align="center" + prop="jmonth" + label="鏃堕棿"> + </el-table-column> + <el-table-column + align="center" + prop="loanNums" + label="鏀捐捶绗旀暟锛堢瑪锛�"> + </el-table-column> + <el-table-column + align="center" + prop="loanNums" + label="鏀捐捶閲戦锛堜竾鍏冿級"> + </el-table-column> + <el-table-column + align="center" + prop="supportNums" + label="鐩存帴鎵舵寔鑷富鍒涗笟锛堜汉锛�"> + </el-table-column> + <el-table-column + align="center" + prop="addjobNums" + label="甯﹀姩灏变笟锛堜汉锛�"> + </el-table-column> + </el-table> + </div> + <!--<table class="chuangye-table-box"> <thead> <tr> <th> @@ -18,14 +50,14 @@ </tr> </thead> <tbody> - <tr> - <th>12鏈�</th> - <td>57</td> - <td>5327</td> - <td>57</td> - <td>57</td> + <tr v-for="(item,index) in tableData" :key="index"> + <th>{{item.jmonth}}</th> + <td>{{item.loanNums}}</td> + <td>{{item.loanAmount}}</td> + <td>{{item.supportNums}}</td> + <td>{{item.addjobNums}}</td> </tr> - <tr> + <!–<tr> <th>1鈥斺��12鏈堢疮璁�</th> <td>257</td> <td>1327</td> @@ -38,13 +70,56 @@ <td>1327.5</td> <td>5557</td> <td>16757</td> - </tr> + </tr>–> </tbody> - </table> + </table>--> </div> <div class="danbaotongjibiao-box"> - <h1>鍒涗笟鎷呬繚璐锋缁熻琛�</h1> - <table class="chuangye-table-box"> + <h1>浜哄姏璧勬簮鏈嶅姟浜т笟鍥綋鏈堟儏鍐电粺璁¤〃</h1> + <div class="danbaotongjibiao-table"> + <el-table + border + :data="renliziyuanTableData" + :span-method="arraySpanMethod" + style="width: 100%"> + <el-table-column + align="center" + prop="parkName" + label="浜т笟鍥悕绉�"> + </el-table-column> + <el-table-column + align="center" + prop="startTime" + label="寮�鍥繍钀ユ椂闂�"> + </el-table-column> + <el-table-column + align="center" + prop="parkArea" + label="寤虹瓚闈㈢Н锛堜竾骞虫柟绫筹級"> + </el-table-column> + <el-table-column + align="center" + prop="enterpriseNums" + label="鍏ヤ綇浼佷笟锛堝锛�"> + </el-table-column> + <el-table-column + align="center" + prop="income" + :label="'钀ヤ笟鏀跺叆锛堜嚎鍏冿級 \n 锛堝惈浠f敹浠d粯锛�'"> + </el-table-column> + <el-table-column + align="center" + prop="taxAmount" + label="绾崇◣棰濓紙浜垮厓锛�"> + </el-table-column> + <el-table-column + align="center" + prop="personnels" + label="寮曡繘楂樺眰娆′汉鎵嶏紙浜猴級"> + </el-table-column> + </el-table> + </div> + <!--<table class="chuangye-table-box"> <thead> <tr> <th>浜т笟鍥悕绉�</th> @@ -88,22 +163,98 @@ <td>16757</td> </tr> </tbody> - </table> + </table>--> </div> </div> </template> <script> + import {getLoanTable, getParkTable} from '@/api/jiuyeAndChuangye' export default { name: "chuangyeDanbaoDaikuan", data() { return { - + danbaoTableData:[], + renliziyuanTableData:[] + } + }, + mounted() { + this.getLoanTable() + this.getParkTable() + }, + methods: { + getLoanTable() { + getLoanTable().then(res => { + if(res.code == 1000) { + this.danbaoTableData = res.list + } + }) + }, + getParkTable() { + getParkTable().then(res => { + if(res.code == 1000) { + this.renliziyuanTableData = res.list + } + }) + }, + arraySpanMethod({ row, column, rowIndex, columnIndex }) { + if(rowIndex === 0) { + if(columnIndex === 0) { + return { + rowspan: 1, + colspan: 2 + } + }else if(columnIndex === 1) { + return { + rowspan: 0, + colspan: 0 + } + } + } } } } </script> +<style lang="scss"> + @import "../../../../assets/css/base"; + .danbaotongjibiao-table,.chuangye-table{ + .el-table tr{ + background-color: #CEF2FF; + height: 0.4375rem /* 112/256 */; + } + .el-table th.el-table__cell{ + background-color: #51D2FF; + } + .el-table__fixed, .el-table__fixed-right,.el-table__fixed-right::before, .el-table__fixed::before{ + background-color: #51D2FF; + } + .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{ + background-color: #A8E9FF; + } + .el-table thead{ + color: #111111; + } + .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{ + border-bottom: 1Px solid #8E8E8E; + } + .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{ + border-right: 1Px solid #8E8E8E; + } + .el-table .el-table__cell{ + padding: 0.0859375rem /* 22/256 */ 0; + } + .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{ + background: transparent; + } + .el-table .cell{ + font-size: $fontSize-28; + color: $color-darkGrey; + font-weight: 300; + line-height: 1.3; + } + } +</style> <style lang="scss" scoped> @import "../../../../assets/css/base"; .chuangyeDanbaoDaikuan-wrap{ @@ -111,6 +262,9 @@ height: calc(100% - 0.07813rem); .danbaotongjibiao-box{ margin-top: 0.078125rem /* 20/256 */; + &:nth-child(2) { + margin-top: 0.234375rem /* 60/256 */; + } h1{ font-size: $fontSize-30; color: $color-white; @@ -118,6 +272,9 @@ line-height: 2; } } + .chuangye-table,.danbaotongjibiao-table{ + margin-top: 0.078125rem /* 20/256 */; + } .chuangye-table-box{ width: 100%; border: 1Px solid $color-grey; /*no*/ -- Gitblit v1.9.1