Skip to content

D
dsk-operate-sys-cscec
Commit c61d57e4 authored by yht15023815643's avatar yht15023815643
Browse files
Options

政府专项债

parent 0a4086d8
Hide whitespace changes
Inline Side-by-side
Showing with 352 additions and 450 deletions
dsk-operate-ui/src/views/radar/components/debtProject/index.vue
View file @ c61d57e4
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
<ul class="bottomlist-content" v-if="!isSkeleton&&tableData.length>0"> <ul class="bottomlist-content" v-if="!isSkeleton&&tableData.length>0">
<li class="bottomlist-list" v-for="item in tableData"> <li class="bottomlist-list" v-for="item in tableData">
<p class="list-titel"> <p class="list-titel">
<router-link :to="'/radar/debtProject/details/'+ item.uuid" tag="a" class="list-titel-a" v-html="item.projectName" ></router-link> <router-link :to="'/radar/debtProject/details/'+ item.id" tag="a" class="list-titel-a" v-html="item.projectName" ></router-link>
</p> </p>
<div class="content-label" v-if="item.domicile"> <div class="content-label" v-if="item.domicile">
......
dsk-operate-ui/src/views/radar/debtProject/details.vue
View file @ c61d57e4
<template> <template>
<div class="app-container qyzx-details"> <div class="app-container qyzx-details">
<div class="content main1"> <div class="content main1">
<div class="title"> <div class="cont-title"><img src="@/assets/images/financing/head_icon.png" />{{details.projectName}}</div>
<img src="@/assets/images/financing/head_icon.png" /> <p>{{details.projectScale}}</p>
<span>{{textList.projectName}}</span> </div>
<div class="content main2">
<div class="common-title">项目筹资</div>
<div class="main2-box">
<div class="list">
<div class="item color1">
<div class="item-left">
<h4>{{details.projectTotalInvestment || '-'}}<span>{{details.projectTotalInvestment ? '亿' : ''}}</span></h4>
<p>项目总投资额</p>
</div>
<img class="img" src="@/assets/images/financing/icon1.png" />
</div> </div>
<p>{{textList.projectScale}}</p> <div class="item color2">
</div> <div class="item-left">
<div class="content main2"> <h4>{{details.projectCapital || '-'}}<span>{{details.projectCapital ? '亿' : ''}}</span></h4>
<div class="common-title">项目筹资</div> <p>项目资本金</p>
<div class="main2-box"> </div>
<div class="list"> <img class="img" src="@/assets/images/financing/icon2.png" />
<div class="item color1">
<div class="item-left">
<h4 v-if="textList.projectTotalInvestment">{{textList.projectTotalInvestment}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>项目总投资额</p>
</div>
<img class="img" src="@/assets/images/financing/icon1.png" />
</div>
<div class="item color2">
<div class="item-left">
<h4 v-if="textList.projectCapital">{{textList.projectCapital}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>项目资本金</p>
</div>
<img class="img" src="@/assets/images/financing/icon2.png" />
</div>
<div class="item color3">
<div class="item-left">
<h4 v-if="textList.econData_013">{{textList.econData_013}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>专项债融资</p>
</div>
<img class="img" src="@/assets/images/financing/icon3.png" />
</div>
<div class="item color4">
<div class="item-left">
<h4 v-if="textList.specialBondCapital">{{textList.specialBondCapital}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>专项债用作资本金</p>
</div>
<img class="img" src="@/assets/images/financing/icon4.png" />
</div>
</div>
<div class="list">
<div class="item color4">
<div class="item-left">
<h4 v-if="textList.otherFunds">{{textList.otherFunds}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>其他资金</p>
</div>
<img class="img" src="@/assets/images/financing/icon5.png" />
</div>
<div class="item color3">
<div class="item-left">
<h4 v-if="textList.specialBondIssue_number">{{textList.specialBondIssue_number}}<span>亿元/ 10只</span></h4>
<h4 v-else>
--
</h4>
<p>专项债融资额/专项债只数</p>
</div>
<img class="img" src="@/assets/images/financing/icon6.png" />
</div>
<div class="item color4">
<div class="item-left">
<h4 v-if="textList.otherFinancing">{{textList.otherFinancing}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>其他融资</p>
</div>
<img class="img" src="@/assets/images/financing/icon7.png" />
</div>
<div class="item color2">
<div class="item-left">
<h4 v-if="textList.govSupportFunds">{{textList.govSupportFunds}}<span>亿元</span></h4>
<h4 v-else>
--
</h4>
<p>政府安排资金</p>
</div>
<img class="img" src="@/assets/images/financing/icon8.png" />
</div>
</div>
</div> </div>
</div> <div class="item color3">
<div class="content main3"> <div class="item-left">
<div class="common-title">项目保障</div> <h4>{{details.specialBondFinancing || '-'}}<span>{{details.specialBondFinancing ? '亿' : ''}}</span></h4>
<div class="main3-box"> <p>专项债融资</p>
<p> </div>
<label class="label">项目总收益/项目总债务融资本息(覆盖倍数)</label> <img class="img" src="@/assets/images/financing/icon3.png" />
<span v-if="textList.econData_007">{{textList.econData_007}}倍</span>
<span v-else>--</span>
</p>
<p>
<label class="label">项目总收益/项目总地方债券融资本息</label>
<span v-if="textList.econData_008">{{textList.econData_008}}倍</span>
<span v-else>--</span>
</p>
<p>
<label class="label">项目总收益/项目总投资</label>
<span v-if="textList.econData_009">{{textList.econData_009}}倍</span>
<span v-else>--</span>
</p>
<p>
<label class="label">项目总收益/项目总地方债券融资本金</label>
<span v-if="textList.econData_010">{{textList.econData_010}}倍</span>
<span v-else>--</span>
</p>
<p>
<label class="label">项目总收益/项目总债务融资本金</label>
<span v-if="textList.econData_011">{{textList.econData_011}}倍</span>
<span v-else>--</span>
</p>
<p>
<label class="label">项目预测总收益</label>
<span v-if="textList.projectForecastTotalRevenue">{{textList.projectForecastTotalRevenue}}亿元</span>
<span v-else>--</span>
</p>
</div> </div>
</div> <div class="item color4">
<div class="content main4"> <div class="item-left">
<div class="common-title">项目当事人</div> <h4>{{details.specialBondCapital || '-'}}<span>{{details.specialBondCapital ? '亿' : ''}}</span></h4>
<div class="main4-box"> <p>专项债用作资本金</p>
<label class="label">项目主体</label> </div>
<span> <img class="img" src="@/assets/images/financing/icon4.png" />
<router-link v-if="textList.projectEntity" :to="textList.projectEntityUipId?'/enterprise/' + encodeStr(textList.projectEntityId) :'/company/' + encodeStr(textList.projectEntityId) " tag="a" class="list-titel-a blue" v-html="textList.projectEntity"></router-link>
<template v-else>--</template>
</span>
<label class="label">主管部门</label>
<span>{{textList.chargeDepartment||'--'}}</span>
<label class="label">实施单位</label>
<span>
<router-link v-if="textList.piu" :to="textList.piuUipId?'/enterprise/' +encodeStr(textList.piuId):'/company/' + encodeStr(textList.piuId) " tag="a" class="list-titel-a blue" v-html="textList.piu"></router-link>
<template v-else>--</template>
</span>
</div> </div>
</div> </div>
<div class="content main5"> <div class="list">
<div class="common-title">专项债</div> <div class="item color4">
<div class="table-item"> <div class="item-left">
<el-table :data="tableData" element-loading-text="Loading" border fit highlight-current-row> <h4>{{details.otherFunds || '-'}}<span>{{details.otherFunds ? '亿' : ''}}</span></h4>
<el-table-column prop="name" label="债券简称"> <p>其他资金</p>
<template slot-scope="scope"> </div>
{{ scope.row.bondAbbreviation}} <img class="img" src="@/assets/images/financing/icon5.png" />
</template>
</el-table-column>
<el-table-column prop="tenderDate" label="招标日期" width="220" />
<el-table-column prop="actualBondIssueScale" label="专项债规模（亿）" width="260" />
<el-table-column prop="isUsedProjectScale" label="用于项目规模(亿)" width="260" />
<el-table-column label="是否资本金" width="200">
<template slot-scope="scope">
<span v-if="scope.row.isUsedCapital==1">是</span>
<span v-else-if="scope.row.isUsedCapital==2">否</span>
<span v-else>--</span>
</template>
</el-table-column>
</el-table>
<div class="pagination clearfix" v-show="total>0">
<el-pagination background :page-size="pageSize" :current-page="pageNum"
@current-change="handleCurrentChange" layout="prev, pager, next" :total="total">
</el-pagination>
</div>
</div> </div>
<div class="item color3">
<div class="item-left">
<h4>{{details.specialBondFinancingAmount || '-'}}<span>{{details.specialBondFinancingAmount ? '亿' : ''}} / {{details.specialBondIssueNumber || '-'}}{{details.specialBondIssueNumber ? '只' : ''}}</span></h4>
<p>专项债融资额/专项债只数</p>
</div>
<img class="img" src="@/assets/images/financing/icon6.png" />
</div>
<div class="item color4">
<div class="item-left">
<h4>{{details.otherFinancing || '-'}}<span>{{details.otherFinancing ? '亿' : ''}}</span></h4>
<p>其他融资</p>
</div>
<img class="img" src="@/assets/images/financing/icon7.png" />
</div>
<div class="item color2">
<div class="item-left">
<h4>{{details.govSupportFunds || '-'}}<span>{{details.govSupportFunds ? '亿' : ''}}</span></h4>
<p>政府安排资金</p>
</div>
<img class="img" src="@/assets/images/financing/icon8.png" />
</div>
</div>
</div>
</div>
<div class="content main3">
<div class="common-title">项目保障</div>
<div class="main3-box">
<p>
<label class="label">项目总收益/项目总债务融资本息(覆盖倍数)</label>
<span>{{details.econData007 || '-'}}{{details.econData007 ? '倍' : ''}}</span>
</p>
<p>
<label class="label">项目总收益/项目总地方债券融资本息</label>
<span>{{details.econData008 || '-'}}{{details.econData008 ? '倍' : ''}}</span>
</p>
<p>
<label class="label">项目总收益/项目总投资</label>
<span>{{details.econData009 || '-'}}{{details.econData009 ? '倍' : ''}}</span>
</p>
<p>
<label class="label">项目总收益/项目总地方债券融资本金</label>
<span>{{details.econData010 || '-'}}{{details.econData010 ? '倍' : ''}}</span>
</p>
<p>
<label class="label">项目总收益/项目总债务融资本金</label>
<span>{{details.econData011 || '-'}}{{details.econData011 ? '倍' : ''}}</span>
</p>
<p>
<label class="label">项目预测总收益</label>
<span>{{details.projectForecastTotalRevenue || '-'}}{{details.projectForecastTotalRevenue ? '亿' : ''}}</span>
</p>
</div> </div>
</div>
<div class="content main4">
<div class="common-title">项目当事人</div>
<div class="main4-box">
<label class="label">项目主体</label>
<span>{{details.projectEntity || '-'}}</span>
<label class="label">主管部门</label>
<span>{{details.chargeDepartment || '-'}}</span>
<label class="label">实施单位</label>
<span>{{details.piu || '-'}}</span>
</div>
</div>
<div class="content main5">
<div class="common-title">专项债</div>
<div class="table-item">
<el-table
:data="tableData"
element-loading-text="Loading"
border
fit
highlight-current-row
>
<el-table-column prop="bondAbbreviation" label="债券简称">
<!--<template slot-scope="scope">-->
<!--<router-link :to="'/macro/financing/details/'+ scope.row.id" tag="a" class="a-link">{{ scope.row.bondAbbreviation}}</router-link>-->
<!--</template>-->
</el-table-column>
<el-table-column label="招标日期" width="220">
<template slot-scope="scope">
{{formatDate(scope.row.tenderDate)}}
</template>
</el-table-column>
<el-table-column prop="actualBondIssueScale" label="专项债规模（亿）" width="260" :formatter="formatStatus"/>
<el-table-column prop="isUsedProjectScale" label="用于项目规模(亿)" width="260" :formatter="formatStatus"/>
<el-table-column prop="isUsedCapital" label="是否资本金" width="200" :formatter="formatStatus"/>
</el-table>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import { import { details,bondPage } from '@/api/macro/macro'
encodeStr export default {
} from "@/assets/js/common.js" name: 'debtProjectDetails',
import api from '@/api/radar/radar.js'; data() {
export default { return {
name: 'debtProjectDetails', id:'',
data() { tableData:[],
return { details:{},
encodeStr, tableLoading: false,
id: '', pageIndex: 1,
tableData: [], pageSize: 10,
"pageNum": 1, tableDataTotal: 1,
"pageSize": 10, }
total: 0, },
textList: {} created() {
} this.id=this.$route.params.id;
}, this.getDetails()
created() {
this.id = this.$route.params.id; },
this.specialDebtPage(); methods: {
this.specialDebtProjectDetail(); getDetails(){
}, details({id:this.id}).then(res => {
methods: { this.details=res.data;
specialDebtProjectDetail() { this.getData()
api.specialDebtProjectDetail({ })
id: this.id },
}).then(res => { getData(){
// console.log(res); // const params = { pageNum: this.pageIndex, pageSize: this.pageSize,specialBondUuid:'2e59fca0-21a6-47db-975d-5481e1c52f45_74'}
this.textList = res.data; const params = { pageNum: this.pageIndex, pageSize: this.pageSize,specialBondUuid:this.details.specialBondUuid}
console.log(this.textList); bondPage(params).then(res => {
this.tableData=res.data.list;
}).catch(error => { this.tableDataTotal=res.data.totalCount;
})
}); },
}, formatDate(cellValue) {
handleCurrentChange(pageNum) { if (cellValue == null || cellValue == "") return "";
this.pageNum = pageNum; var date = new Date(cellValue)
this.search(pageNum, this.pageSize); var year = date.getFullYear()
}, var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
specialDebtPage(pageNum, pageSize) { var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
if (!pageNum) { // var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
this.pageNum = 1; // var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
} // var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
if (!pageSize) { // return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
this.pageSize = 20; return year + '-' + month + '-' + day
} },
var data = { formatStatus: function(row, column, cellValue) {
id: this.id, return cellValue? cellValue : '-'
pageNum: this.pageNum, },
pageSize: this.pageSize
}
api.specialDebtPage(data).then(res => {
// console.log(res);
this.tableData = res.rows;
this.total = res.total;
console.log(this.tableData);
}).catch(error => {
});
}
}
} }
</script> }
</script>
<style lang="scss" scoped>
.app-container { <style lang="scss" scoped>
padding: 0; .app-container{
padding: 0;
} }
.qyzx-details{
.qyzx-details { .tab{
.tab { font-size: 12px;
font-size: 12px; color:#A1A1A1;
color: #A1A1A1; span{
color:#232323;
span {
color: #232323;
}
} }
}
.content { .content{
margin-top: 16px; margin-top: 16px;
background: #FFFFFF; background: #FFFFFF;
padding: 16px; padding: 16px;
border-radius: 4px; border-radius: 4px;
}
.common-title{
margin-bottom: 8px;
}
.main1{
.cont-title{
color: #232323;
font-size: 16px;
line-height: 28px;
font-weight: bold;
margin-bottom: 8px;
text-align: left;
img{
width: 28px;
height: 28px;
// margin-bottom: -9px;
margin-right: 17px;
}
} }
p{
.common-title { color: #3D3D3D;
margin-bottom: 8px; font-size: 14px;
margin: 0;
} }
}
.main1 { .main2{
.list{
.title { display: flex;
display: inline-flex; margin: 16px 0;
color: #232323;
font-size: 16px;
line-height: 28px;
font-weight: bold;
margin-bottom: 8px;
text-align: left;
padding: 0px;
border: none;
img {
width: 28px;
height: 28px;
margin-bottom: -9px;
margin-right: 17px;
}
}
p {
color: #3D3D3D;
font-size: 14px;
margin: 0;
}
} }
.item{
.main2 { width: 24.5%;
.list { margin-right: 16px;
display: flex; height: 100px;
margin: 16px 0; display: flex;
} justify-content: space-between;
border-radius: 8px;
.item { .item-left{
width: 24.5%; margin-left: 16px;
margin-right: 16px; margin-top: 24px;
height: 100px; h4{
display: flex; color: #232323;
justify-content: space-between; font-size: 22px;
border-radius: 8px; line-height: 22px;
font-weight: bold;
.item-left { margin: 0;
margin-left: 16px; span{
margin-top: 24px; font-weight: 400;
margin-left: 4px;
h4 { font-size: 18px;
color: #232323; }
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin: 0;
span {
font-weight: 400;
margin-left: 4px;
font-size: 18px;
}
}
p {
margin: 0;
color: #3D3D3D;
font-size: 14px;
padding-top: 8px;
}
}
.img {
width: 56px;
height: 56px;
margin-top: 22px;
margin-right: 12px;
}
}
.color1 {
background: rgba(246, 190, 59, 0.08);
border: 1px solid rgba(246, 190, 59, 0.2);
}
.color2 {
background: rgba(148, 216, 196, 0.102);
border: 1px solid rgba(73, 187, 154, 0.1);
} }
p{
.color3 { margin: 0;
background: rgba(57, 100, 199, 0.06); color: #3D3D3D;
border: 1px solid rgba(57, 100, 199, 0.1); font-size: 14px;
} padding-top: 8px;
.color4 {
background: rgba(0, 129, 255, 0.04);
border: 1px solid rgba(0, 129, 255, 0.1);
} }
}
.img{
width: 56px;
height: 56px;
margin-top: 22px;
margin-right: 12px;
}
} }
.color1{
.main3 { background: rgba(246,190,59,0.08);
.main3-box { border: 1px solid rgba(246,190,59,0.2);
margin-top: 22px;
p {
margin: 0;
display: inline-flex;
width: 50%;
border-top: 1px solid #E6E9F0;
border-left: 1px solid #E6E9F0;
}
p:nth-child(2n) {
border-right: 1px solid #E6E9F0;
}
p:nth-child(5) {
border-bottom: 1px solid #E6E9F0;
}
p:last-child {
border-bottom: 1px solid #E6E9F0;
}
.label {
width: 60%;
background: #F0F3FA;
display: inline-block;
height: 40px;
font-weight: 400;
border-right: 1px solid #E6E9F0;
line-height: 40px;
font-size: 12px;
color: rgba(35, 35, 35, 0.8);
padding-left: 12px;
}
span {
width: 40%;
display: inline-block;
height: 40px;
line-height: 40px;
padding-left: 12px;
font-size: 12px;
}
}
} }
.color2{
.main4 { background: rgba(148,216,196,0.102);
.main4-box { border: 1px solid rgba(73,187,154,0.1);
margin-top: 22px;
display: flex;
.label {
width: 14%;
background: #F0F3FA;
border: 1px solid #E6E9F0;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: rgba(35, 35, 35, 0.8);
padding-left: 12px;
}
span {
width: 19%;
display: inline-block;
height: 40px;
line-height: 40px;
border-top: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
padding-left: 12px;
font-size: 12px;
.blue{
color: #0081FF;
}
}
span:last-child {
width: 20%;
border-right: 1px solid #E6E9F0;
}
}
} }
.color3{
.main5 { background: rgba(57,100,199,0.06);
.table-item { border: 1px solid rgba(57,100,199,0.1);
margin-top: 22px; }
.color4{
.pagination { background: rgba(0,129,255,0.04);
padding: 14px; border: 1px solid rgba(0,129,255,0.1);
}
.el-pagination { }
float: right; .main3{
} .main3-box{
} margin-top: 22px;
} p{
margin: 0;
display: inline-block;
width: 50%;
border-top: 1px solid #E6E9F0;
border-left: 1px solid #E6E9F0;
}
p:nth-child(2n){
border-right: 1px solid #E6E9F0;
}
p:nth-child(5){
border-bottom: 1px solid #E6E9F0;
}
p:last-child{
border-bottom: 1px solid #E6E9F0;
}
.label{
width: 60%;
background: #F0F3FA;
display: inline-block;
height: 40px;
font-weight: 400;
border-right: 1px solid #E6E9F0;
line-height: 40px;
font-size: 12px;
color: rgba(35,35,35,0.8);
padding-left: 12px;
}
span{
width: 40%;
display: inline-block;
height: 40px;
line-height: 40px;
padding-left: 12px;
font-size: 12px;
}
}
}
.main4{
.main4-box{
margin-top: 22px;
.label{
width: 14%;
background: #F0F3FA;
border: 1px solid #E6E9F0;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: rgba(35,35,35,0.8);
padding-left: 12px;
}
span{
width: 19%;
display: inline-block;
height: 40px;
line-height: 40px;
border-top: 1px solid #E6E9F0;
border-bottom: 1px solid #E6E9F0;
padding-left: 12px;
font-size: 12px;
}
span:last-child{
width: 20%;
border-right: 1px solid #E6E9F0;
}
}
}
.main5{
.table-item{
margin-top: 22px;
} }
}
} }
</style> </style>
\ No newline at end of file
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment