|
@@ -48,28 +48,38 @@
|
|
|
<div class="monthQuarterYear">
|
|
|
<el-tabs v-model="activeName" class="tableMain" @tab-click="handleClick">
|
|
|
<el-tab-pane label="考评指标项内容" name="first">
|
|
|
- <el-table :data="quantifiedList" style="width: 100%" ref="benchmark" :border="true" >
|
|
|
- <el-table-column type="index" label="排名" align="center"></el-table-column>
|
|
|
- <el-table-column label="考评单位" prop="organization_name" width="200" sortable>
|
|
|
+ <div class="dateTableBtns">
|
|
|
+ <div class="tableBtn import" @click="handleImport">
|
|
|
+ <img :src="importIcon" alt="">
|
|
|
+ <span>导入</span>
|
|
|
+ </div>
|
|
|
+ <div class="tableBtn export" @click="handleExport">
|
|
|
+ <img :src="exportIcon" alt="">
|
|
|
+ <span>导出</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="quantifiedList" style="width: 100%" ref="benchmark" :border="true" >
|
|
|
+ <el-table-column type="index" label="排名" align="center"></el-table-column>
|
|
|
+ <el-table-column label="考评单位" prop="organization_name" width="200" sortable>
|
|
|
+ <template #default="scope">
|
|
|
+ <el-tooltip class="box-item" effect="customized" :content="scope.row.organization_name"
|
|
|
+ placement="right">
|
|
|
+ <span class="tooltipCC">{{scope.row.organization_name}}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="综合得分" prop="score_total" sortable />
|
|
|
+ <el-table-column v-for="(it, index) in benchmarkingIndicatorHeader" :key="index" :label="it.name" align="center">
|
|
|
+ <el-table-column sortable :sort-method="(a,b)=>sortMethods(a,b,iv.code)"
|
|
|
+ v-for="(iv, index) in it.children" :key="index" :label="iv.key" align="center">
|
|
|
<template #default="scope">
|
|
|
- <el-tooltip class="box-item" effect="customized" :content="scope.row.organization_name"
|
|
|
- placement="right">
|
|
|
- <span class="tooltipCC">{{scope.row.organization_name}}</span>
|
|
|
- </el-tooltip>
|
|
|
+ <span
|
|
|
+ style="font-weight: bold"
|
|
|
+ :style="scope.row[iv.code+'_flag'] === '1'?'color:#3B7AD1': scope.row[iv.code+'_flag'] === '-1'?'color:#F65177':'color:#666666'">{{scope.row[iv.code]}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="综合得分" prop="score_total" sortable />
|
|
|
- <el-table-column v-for="(it, index) in benchmarkingIndicatorHeader" :key="index" :label="it.name" align="center">
|
|
|
- <el-table-column sortable :sort-method="(a,b)=>sortMethods(a,b,iv.code)"
|
|
|
- v-for="(iv, index) in it.children" :key="index" :label="iv.key" align="center">
|
|
|
- <template #default="scope">
|
|
|
- <span
|
|
|
- style="font-weight: bold"
|
|
|
- :style="scope.row[iv.code+'_flag'] === '1'?'color:#3B7AD1': scope.row[iv.code+'_flag'] === '-1'?'color:#F65177':'color:#666666'">{{scope.row[iv.code]}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="考评评价指标内容" name="second">
|
|
|
</el-tab-pane>
|
|
@@ -114,6 +124,9 @@ import meiCha from '../../assets/benchmarkImg/meiCha.png'
|
|
|
import guoCha from '../../assets/benchmarkImg/guoCha.png'
|
|
|
import zongCha from '../../assets/benchmarkImg/zongCha.png'
|
|
|
|
|
|
+import exportIcon from '../../assets/btnIcon/export.png'
|
|
|
+import importIcon from '../../assets/btnIcon/import.png'
|
|
|
+
|
|
|
export default {
|
|
|
components: {
|
|
|
importDailog
|
|
@@ -136,7 +149,10 @@ export default {
|
|
|
},
|
|
|
rowMsg: {},
|
|
|
moduleData: [],
|
|
|
- titleMsgArr: []
|
|
|
+ titleMsgArr: [],
|
|
|
+ binSectionStr: 'HD',
|
|
|
+ exportIcon: exportIcon,
|
|
|
+ importIcon: importIcon,
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -235,14 +251,21 @@ export default {
|
|
|
if (datas && datas.data) {
|
|
|
if (isevl === '是') {
|
|
|
that.quantifiedList = datas.data
|
|
|
- that.pageLeft.total = datas.data.length
|
|
|
} else {
|
|
|
that.nonQuantifiedList = datas.data
|
|
|
- that.pageRight.total = datas.data.length
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ changType(data) {
|
|
|
+ this.titleMsgArr.forEach(it =>{
|
|
|
+ it.showClick = false
|
|
|
+ if (it.isName === data.isName) {
|
|
|
+ it.showClick = true
|
|
|
+ this.binSectionStr = it.isNameEn
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
handleImport() {
|
|
|
this.$refs.importPage.upload.title = "单位信息导入"
|
|
|
this.$refs.importPage.upload.open = true
|
|
@@ -364,6 +387,56 @@ export default {
|
|
|
margin-top: 20px;
|
|
|
.tableMain{
|
|
|
width: calc(100% - 100px);
|
|
|
+ .el-tabs__header{
|
|
|
+ .el-tabs__nav{
|
|
|
+ .el-tabs__item{
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 10px;
|
|
|
+ color: #8991B0;
|
|
|
+ }
|
|
|
+ .is-active{
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3B7AD1;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .dateTableBtns{
|
|
|
+ display: flex;
|
|
|
+ justify-content: end;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ .tableBtn {
|
|
|
+ display: flex;
|
|
|
+ height: 20px;
|
|
|
+ margin: 0 10px;
|
|
|
+ img{
|
|
|
+ margin-right: 5px;
|
|
|
+ margin-top: 1px;
|
|
|
+ }
|
|
|
+ span{
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .import{
|
|
|
+ cursor: pointer;
|
|
|
+ span{
|
|
|
+ color: #ce1e78;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .export{
|
|
|
+ cursor: pointer;
|
|
|
+ span{
|
|
|
+ color: #2baa8a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.el-table {
|
|
|
.el-table__header-wrapper{
|
|
|
.el-table__header{
|
|
@@ -382,7 +455,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.el-table__body-wrapper {
|
|
|
- height: 58vh !important;
|
|
|
+ height: 55vh !important;
|
|
|
.el-scrollbar{
|
|
|
.is-horizontal{
|
|
|
.el-scrollbar__thumb{
|