Skip to content

D
dsk-cr20g
Commit dcb89aa7 authored by yht15023815643's avatar yht15023815643
Browse files
Options

集团户

parent c3e21c6f
Show whitespace changes
Inline Side-by-side
Showing with 231 additions and 235 deletions
dsk-operate-ui/src/layout/index.vue
View file @ dcb89aa7
......@@ -128,4 +128,7 @@ export default {
.mobile .fixed-header {
width: 100%;
}
.EnterpriseData{
min-width: 1648px;
}
</style>
dsk-operate-ui/src/views/detail/party-a/overview/component/infoheader.vue
View file @ dcb89aa7
......@@ -101,9 +101,11 @@
<div class="flex-box" @click="linkTo(statistic.combineMember)">
<img src="@/assets/images/detail/overview/company_ssjt.png" alt="所属集团" title="所属集团" class="swiper-img">
<div class="swiper-item">
<span class="swiper-name">
所属集团-{{statistic.combineMember.companyName}}
<el-popover trigger="hover" :content="'所属集团-'+statistic.combineMember.companyName">
<span class="swiper-name" slot="reference">
所属集团-{{ statistic.combineMember.companyName }}
</span>
</el-popover>
<div >
<span >集团成员：</span><i class="num" >{{statistic.combineMember.memberNum}}</i>
</div>
......
dsk-operate-ui/src/views/enterpriseData/components/Group/index.vue
View file @ dcb89aa7
......@@ -13,8 +13,8 @@
<p class="p1">建议调整关键词或筛选条件，重新搜索</p>
</div>
<div v-else class="infinite-list-item" v-for="(item,index) in searchList" @click="selCompany(item)" :key="index">
<!-- <img :src="item.logo" alt="" > -->
<div class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,4) }}</div>
<img v-if="item.logoUrl" :src="item.logoUrl" alt="" >
<div class="logo" v-else :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,4) }}</div>
<div>
<span style="font-size: 14px;color: #0384FA;" v-html="item.combineName" ></span>
<div style="height:22px;line-height: 22px;"><span class="infinite-label">集团成员：</span>{{ item.combineMemberNum }}</div>
......@@ -27,15 +27,15 @@
</div>
</div>
<skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
<div v-else style="position: relative;">
<div class="wrap">
<div v-else id="anchorRef_wrap">
<div class="contetn_wrap">
<div class="wrap" id="anchorRef" @scroll="handleScroll">
<template v-if="activeIndex==0">
<div class="count">共{{ total }}条</div>
<div >
<div class="infinite-list-item" v-for="(item,index) in companData" @click="selCompany(item)" :key="index">
<!-- <img :src="item.logo" alt="" > -->
<div class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,4) }}</div>
<img v-if="item.logoUrl" :src="item.logoUrl" alt="" >
<div v-else class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,4) }}</div>
<div style="float: left;">
<span class="name" v-html="item.combineName" ></span>
<div style="height:28px;line-height: 28px;"><span class="infinite-label">集团成员：</span>{{ item.combineMemberNum }}</div>
......@@ -47,13 +47,13 @@
<!-- 央企子集团 -->
<template v-if="activeIndex==1">
<div class="count">共{{ childListTotal }}条</div>
<div class="child-wrap" :id="item.type" v-for="(item,index) in childList" :key="index">
<div class="child-wrap" :id="'anchor-'+index" v-for="(item,index) in childList" :key="index">
<div class="anchor"></div>
<div class="count1" >{{item.type}}<span> {{ item.total }}</span></div>
<div :key="index">
<div class="infinite-list-item" v-for="(item1,index1) in item.list" @click="selCompany(item1)" :key="index1+'i'">
<!-- <img :src="item1.logo" alt="" > -->
<div class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,4) }}</div>
<img v-if="item.logoUrl" :src="item.logoUrl" alt="" >
<div v-else class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,4) }}</div>
<div style="float: left;">
<span class="name" v-html="item1.combineName" ></span>
<div style="height:28px;line-height: 28px;"><span class="infinite-label">集团成员：</span>{{ item1.combineMemberNum }}</div>
......@@ -73,13 +73,13 @@
</div>
<div class="count">共{{ localList1Total }}条</div>
<!-- 省管国企 -->
<div class="child-wrap" id="管国企">
<div class="child-wrap" id="anchor-0" >
<div class="anchor"></div>
<div class="count1" >{{provinceId=='110000'||provinceId=='120000'||provinceId=='500000'||provinceId=='310000'?'市':'省'}}管国企<span> {{ localList.total }}</span></div>
<template v-for="(item,index) in localList.local">
<div class="infinite-list-item" v-if="index<localListPage*12" :key="index" @click="selCompany(item)" >
<!-- <img :src="item.logo" alt="" > -->
<div class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,4) }}</div>
<img v-if="item.logoUrl" :src="item.logoUrl" alt="" >
<div v-else class="logo" :style="{background:colors[index%5]}">{{ item.combineMemberName.slice(0,4) }}</div>
<div style="float: left;">
<span class="name" v-html="item.combineName" ></span>
<div style="height:28px;line-height: 28px;"><span class="infinite-label">集团成员：</span>{{ item.combineMemberNum }}</div>
......@@ -90,13 +90,13 @@
<el-divider v-if="localList.total>localListPage*12" @click="localListPage++">更多<span></span></el-divider>
</div>
<!-- 市区国企 -->
<div class="child-wrap" :id="item.address" v-for="(item,index) in localList1" :key="index">
<div class="child-wrap" :id="'anchor-'+(index+1)" v-for="(item,index) in localList1" :key="index">
<div class="anchor"></div>
<div class="count1" >{{item.address}}<span> {{ item.total }}</span></div>
<div :key="index">
<div class="infinite-list-item" v-for="(item1,index1) in item.result" @click="selCompany(item1)" :key="index1+'i'">
<!-- <img :src="item1.logo" alt="" > -->
<div class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,4) }}</div>
<img v-if="item.logoUrl" :src="item.logoUrl" alt="" >
<div v-else class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,4) }}</div>
<div style="float: left;">
<span class="name" v-html="item1.combineName" ></span>
<div style="height:28px;line-height: 28px;"><span class="infinite-label">集团成员：</span>{{ item1.combineMemberNum }}</div>
......@@ -111,13 +111,13 @@
<!-- 民营集团 -->
<template v-if="activeIndex==3">
<div class="count">共{{ childListTotal }}条</div>
<div class="child-wrap" :id="item.type" v-for="(item,index) in childList" :key="index">
<div class="child-wrap" :id="'anchor-'+index" v-for="(item,index) in childList" :key="index">
<div class="anchor"></div>
<div class="count1" >{{item.type}}<span> {{ item.total }}</span></div>
<div :key="index">
<div class="infinite-list-item" v-for="(item1,index1) in item.list" @click="selCompany(item1)" :key="index1+'i'">
<!-- <img :src="item1.logo" alt="" > -->
<div class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,4) }}</div>
<img v-if="item.logoUrl" :src="item.logoUrl" alt="" >
<div v-else class="logo" :style="{background:colors[index1%5]}">{{ item1.combineMemberName.slice(0,4) }}</div>
<div style="float: left;">
<span class="name" v-html="item1.combineName" ></span>
<div style="height:28px;line-height: 28px;"><span class="infinite-label">集团成员：</span>{{ item1.combineMemberNum }}</div>
......@@ -128,9 +128,8 @@
<el-divider v-if="item.total>item.page*12" @click="moreClick3(item.type,index)">更多<span></span></el-divider>
</div>
</template>
</div>
<div v-if="activeIndex!=0" class="anchor_box" :class="activeIndex==2?'anchor_box1':''">
<div v-if="activeIndex!=0" class="anchor_box">
<div class="anchor_wrap">
<div class="anchor_item" v-for="(item,i) in childList"
:class="anchorIndex==i?'active_anchor_item':''" :key="i" @click="anchorClick(i)">
......@@ -140,6 +139,7 @@
</div>
</div>
</div>
</div>
</template>
<script>
......@@ -176,11 +176,6 @@ export default {
provinceId:110000,
}
},
beforeDestroy() {
if (process.browser) {
document.removeEventListener("scroll", this.handleScroll);
}
},
created(){
api.region(100000).then(res=>{
if(res.code==200){
......@@ -242,7 +237,6 @@ export default {
this.activeIndex=index;
this.isSkeleton = true;
if(index==1){
this.listenerFunction();
api.centralEnterprseChild().then(res=>{
if(res.code==200){
this.isSkeleton = false;
......@@ -256,9 +250,6 @@ export default {
}
})
}else if(index==2){
if (process.browser) {
document.removeEventListener("scroll", this.handleScroll);
}
let data = {
provinceId:this.provinceId
}
......@@ -278,8 +269,6 @@ export default {
}
})
}else if(index==3){
this.listenerFunction();
api.centralEnterprsesocial().then(res=>{
if(res.code==200){
this.isSkeleton = false;
......@@ -297,40 +286,31 @@ export default {
}
},
listenerFunction(e) {
if (process.browser) {
document.addEventListener('scroll', this.handleScroll, true);
}
},
handleScroll() {
for(var i in this.childList){
if(this.childList[i].type&&window.scrollY > document.getElementById(this.childList[i].type).offsetTop+144||window.scrollY > document.getElementById(this.childList[i].address).offsetTop+244){
this.anchorIndex = i
}
}
},
anchorTopFn(i) {
var top = 0
for (var j = 0; j < i; j++) {
if (document.getElementById(this.childList[j].type)) {
top = document.getElementById(this.childList[j].type).offsetHeight
}
if (document.getElementById(this.childList[j].address)) {
top = document.getElementById(this.childList[j].address).offsetHeight
}
// 滚动监听器
handleScroll(i) {
// 获取所有锚点元素
const navContents = document.querySelectorAll('.child-wrap')
// 所有锚点元素的 offsetTop
const offsetTopArr = []
navContents.forEach((item) => {
offsetTopArr.push(item.offsetTop)
})
// 获取当前文档流的 scrollTop
const scrollTop = document.getElementById('anchorRef').scrollTop
offsetTopArr.forEach((item, index) => {
if (scrollTop >= item) {
this.anchorIndex = index
}
return top
})
},
anchorClick(i) {
this.anchorIndex = i
var a = document.getElementById(this.childList[i].type)||document.getElementById(this.childList[i].address)
if (a) {
var a = document.getElementById('anchor-'+i)
a.scrollIntoView()
document.body.scrollTop += -56
document.documentElement.scrollTop += -56
}
setTimeout(() => {
this.anchorIndex = i
}, 1);
},
getCompany(){
api.centralEnterprse().then(res=>{
......@@ -392,6 +372,8 @@ export default {
border-radius: 4px 4px 4px 4px;
background: #FFFFFF;
font-size: 14px;
min-width: 1580px;
.content_item{
.content_right{
.ename_input{
......@@ -496,14 +478,21 @@ export default {
}
}
}
#anchorRef_wrap{
background: #FFFFFF;
}
.contetn_wrap{
position: relative;
min-width: 1668px;
.wrap{
margin-top: 12px;
// max-height: 708px;
// height: calc(100% - 200px);
min-width: 1628px;
overflow: auto;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
padding: 16px;
max-height: 700px;
.anchor{
height: 24px;
}
......@@ -590,9 +579,9 @@ export default {
}
}
.anchor_box {
position: fixed;
top: 298px;
right: 38px;
position: absolute;
top: 48px;
right: 10px;
.anchor_wrap {
color: #999999;
font-size: 14px;
......@@ -602,6 +591,10 @@ export default {
font-size: 12px;
padding-left: 8px;
line-height: 20px;
width: 58px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
position: relative;
box-sizing: border-box;
......@@ -617,8 +610,6 @@ export default {
}
}
}
.anchor_box1{
top:386px;
}
::v-deep .el-divider{
width: calc(100% - 107px);
......
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