Commit 6be5e96a authored by danfuman's avatar danfuman

修改

parent 90ef283d
...@@ -45,6 +45,7 @@ export default { ...@@ -45,6 +45,7 @@ export default {
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
min-width:1440px; min-width:1440px;
background: #F5F5F5; background: #F5F5F5;
overflow: initial;
} }
.fixed-header + .app-main { .fixed-header + .app-main {
......
...@@ -135,7 +135,23 @@ export default { ...@@ -135,7 +135,23 @@ export default {
this.aptitudeCode() this.aptitudeCode()
}, },
mounted() {
window.addEventListener("scroll",this.scrolling)
},
beforeDestroy() {
window.removeEventListener("scroll", this.scrolling);
},
methods: { methods: {
scrolling() {
let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;
if (scrollTop>135){
let top = scrollTop-138
el.style.top = top+'px'
}else{
el.style.top = 0
}
},
//资质Json //资质Json
async aptitudeCode() { async aptitudeCode() {
// await axios.post("https://files.jiansheku.com/file/json/common/aptitudeCode.json", {}, { // await axios.post("https://files.jiansheku.com/file/json/common/aptitudeCode.json", {}, {
...@@ -405,6 +421,15 @@ export default { ...@@ -405,6 +421,15 @@ export default {
} }
} }
::v-deep .el-table{ ::v-deep .el-table{
overflow:visible;
.el-table__header-wrapper{
position: sticky;
top:56px;
z-index: 9;
}
.el-table__fixed-header-wrapper{
z-index: 9;
}
th{ th{
font-size: 12px !important; font-size: 12px !important;
font-weight: 400 !important; font-weight: 400 !important;
......
...@@ -151,21 +151,21 @@ ...@@ -151,21 +151,21 @@
this.getYears() this.getYears()
}, },
mounted() { mounted() {
// window.addEventListener("scroll",this.scrolling) window.addEventListener("scroll",this.scrolling)
}, },
beforeDestroy() { beforeDestroy() {
// window.removeEventListener("scroll", this.scrolling); window.removeEventListener("scroll", this.scrolling);
}, },
methods: { methods: {
scrolling() { scrolling() {
let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0] // let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop; // let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;
if (scrollTop>135){ // if (scrollTop>135){
let top = scrollTop-138 // let top = scrollTop-136
el.style.top = top+'px' // el.style.top = top+'px'
}else{ // }else{
el.style.top = 0 // el.style.top = 0
} // }
}, },
getYears(){ getYears(){
getYears({}).then(res => { getYears({}).then(res => {
...@@ -374,7 +374,7 @@ ...@@ -374,7 +374,7 @@
margin-top: 12px; margin-top: 12px;
/*height: calc(100vh - 300px);*/ /*height: calc(100vh - 300px);*/
.table-item{ .table-item{
position: relative; /*position: relative;*/
.empty{ .empty{
/*position: absolute;*/ /*position: absolute;*/
/*top: 50%;*/ /*top: 50%;*/
...@@ -401,7 +401,7 @@ ...@@ -401,7 +401,7 @@
} }
} }
::v-deep .el-table{ ::v-deep .el-table{
overflow:initial; overflow:visible;
.el-table__header-wrapper{ .el-table__header-wrapper{
position: sticky; position: sticky;
top:56px; top:56px;
......
<template> <template>
<div class="app-container container-box nationalEconomies"> <div class="app-container nationalEconomies">
<div class="header"> <div class="header">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="全国经济大全" name="first"></el-tab-pane> <el-tab-pane label="全国经济大全" name="first"></el-tab-pane>
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
<el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane> <el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<Economic v-if="activeName === 'first'"></Economic> <Economic v-if="activeName === 'first'"></Economic>
<ZhaoBiao v-if="activeName === 'second'"></ZhaoBiao> <ZhaoBiao v-if="activeName === 'second'"></ZhaoBiao>
<ZhongBiao v-if="activeName === 'third'"></ZhongBiao> <ZhongBiao v-if="activeName === 'third'"></ZhongBiao>
......
...@@ -145,94 +145,95 @@ ...@@ -145,94 +145,95 @@
</div> </div>
</div> </div>
<div class="table-item"> <div class="table-item">
<el-table <div v-if="tableDataTotal > 0">
v-if="tableDataTotal > 0" <el-table
v-loading="tableLoading" v-loading="tableLoading"
:data="tableData" :data="tableData"
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
border border
fit fit
highlight-current-row highlight-current-row
> >
<el-table-column label="序号" width="60" align="left" fixed> <el-table-column label="序号" width="60" align="left" fixed>
<template slot-scope="scope">{{ pageIndex * pageSize - pageSize + scope.$index + 1 }}</template> <template slot-scope="scope">{{ pageIndex * pageSize - pageSize + scope.$index + 1 }}</template>
</el-table-column> </el-table-column>
<el-table-column prop="companyName" label="公司名称" width="300" fixed> <el-table-column prop="companyName" label="公司名称" width="300" fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<router-link :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="a-link companyName" v-html="scope.row.companyName" ></router-link> <router-link :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="a-link companyName" v-html="scope.row.companyName" ></router-link>
<span @click="handleClick(scope.row)" class="table-span" style="color: #3D3D3D;cursor: pointer;" v-if="scope.row.claimStatus === 0"><img src="@/assets/images/urban/rl_icon1.png"/>认领</span> <span @click="handleClick(scope.row)" class="table-span" style="color: #3D3D3D;cursor: pointer;" v-if="scope.row.claimStatus === 0"><img src="@/assets/images/urban/rl_icon1.png"/>认领</span>
<span @click="cancelClaim(scope.row.companyName)" class="table-span" style="color: rgba(35,35,35,0.4);cursor: pointer;" v-if="scope.row.claimStatus === 1"><img src="@/assets/images/urban/rl_icon2.png"/>已认领</span> <span @click="cancelClaim(scope.row.companyName)" class="table-span" style="color: rgba(35,35,35,0.4);cursor: pointer;" v-if="scope.row.claimStatus === 1"><img src="@/assets/images/urban/rl_icon2.png"/>已认领</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="city" label="区域" :formatter="formatStatus" width="150"> <el-table-column prop="city" label="区域" :formatter="formatStatus" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link :to="{path:'/macro/economies',query:{provinceId:scope.row.provinceId,province:scope.row.province}}" tag="a" class="a-link"> <router-link :to="{path:'/macro/economies',query:{provinceId:scope.row.provinceId,province:scope.row.province}}" tag="a" class="a-link">
{{ scope.row.province}}{{scope.row.city ? '-': ''}}{{ scope.row.city}}{{scope.row.area ? '-': ''}}{{ scope.row.area}} {{ scope.row.province}}{{scope.row.city ? '-': ''}}{{ scope.row.city}}{{scope.row.area ? '-': ''}}{{ scope.row.area}}
</router-link> </router-link>
<!--<span v-else>-</span>--> <!--<span v-else>-</span>-->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="biddingCount" label="招标数量" :formatter="formatStatus" sortable="custom" width="110" align="right"/> <el-table-column prop="biddingCount" label="招标数量" :formatter="formatStatus" sortable="custom" width="110" align="right"/>
<el-table-column prop="landInfoCount" label="城投拿地" :formatter="formatStatus" sortable="custom" width="100" align="right"/> <el-table-column prop="landInfoCount" label="城投拿地" :formatter="formatStatus" sortable="custom" width="100" align="right"/>
<el-table-column prop="supplierCount" label="供应商" :formatter="formatStatus" sortable="custom" width="100" align="right"/> <el-table-column prop="supplierCount" label="供应商" :formatter="formatStatus" sortable="custom" width="100" align="right"/>
<el-table-column prop="bondBalance" label="债券余额(亿元)" :formatter="formatStatus" sortable="custom" width="140" align="right"/> <el-table-column prop="bondBalance" label="债券余额(亿元)" :formatter="formatStatus" sortable="custom" width="140" align="right"/>
<el-table-column prop="bratingSubjectLevel" label="主体评级" :formatter="formatStatus" width="110" /> <el-table-column prop="bratingSubjectLevel" label="主体评级" :formatter="formatStatus" width="110" />
<el-table-column prop="uipExecutiveLevel" label="行政级别" :formatter="formatStatus" width="110" /> <el-table-column prop="uipExecutiveLevel" label="行政级别" :formatter="formatStatus" width="110" />
<el-table-column prop="shareholderBg" label="股东背景" :formatter="formatStatus" width="110" /> <el-table-column prop="shareholderBg" label="股东背景" :formatter="formatStatus" width="110" />
<el-table-column prop="equityRelationship" label="股权关系" :formatter="formatStatus" width="110" /> <el-table-column prop="equityRelationship" label="股权关系" :formatter="formatStatus" width="110" />
<el-table-column prop="platformImportance" label="平台重要性" :formatter="formatStatus" width="110" /> <el-table-column prop="platformImportance" label="平台重要性" :formatter="formatStatus" width="110" />
<el-table-column prop="uipBusinessType" label="城投业务类型" :formatter="formatStatus" width="140" > <el-table-column prop="uipBusinessType" label="城投业务类型" :formatter="formatStatus" width="140" >
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<span>城投业务类型 <span>城投业务类型
<el-tooltip popper-class="tips" effect="light" content=" 根据主营业务构成划分为土地开发整理、基础设施建设、交通建设运营、棚改保障房建设、公用事业等7大类型。" placement="top"> <el-tooltip popper-class="tips" effect="light" content=" 根据主营业务构成划分为土地开发整理、基础设施建设、交通建设运营、棚改保障房建设、公用事业等7大类型。" placement="top">
<i class="el-icon-warning-outline"></i> <i class="el-icon-warning-outline"></i>
</el-tooltip> </el-tooltip>
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="actualController" label="实控人" :formatter="formatStatus" width="250" /> <el-table-column prop="actualController" label="实控人" :formatter="formatStatus" width="250" />
<el-table-column prop="latestReportPeriod" label="最新报告期" :formatter="formatStatus" width="120" /> <el-table-column prop="latestReportPeriod" label="最新报告期" :formatter="formatStatus" width="120" />
<el-table-column prop="totalAssets" label="总资产(亿元)" :formatter="formatStatus" sortable="custom" width="130" align="right"/> <el-table-column prop="totalAssets" label="总资产(亿元)" :formatter="formatStatus" sortable="custom" width="130" align="right"/>
<el-table-column prop="belongNetAssets" label="归母净资产(亿元)" :formatter="formatStatus" sortable="custom" width="160" align="right"/> <el-table-column prop="belongNetAssets" label="归母净资产(亿元)" :formatter="formatStatus" sortable="custom" width="160" align="right"/>
<el-table-column prop="monetaryFunds" label="货币资金(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/> <el-table-column prop="monetaryFunds" label="货币资金(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/>
<el-table-column prop="landAssets" label="土地资产(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/> <el-table-column prop="landAssets" label="土地资产(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/>
<el-table-column prop="restrictedAssets" label="受限资产(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/> <el-table-column prop="restrictedAssets" label="受限资产(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/>
<el-table-column prop="accountsReceivable" label="应收账款(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/> <el-table-column prop="accountsReceivable" label="应收账款(亿元)" :formatter="formatStatus" sortable="custom" width="150" align="right"/>
<el-table-column prop="otherReceivable" label="其他应收款(亿元)" :formatter="formatStatus" sortable="custom" width="160" align="right"/> <el-table-column prop="otherReceivable" label="其他应收款(亿元)" :formatter="formatStatus" sortable="custom" width="160" align="right"/>
<el-table-column prop="econData001" label="公益性&准公益性主营占比(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData001" label="公益性&准公益性主营占比(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="receivableFromGovRatio" label="应收类款项来自政府占比(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="receivableFromGovRatio" label="应收类款项来自政府占比(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="govSubsidy" label="政府补助(亿元)" :formatter="formatStatus" width="130" align="right" /> <el-table-column prop="govSubsidy" label="政府补助(亿元)" :formatter="formatStatus" width="130" align="right" />
<el-table-column prop="specialPayable" label="专项应付款(亿元)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="specialPayable" label="专项应付款(亿元)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="operatingIncome" label="营业收入(亿元)" :formatter="formatStatus" width="130" align="right"/> <el-table-column prop="operatingIncome" label="营业收入(亿元)" :formatter="formatStatus" width="130" align="right"/>
<el-table-column prop="belongNetProfit" label="归母净利润(亿元)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="belongNetProfit" label="归母净利润(亿元)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="roe" label="净资产收益率(%)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="roe" label="净资产收益率(%)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="netOperatingCashFlow" label="经营现金流量净额(亿元)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="netOperatingCashFlow" label="经营现金流量净额(亿元)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="netFinancingCashFlow" label="筹资现金流量净额(亿元)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="netFinancingCashFlow" label="筹资现金流量净额(亿元)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="netInvestmentCashFlow" label="投资现金流量净额(亿元)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="netInvestmentCashFlow" label="投资现金流量净额(亿元)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="totalLiabilities" label="总负债(亿元)" :formatter="formatStatus" width="120" align="right"/> <el-table-column prop="totalLiabilities" label="总负债(亿元)" :formatter="formatStatus" width="120" align="right"/>
<el-table-column prop="uipInterestBearingDebt" label="有息债务(亿元)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="uipInterestBearingDebt" label="有息债务(亿元)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="econData002" label="有息债务/总负债(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData002" label="有息债务/总负债(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="tdr" label="资产负债率(%)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="tdr" label="资产负债率(%)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="ofcb" label="综合融资成本(%)" :formatter="formatStatus" width="150" align="right"/> <el-table-column prop="ofcb" label="综合融资成本(%)" :formatter="formatStatus" width="150" align="right"/>
<el-table-column prop="cashRatio" label="现金比率" :formatter="formatStatus" width="110" align="right"/> <el-table-column prop="cashRatio" label="现金比率" :formatter="formatStatus" width="110" align="right"/>
<el-table-column prop="cashFlowRatio" label="现金流量比率" :formatter="formatStatus" width="120" align="right"/> <el-table-column prop="cashFlowRatio" label="现金流量比率" :formatter="formatStatus" width="120" align="right"/>
<el-table-column prop="cashDebtRatio" label="现金到期债务比" :formatter="formatStatus" width="120" align="right"/> <el-table-column prop="cashDebtRatio" label="现金到期债务比" :formatter="formatStatus" width="120" align="right"/>
<el-table-column prop="creditBalance" label="授信余额(亿元)" :formatter="formatStatus" width="130" align="right"/> <el-table-column prop="creditBalance" label="授信余额(亿元)" :formatter="formatStatus" width="130" align="right"/>
<el-table-column prop="econData003" label="授信余额/全部债务(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData003" label="授信余额/全部债务(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="ebitdaIcr" label="EBITDA保障倍数" :formatter="formatStatus" width="150" align="right"/> <el-table-column prop="ebitdaIcr" label="EBITDA保障倍数" :formatter="formatStatus" width="150" align="right"/>
<el-table-column prop="ppnBalanceProp" label="私募债余额占比(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="ppnBalanceProp" label="私募债余额占比(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="econData004" label="一年内到期债权占比(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData004" label="一年内到期债权占比(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="econData005" label="债券余额/有息债务(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData005" label="债券余额/有息债务(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="loan" label="借款余额(亿元)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="loan" label="借款余额(亿元)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="econData006" label="借款/有息债务(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData006" label="借款/有息债务(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="nonStandardBalance" label="非标余额(亿元)" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="nonStandardBalance" label="非标余额(亿元)" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="nonStandardRatio" label="非标余额/有息债务(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="nonStandardRatio" label="非标余额/有息债务(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="guaranteeAmount" label="对外担保金额(亿元)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="guaranteeAmount" label="对外担保金额(亿元)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="guaranteeRatio" label="对外担保比例(%)" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="guaranteeRatio" label="对外担保比例(%)" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="developmentZone" label="所属开发区" :formatter="formatStatus" width="160" /> <el-table-column prop="developmentZone" label="所属开发区" :formatter="formatStatus" width="160" />
<!--<el-table-column prop="bl" label="开发区类别" width="160" />--> <!--<el-table-column prop="bl" label="开发区类别" width="160" />-->
</el-table> </el-table>
</div>
<div class="empty" v-if="tableDataTotal === 0"> <div class="empty" v-if="tableDataTotal === 0">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉,没找到相关数据</div> <div class="p1">抱歉,没找到相关数据</div>
...@@ -344,6 +345,7 @@ export default { ...@@ -344,6 +345,7 @@ export default {
} }
}, },
mounted(){ mounted(){
window.addEventListener("scroll",this.scrolling)
window.addEventListener('scroll', this.handleScroll); window.addEventListener('scroll', this.handleScroll);
const _this = this, erd = elementResizeDetectorMaker(), partBox = document.getElementById("content") const _this = this, erd = elementResizeDetectorMaker(), partBox = document.getElementById("content")
erd.listenTo(partBox, element => { erd.listenTo(partBox, element => {
...@@ -355,6 +357,9 @@ export default { ...@@ -355,6 +357,9 @@ export default {
destroyed () { destroyed () {
window.removeEventListener('scroll', this.handleScroll) window.removeEventListener('scroll', this.handleScroll)
}, },
beforeDestroy() {
window.removeEventListener("scroll", this.scrolling);
},
created() { created() {
this.dataRegion() this.dataRegion()
this.getType() this.getType()
...@@ -409,6 +414,16 @@ export default { ...@@ -409,6 +414,16 @@ export default {
}) })
}, },
methods: { methods: {
scrolling() {
let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;
if (scrollTop>368){
let top = scrollTop-368
el.style.top = top+'px'
}else{
el.style.top = 0
}
},
handleScroll () { handleScroll () {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
if (scrollTop > 300) { if (scrollTop > 300) {
...@@ -912,6 +927,15 @@ export default { ...@@ -912,6 +927,15 @@ export default {
} }
} }
::v-deep .el-table{ ::v-deep .el-table{
overflow:visible;
.el-table__header-wrapper{
position: sticky;
top:56px;
z-index: 9;
}
.el-table__fixed-header-wrapper{
z-index: 9;
}
th{ th{
font-size: 12px !important; font-size: 12px !important;
font-weight: 400 !important; font-weight: 400 !important;
......
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