Commit 5c30560f authored by danfuman's avatar danfuman

Merge branch 'dev20230707' of http://192.168.60.201/root/dsk-operate-sys into dev20230707

parents 8b2af52e 0bc03456
.el-card{
overflow: initial;
}
.app-container{ .app-container{
padding: 0; padding: 0;
} }
...@@ -1210,19 +1212,15 @@ ...@@ -1210,19 +1212,15 @@
//} //}
} }
//.fixed-table { .fixed-table {
// overflow: initial; overflow: visible;
//
// .el-table__header-wrapper { .el-table__header-wrapper {
// position: sticky; position: sticky;
// top: 0; top: 56px;
// z-index: 9; z-index: 9;
// } }
// .el-table__fixed-header-wrapper {
// .el-table__fixed-header-wrapper { z-index: 9;
// position: sticky; }
// top: 0; }
// z-index: 9;
// }
//
//}
...@@ -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,30 +323,19 @@ ...@@ -323,30 +323,19 @@
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 el = document.getElementById("tables").offsetTop let e1 = document.getElementById("tables").offsetTop
console.log(el) let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height
// let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0] let mheight = e1+e2 +2
// let el1 = document.getElementsByClassName("el-table__header")[0] let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
// console.log(el1.offsetTop) let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;
// let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; if (scrollTop>mheight){
// if (scrollTop > el1.offsetTop) { let top = scrollTop-mheight
// let top = scrollTop - el1.offsetTop - 13 el.style.top = top+'px'
// el.style.top = top + 'px' }else{
// } else { el.style.top = 0
// el.style.top = 0 }
// }
}, },
sq1(item,sq){ sq1(item,sq){
this.$nextTick(()=>{ this.$nextTick(()=>{
...@@ -631,7 +620,7 @@ ...@@ -631,7 +620,7 @@
.tables{ .tables{
position: relative; position: relative;
min-height: calc(100vh - 134px); min-height: calc(100vh - 134px);
overflow: auto; /*overflow: auto;*/
.empty{ .empty{
position: absolute; position: absolute;
top: 50%; top: 50%;
......
...@@ -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