Commit 0bc03456 authored by huangjie's avatar huangjie

*

parent 159dd56c
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
prop="date" prop="date"
label="企业名称" label="企业名称"
fixed="left" fixed="left"
width="441"> width="316">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="ps1"> <div class="ps1">
<div class="wordprimary ps2" @click="toDetail(scope.row,'')">{{scope.row.companyName}}</div> <div class="wordprimary ps2" @click="toDetail(scope.row,'')">{{scope.row.companyName}}</div>
...@@ -323,42 +323,15 @@ ...@@ -323,42 +323,15 @@
beforeDestroy() { beforeDestroy() {
window.removeEventListener("scroll", this.scrolling); window.removeEventListener("scroll", this.scrolling);
}, },
// mounted(){
// // tables
// // var box = document.getElementById('tables').offsetTop // 获取元素
// var box = document.getElementsByClassName("el-table")[0].offsetTop
// console.log(box)
// if (box) {
// let topheight = box.offsetTop
// console.log(topheight)
// }
// },
methods:{ methods:{
scrolling() { scrolling() {
// let e1 = document.getElementsByClassName("tables")[0].offsetTop
// console.log(e1)
// return false
// let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height
// let con = document.getElementsByClassName('el-table__fixed-header-wrapper')[0]
// // let con1 = document.getElementsByClassName('el-table__fixed-header-wrapper')[0]
// console.log(con)
// if(e1<=e2){
// con.style.top=e2+'px'
// // con.style.position='fixed'
// con.style.zIndex=5
// }else{
// // con.style.position='relative'
// con.style.top='0px'
// }
let e1 = document.getElementById("tables").offsetTop let e1 = document.getElementById("tables").offsetTop
let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height
let e3 = document.getElementsByClassName("el-card")[0].offsetTop let mheight = e1+e2 +2
console.log(e3)
let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0] let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop; let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;
if (scrollTop>105){ if (scrollTop>mheight){
let top = scrollTop-105 let top = scrollTop-mheight
el.style.top = top+'px' el.style.top = top+'px'
}else{ }else{
el.style.top = 0 el.style.top = 0
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</div> </div>
</div> </div>
<skeleton v-if="isSkeleton"></skeleton> <skeleton v-if="isSkeleton"></skeleton>
<el-table v-if="!isSkeleton&&tableData.total > 0" <el-table v-if="!isSkeleton&&tableData.total > 0" class="fixed-table"
:data="tableData.rows" :data="tableData.rows"
stripe border stripe border
style="width: 100%"> style="width: 100%">
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
prop="date" prop="date"
label="企业名称" label="企业名称"
fixed="left" fixed="left"
width="441"> width="316">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="ps1"> <div class="ps1">
<div class="wordprimary ps2" @click="toDetail(scope.row,'')">{{scope.row.companyName}}</div> <div class="wordprimary ps2" @click="toDetail(scope.row,'')">{{scope.row.companyName}}</div>
...@@ -246,7 +246,26 @@ export default { ...@@ -246,7 +246,26 @@ export default {
this.getCustomerList() this.getCustomerList()
this.getDictType() this.getDictType()
}, },
mounted() {
window.addEventListener("scroll",this.scrolling)
},
beforeDestroy() {
window.removeEventListener("scroll", this.scrolling);
},
methods:{ methods:{
scrolling() {
let e1 = document.getElementById("tables").offsetTop
let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height
let mheight = e1+e2 +2
let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;
if (scrollTop>mheight){
let top = scrollTop-mheight
el.style.top = top+'px'
}else{
el.style.top = 0
}
},
sq1(item,sq){ sq1(item,sq){
this.$nextTick(()=>{ this.$nextTick(()=>{
item.sq1 = sq item.sq1 = sq
......
<template> <template>
<div class="Tables"> <div class="Tables">
<div class="table-item"> <div class="table-item">
<el-table v-if="tableDataTotal>0" <el-table v-if="tableDataTotal>0" class="fixed-table"
v-loading="tableLoading" v-loading="tableLoading"
:data="tableData" :data="tableData"
element-loading-text="Loading" element-loading-text="Loading"
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<div class="p2">抱歉,你还未添加相关数据,快去添加吧</div> <div class="p2">抱歉,你还未添加相关数据,快去添加吧</div>
<div class="btn btn_primary h36 w102" @click="opennew" v-if="isDisableds == false">新增联系人</div> <div class="btn btn_primary h36 w102" @click="opennew" v-if="isDisableds == false">新增联系人</div>
</div> </div>
<el-table v-else <el-table class="fixed-table" v-else
:data="tableData" :data="tableData"
stripe border stripe border
style="width: 100%" style="width: 100%"
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<div class="p2">建议调整关键词或添加相关企业,重新搜索</div> <div class="p2">建议调整关键词或添加相关企业,重新搜索</div>
<div class="btn btn_primary h36 w102" @click="opennew" v-if="isDisableds==false">新增相关企业</div> <div class="btn btn_primary h36 w102" @click="opennew" v-if="isDisableds==false">新增相关企业</div>
</div> </div>
<el-table v-else-if="!isSkeleton" <el-table v-else-if="!isSkeleton" class="fixed-table"
:data="tableData.rows" :data="tableData.rows"
style="width: 100%" style="width: 100%"
:default-sort = "{prop: 'depth', order: 'descending'}" :default-sort = "{prop: 'depth', order: 'descending'}"
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
上传文档 上传文档
</el-upload></div> </el-upload></div>
</div> </div>
<el-table v-else-if="!isSkeleton" <el-table v-else-if="!isSkeleton" class="fixed-table"
:data="fileDatas.rows" :data="fileDatas.rows"
style="width: 100%" style="width: 100%"
:default-sort = "{prop: 'creatTime', order: 'descending'}" :default-sort = "{prop: 'creatTime', order: 'descending'}"
......
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