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,8 +145,8 @@ ...@@ -145,8 +145,8 @@
</div> </div>
</div> </div>
<div class="table-item"> <div class="table-item">
<div v-if="tableDataTotal > 0">
<el-table <el-table
v-if="tableDataTotal > 0"
v-loading="tableLoading" v-loading="tableLoading"
:data="tableData" :data="tableData"
element-loading-text="Loading" element-loading-text="Loading"
...@@ -233,6 +233,7 @@ ...@@ -233,6 +233,7 @@
<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