|
@@ -91,9 +91,9 @@
|
|
|
<img :src="item.img" alt="">
|
|
|
<div class="msgProgress">
|
|
|
<span
|
|
|
- :style="winPix === 1.25?'font-size: 12px;width: 65%':''">{{item.company}}</span>
|
|
|
+ :style="winPix === 1.25 || innerWidth < 1920?'font-size: 12px;width: 65%':''">{{item.company}}</span>
|
|
|
<span>{{item.grade}}</span>
|
|
|
- <span :style="winPix === 1.25?'width: 25%':''">{{item.score}}</span>
|
|
|
+ <span :style="winPix === 1.25 || innerWidth < 1920?'width: 25%':''">{{item.score}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -104,7 +104,7 @@
|
|
|
<div class="mainFourMsg">
|
|
|
<span class="mainFourcompany" :style="getFooter12Sty()">{{item.company}}</span>
|
|
|
<div class="mainFourImg">
|
|
|
- <span class="mainFourImgSpan">{{item.score}}</span>
|
|
|
+ <span class="mainFourImgSpan" :style="getFooterseaSty()">{{item.score}}</span>
|
|
|
<el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
:width="200" trigger="hover" :content="item.matter_heigh_note">
|
|
|
<template #reference>
|
|
@@ -154,8 +154,7 @@
|
|
|
</div>
|
|
|
<div class="tableFooter">
|
|
|
<div class="footerOne">
|
|
|
- <!-- :style="getFooterOneSty()" -->
|
|
|
- <span>煤电一体化</span>
|
|
|
+ <span :style="getFooterOneSty()">煤电一体化</span>
|
|
|
</div>
|
|
|
<div class="footerTwo">
|
|
|
<div style="display: flex" v-for="(item, index) in cupDataYearArr.integration" :key="index">
|
|
@@ -172,8 +171,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="footerThree">
|
|
|
- <div class="mainMore" @click="yearSeeMore(it.nameEn, 'season')"></div>
|
|
|
- <div style="display: flex; justify-content: space-between;width: 100%"
|
|
|
+ <div class="mainMore" @click="yearSeeMore('MDYTH', 'season')"></div>
|
|
|
+ <!-- <div style="display: flex; justify-content: space-between;width: 100%"
|
|
|
v-for="(item, index) in cupDataSeasonArr.integration" :key="index">
|
|
|
<div class="footerThreeMsg" v-for="it in matterMsg" :key="it">
|
|
|
<div class="footerImg">
|
|
@@ -222,6 +221,56 @@
|
|
|
</el-popover>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div> -->
|
|
|
+ <div style="display: flex" v-for="(item, index) in cupDataSeasonArr.integration" :key="index">
|
|
|
+ <div class="mainFourMsg">
|
|
|
+ <span class="mainFourcompany" :style="getFooter12Sty()">{{item.company}}</span>
|
|
|
+ <div class="mainFourImg">
|
|
|
+ <span class="mainFourImgSpan" :style="getFooterseaSty()">{{item.score}}</span>
|
|
|
+ <el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
+ :width="200" trigger="hover" :content="item.matter_heigh_note">
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.matter_heigh === 0 ? cenImg : item.matter_heigh === 1 ? topImg : botImg"
|
|
|
+ alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ <el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
+ :width="200" trigger="hover" :content="item.matter_low_note">
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.matter_low === 0 ? cenImg : item.matter_low === 1 ? topImg : botImg"
|
|
|
+ alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ <el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
+ :width="200" trigger="hover" :content="item.manage_heigh_note">
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.manage_heigh === 0 ? cenImg : item.manage_heigh === 1 ? topImg : botImg"
|
|
|
+ alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ <el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
+ :width="200" trigger="hover" :content="item.manage_low_note">
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.manage_low === 0 ? cenImg : item.manage_low === 1 ? topImg : botImg"
|
|
|
+ alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ <el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
+ :width="200" trigger="hover" :content="item.standard_heigh_note">
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.standard_heigh === 0 ? cenImg : item.standard_heigh === 1 ? topImg : botImg"
|
|
|
+ alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ <el-popover placement="right-start" :title="item.company +' '+ item.score"
|
|
|
+ :width="200" trigger="hover" :content="item.standard_low_note">
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.standard_low === 0 ? cenImg : item.standard_low === 1 ? topImg : botImg"
|
|
|
+ alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -229,8 +278,8 @@
|
|
|
<el-col :span="5" class="report">
|
|
|
<div class="gateway_report">
|
|
|
<div class="reportTit">
|
|
|
- <p :style="winPix === 1.25? 'font-size: 16px;':''">通告栏</p>
|
|
|
- <el-icon :size="20" color="#3B7AD1" :style="winPix === 1.25? 'left: 80px;':''"
|
|
|
+ <p :style="winPix === 1.25 || innerWidth < 1920? 'font-size: 16px;':''">通告栏</p>
|
|
|
+ <el-icon :size="20" color="#3B7AD1" :style="winPix === 1.25 || innerWidth < 1920? 'left: 80px;':''"
|
|
|
@click="watchAllNotification">
|
|
|
<Plus />
|
|
|
</el-icon>
|
|
@@ -244,7 +293,7 @@
|
|
|
<span
|
|
|
style="margin-right: 10px">{{it.createTime.substring(0, it.createTime.indexOf(' '))}}</span>
|
|
|
<span class="rightTwoSpanMsg"
|
|
|
- :style="winPix === 1.25? 'width: 50%;':''">{{it.releaseDeptName}}</span>
|
|
|
+ :style="winPix === 1.25 || innerWidth < 1920? 'width: 50%;':''">{{it.releaseDeptName}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -304,7 +353,8 @@
|
|
|
changeYear: '',
|
|
|
seasonStr: '',
|
|
|
seasonArr: ['第一季度', '第二季度', '第三季度'],
|
|
|
- winPix: window.devicePixelRatio
|
|
|
+ winPix: window.devicePixelRatio,
|
|
|
+ innerWidth: window.innerWidth
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -324,7 +374,7 @@
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getYearSeasonData()
|
|
|
- this.getDeptNoticeData()
|
|
|
+ // this.getDeptNoticeData()
|
|
|
},
|
|
|
methods: {
|
|
|
// 获取首页年份和季度数据
|
|
@@ -365,32 +415,37 @@
|
|
|
}
|
|
|
},
|
|
|
getPos() {
|
|
|
- if (this.winPix === 1.25) {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
return 'top: -15%;'
|
|
|
}
|
|
|
},
|
|
|
getPickerSty() {
|
|
|
- if (this.winPix === 1.25) {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
return 'margin: 5px 0 0 20px;'
|
|
|
}
|
|
|
},
|
|
|
getMainOneSty() {
|
|
|
- if (this.winPix === 1.25) {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
return 'font-size: 14px'
|
|
|
}
|
|
|
},
|
|
|
getFooterOneSty() {
|
|
|
- if (this.winPix === 1.25) {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
return 'font-size: 12px;line-height: 12px;'
|
|
|
}
|
|
|
},
|
|
|
getFooter12Sty() {
|
|
|
- if (this.winPix === 1.25) {
|
|
|
- return 'font-size: 12px'
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
+ return 'font-size: 12px;width:25%'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getFooterseaSty() {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
+ return 'width:10%'
|
|
|
}
|
|
|
},
|
|
|
getfooterSpan() {
|
|
|
- if (this.winPix === 1.25) {
|
|
|
+ if (this.winPix === 1.25 || this.innerWidth < 1920) {
|
|
|
return 'width: 3.4vw;padding: 5px 3px 0;'
|
|
|
}
|
|
|
},
|
|
@@ -1123,7 +1178,7 @@
|
|
|
.footerThree {
|
|
|
// width: calc(100% - 536px);
|
|
|
width: 57%;
|
|
|
- padding-top: 13px;
|
|
|
+ padding-top: 10px;
|
|
|
position: relative;
|
|
|
|
|
|
.mainMore {
|
|
@@ -1183,6 +1238,61 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .mainFourMsg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 0 10px;
|
|
|
+ width: 100%;
|
|
|
+ // height: 33px;
|
|
|
+ height: 3.5vh;
|
|
|
+ background: #F6F7FA;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ padding-left: 10px;
|
|
|
+ padding-top: 2px;
|
|
|
+ border-radius: 5px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ position: relative;
|
|
|
+ top: 6px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mainFourcompany {
|
|
|
+ width: 27%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666;
|
|
|
+ margin-right: 17px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mainFourImg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 76%;
|
|
|
+
|
|
|
+ .mainFourImgSpan {
|
|
|
+ width: 5%;
|
|
|
+ font-weight: 600;
|
|
|
+ // margin-right: 15px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
+ left: -10px;
|
|
|
+ // margin-right: 33px;
|
|
|
+ // margin-left: 22px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -1252,7 +1362,7 @@
|
|
|
|
|
|
p {
|
|
|
// width: 300px;
|
|
|
- width: 100%;
|
|
|
+ width: 95%;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|