|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="seasonLeagueTable">
|
|
|
- <el-dialog v-model="dialogVisible" :width="seasonWidth()" :close-on-click-modal="false">
|
|
|
+ <el-dialog v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
|
|
|
<template #header>
|
|
|
<div class="seasonHeader">
|
|
|
<span style="font-size:14px;color:#fff">考核排行榜</span>
|
|
@@ -16,194 +16,210 @@
|
|
|
</template>
|
|
|
<el-row class="seasonFrom">
|
|
|
<el-col :span="evaluationSeasonDataRight.length>0?12:24" :style="evaluationSeasonDataRight.length>0?'border-right: 1px solid #E1E3EA;':''">
|
|
|
- <div class="seasonFromHeader">
|
|
|
- <div class="headerNameForeTit">
|
|
|
- <div class="headerNameForeTit_left">
|
|
|
- <span>排名</span>
|
|
|
- <span style="margin-left: 20px">单位名称</span>
|
|
|
- </div>
|
|
|
- <div class="headerNameForeTit_right" :style="winPix === 1.25 || innerWidth < 1920?'':'width:71%'">
|
|
|
- <span>得分</span>
|
|
|
- <span>加分事项</span>
|
|
|
- <span>扣分事项</span>
|
|
|
- <span>管理加分</span>
|
|
|
- <span>管理扣分</span>
|
|
|
- <span>高于基准</span>
|
|
|
- <span>低于基准</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="margin-top:10px">
|
|
|
- <div style="display: flex;" v-for="(item, index) in evaluationSeasonDataLeft" :key="index">
|
|
|
- <div class="mainFourMsg">
|
|
|
- <span :style="winPix === 1.25 || innerWidth < 1920?'width:10%':''">{{item.rank}}</span>
|
|
|
- <span>{{item.company}}</span>
|
|
|
- <span :style="winPix === 1.25 || innerWidth < 1920?'width:20%':''">{{item.score}}</span>
|
|
|
- <div class="mainFourImg">
|
|
|
- <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>
|
|
|
+ <el-table :data="evaluationSeasonDataLeft" style="width: 100%">
|
|
|
+ <el-table-column label="排名" prop="rank" width="50" align="center" />
|
|
|
+ <el-table-column label="单位名称">
|
|
|
+ <template #default="scope">
|
|
|
+ <span class="companyStyle">{{scope.row.company}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="得分" prop="score" align="center" />
|
|
|
+ <el-table-column label="加分事项" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ :content="scope.row.matter_heigh_note"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="scope.row.matter_heigh === 0 ? cenImg : scope.row.matter_heigh === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="扣分事项" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ :content="scope.row.matter_low_note"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="scope.row.matter_low === 0 ? cenImg : scope.row.matter_low === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="管理加分" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ :content="scope.row.manage_heigh_note"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="scope.row.manage_heigh === 0 ? cenImg : scope.row.manage_heigh === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="管理扣分" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ :content="scope.row.manage_low_note"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="scope.row.manage_low === 0 ? cenImg : scope.row.manage_low === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="高于基准" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ :content="scope.row.standard_heigh_note"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="scope.row.standard_heigh === 0 ? cenImg : scope.row.standard_heigh === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="低于基准" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ :content="scope.row.standard_low_note"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="scope.row.standard_low === 0 ? cenImg : scope.row.standard_low === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-col>
|
|
|
<el-col :span="12" v-if="evaluationSeasonDataRight.length>0">
|
|
|
- <div class="seasonFromHeader">
|
|
|
- <div class="headerNameForeTit">
|
|
|
- <div class="headerNameForeTit_left">
|
|
|
- <span>排名</span>
|
|
|
- <span style="margin-left: 20px">单位名称</span>
|
|
|
- </div>
|
|
|
- <div class="headerNameForeTit_right" :style="winPix === 1.25 || innerWidth < 1920?'':'width:71%'">
|
|
|
- <span>得分</span>
|
|
|
- <span>加分事项</span>
|
|
|
- <span>扣分事项</span>
|
|
|
- <span>管理加分</span>
|
|
|
- <span>管理扣分</span>
|
|
|
- <span>高于基准</span>
|
|
|
- <span>低于基准</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="display: flex" v-for="(item, index) in evaluationSeasonDataRight" :key="index">
|
|
|
- <div class="mainFourMsg">
|
|
|
- <span :style="winPix === 1.25 || innerWidth < 1920?'width:10%':''">{{item.rank}}</span>
|
|
|
- <span>{{item.company}}</span>
|
|
|
- <span :style="winPix === 1.25 || innerWidth < 1920?'width:20%':''">{{item.score}}</span>
|
|
|
- <div class="mainFourImg">
|
|
|
+ <el-table :data="evaluationSeasonDataRight" style="width: 100%">
|
|
|
+ <el-table-column label="排名" prop="rank" width="50" align="center" />
|
|
|
+ <el-table-column label="单位名称" prop="company">
|
|
|
+ <template #default="scope">
|
|
|
+ <span class="companyStyle">{{scope.row.company}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="得分" prop="score" align="center" />
|
|
|
+ <el-table-column label="加分事项" align="center">
|
|
|
+ <template #default="scope">
|
|
|
<el-popover
|
|
|
placement="right-start"
|
|
|
- :title="item.company +' '+ item.score"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
:width="200"
|
|
|
trigger="hover"
|
|
|
- :content="item.matter_heigh_note"
|
|
|
+ :content="scope.row.matter_heigh_note"
|
|
|
>
|
|
|
<template #reference>
|
|
|
- <img :src="item.matter_heigh === 0 ? cenImg : item.matter_heigh === 1 ? topImg : botImg" alt="">
|
|
|
+ <img :src="scope.row.matter_heigh === 0 ? cenImg : scope.row.matter_heigh === 1 ? topImg : botImg" alt="">
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="扣分事项" align="center">
|
|
|
+ <template #default="scope">
|
|
|
<el-popover
|
|
|
placement="right-start"
|
|
|
- :title="item.company +' '+ item.score"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
:width="200"
|
|
|
trigger="hover"
|
|
|
- :content="item.matter_low_note"
|
|
|
+ :content="scope.row.matter_low_note"
|
|
|
>
|
|
|
<template #reference>
|
|
|
- <img :src="item.matter_low === 0 ? cenImg : item.matter_low === 1 ? topImg : botImg" alt="">
|
|
|
+ <img :src="scope.row.matter_low === 0 ? cenImg : scope.row.matter_low === 1 ? topImg : botImg" alt="">
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="管理加分" align="center">
|
|
|
+ <template #default="scope">
|
|
|
<el-popover
|
|
|
placement="right-start"
|
|
|
- :title="item.company +' '+ item.score"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
:width="200"
|
|
|
trigger="hover"
|
|
|
- :content="item.manage_heigh_note"
|
|
|
+ :content="scope.row.manage_heigh_note"
|
|
|
>
|
|
|
<template #reference>
|
|
|
- <img :src="item.manage_heigh === 0 ? cenImg : item.manage_heigh === 1 ? topImg : botImg" alt="">
|
|
|
+ <img :src="scope.row.manage_heigh === 0 ? cenImg : scope.row.manage_heigh === 1 ? topImg : botImg" alt="">
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="管理扣分" align="center">
|
|
|
+ <template #default="scope">
|
|
|
<el-popover
|
|
|
placement="right-start"
|
|
|
- :title="item.company +' '+ item.score"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
:width="200"
|
|
|
trigger="hover"
|
|
|
- :content="item.manage_low_note"
|
|
|
+ :content="scope.row.manage_low_note"
|
|
|
>
|
|
|
<template #reference>
|
|
|
- <img :src="item.manage_low === 0 ? cenImg : item.manage_low === 1 ? topImg : botImg" alt="">
|
|
|
+ <img :src="scope.row.manage_low === 0 ? cenImg : scope.row.manage_low === 1 ? topImg : botImg" alt="">
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="高于基准" align="center">
|
|
|
+ <template #default="scope">
|
|
|
<el-popover
|
|
|
placement="right-start"
|
|
|
- :title="item.company +' '+ item.score"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
:width="200"
|
|
|
trigger="hover"
|
|
|
- :content="item.standard_heigh_note"
|
|
|
+ :content="scope.row.standard_heigh_note"
|
|
|
>
|
|
|
<template #reference>
|
|
|
- <img :src="item.standard_heigh === 0 ? cenImg : item.standard_heigh === 1 ? topImg : botImg" alt="">
|
|
|
+ <img :src="scope.row.standard_heigh === 0 ? cenImg : scope.row.standard_heigh === 1 ? topImg : botImg" alt="">
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="低于基准" align="center">
|
|
|
+ <template #default="scope">
|
|
|
<el-popover
|
|
|
placement="right-start"
|
|
|
- :title="item.company +' '+ item.score"
|
|
|
+ :title="scope.row.company +' '+ scope.row.score"
|
|
|
:width="200"
|
|
|
trigger="hover"
|
|
|
- :content="item.standard_low_note"
|
|
|
+ :content="scope.row.standard_low_note"
|
|
|
>
|
|
|
<template #reference>
|
|
|
- <img :src="item.standard_low === 0 ? cenImg : item.standard_low === 1 ? topImg : botImg" alt="">
|
|
|
+ <img :src="scope.row.standard_low === 0 ? cenImg : scope.row.standard_low === 1 ? topImg : botImg" alt="">
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-dialog>
|
|
@@ -306,6 +322,7 @@ export default {
|
|
|
if (datas.data.season[name].length>0) {
|
|
|
datas.data.season[name].forEach((item, index) =>{
|
|
|
item.rank = index+1
|
|
|
+ item.score = item.score.toFixed(2)
|
|
|
})
|
|
|
if (datas.data.season[name].length>15) {
|
|
|
that.evaluationSeasonDataLeft = datas.data.season[name].splice(0, 15)
|
|
@@ -325,7 +342,7 @@ export default {
|
|
|
.seasonLeagueTable{
|
|
|
.el-overlay{
|
|
|
.el-dialog{
|
|
|
- margin-top: 5vh !important;
|
|
|
+ // margin-top: 5vh !important;
|
|
|
.el-dialog__header{
|
|
|
.seasonHeader{
|
|
|
width: 97%;
|
|
@@ -346,84 +363,20 @@ export default {
|
|
|
}
|
|
|
.seasonFrom{
|
|
|
padding: 0 20px;
|
|
|
- .seasonFromHeader{
|
|
|
- width: 100%;
|
|
|
- border-bottom: 1px solid #E1E3EA;
|
|
|
- .headerNameForeTit{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 8px 20px;
|
|
|
- font-size: 14px;
|
|
|
- color: #414141;
|
|
|
- .headerNameForeTit_left{
|
|
|
- width: 26%;
|
|
|
- }
|
|
|
- .headerNameForeTit_right{
|
|
|
- width: 74%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
- }
|
|
|
- .headerTit{
|
|
|
- position: relative;
|
|
|
- top: 10px;
|
|
|
- left: 150px;
|
|
|
- }
|
|
|
- }
|
|
|
- .mainFourMsg{
|
|
|
- display: flex;
|
|
|
- margin: 0 10px;
|
|
|
- width: 100%;
|
|
|
- height: 33px;
|
|
|
- background: #F6F7FA;
|
|
|
- margin-bottom: 8px;
|
|
|
- padding-left: 10px;
|
|
|
- padding-top: 2px;
|
|
|
- border-radius: 5px;
|
|
|
- .mainFourImg{
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- width: 65%;
|
|
|
- img{
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- position: relative;
|
|
|
- top: 5px;
|
|
|
- margin-right: 33px;
|
|
|
- margin-left: 22px;
|
|
|
+ .el-table{
|
|
|
+ .el-table__inner-wrapper{
|
|
|
+ .el-table__body-wrapper{
|
|
|
+ .el-table__body{
|
|
|
+ .companyStyle{
|
|
|
+ width: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- span{
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- position: relative;
|
|
|
- top: 6px;
|
|
|
- }
|
|
|
- span:nth-child(1){
|
|
|
- display: inline-block;
|
|
|
- width: 5%;
|
|
|
- font-weight: 600;
|
|
|
- color: #666;
|
|
|
- margin-left: 10px;
|
|
|
- margin-right: 13px;
|
|
|
- }
|
|
|
- span:nth-child(2){
|
|
|
- display: inline-block;
|
|
|
- width: 33%;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- font-weight: 400;
|
|
|
- color: #666;
|
|
|
- margin-right: 17px;
|
|
|
- }
|
|
|
- span:nth-child(3){
|
|
|
- display: inline-block;
|
|
|
- width: 13%;
|
|
|
- font-weight: 600;
|
|
|
- margin-right: 15px;
|
|
|
- color: #666;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|