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