基础指标对标页面搜索中的指标，默认显示发电量指标，默认展示数据；单位目标启动界面中二级页面，左侧属性值和上面的标签页联动，样式调整；考评评级规则修改业务阶段字段，二级页面服务联调业务阶段功能（/organization-rating-indicator/list）；

src/api/api.js

@@ -1189,6 +1189,14 @@ export function apiGetindicatorListAll(params) {
     })
 }
 
+export function apiGetratingindicatorListAll(params) {
+    return httpRequest({
+        url: `organization-rating-indicator/list`,
+        method: 'get',
+        params: params
+    })
+}
+
 //----单位考评配置-list
 export function apiGetOrganizationList(params) {
     return httpRequest({

src/components/assessment/evaluationBenchmarkingIndicPage.vue

@@ -2,52 +2,39 @@
     <div class="benchmarkingIndicator">
         <div class="benchmarkingIndicatorBtn">
             <div class="collectSeach" :style="$utils.collectSeachSty()">
-                <div style="display: flex;width:70%">
+                <div style="display: flex;width:65%">
                     <div class="exceed">
                         <span class="exceedSpan" style="margin-left: 10px;width: 50px">阶段：</span>
                         <el-select v-model="stageIds" placeholder="请选择业务阶段">
-                            <el-option
-                            v-for="item in stageData"
-                            :key="item.id"
-                            :label="item.stageName"
-                            :value="item.id">
+                            <el-option v-for="item in stageData" :key="item.id" :label="item.stageName"
+                                :value="item.id">
                             </el-option>
                         </el-select>
                     </div>
                     <div class="exceed">
                         <span class="exceedSpan" style="margin-left: 10px;width: 50px">指标：</span>
                         <el-select v-model="indicatorIds" placeholder="请选择指标类型">
-                            <el-option
-                            v-for="item in indicatorTypeData"
-                            :key="item.id"
-                            :label="item.typeName"
-                            :value="item.id">
+                            <el-option v-for="item in indicatorTypeData" :key="item.id" :label="item.typeName"
+                                :value="item.id">
                             </el-option>
                         </el-select>
                     </div>
                     <div class="exceed">
                         <span class="exceedSpan" style="margin-left: 10px;width: 50px">类型：</span>
                         <el-select v-model="timeStr" placeholder="请选择时间类型">
-                            <el-option
-                            v-for="item in timerData"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value">
+                            <el-option v-for="item in timerData" :key="item.value" :label="item.label"
+                                :value="item.value">
                             </el-option>
                         </el-select>
                     </div>
                     <div class="exceed">
                         <span class="exceedSpan" style="margin-left: 10px;width: 50px">时间：</span>
-                        <el-date-picker
-                            v-model="timeIds"
-                            type="month"
-                            value-format="YYYY-MM"
-                            placeholder="选择时间"
-                        />
+                        <el-date-picker v-model="timeIds" type="month" value-format="YYYY-MM" placeholder="选择时间" />
                     </div>
                 </div>
                 <seachs @handleSeach="getSeachData" @handleRest="resetSeach"></seachs>
-                <el-button type="info" icon="Download" size="mini" @click="handleExport" style="margin-left:30px">导出</el-button>
+                <el-button type="info" icon="Download" size="mini" @click="handleExport" style="margin-left:30px">导出
+                </el-button>
             </div>
             <!-- <div class="PeriodBtn">
                 <btns 
@@ -62,7 +49,7 @@
             </div> -->
             <div class="benchmarkingIndicatorTableData">
                 <div class="tableMain">
-                    <el-table :data="benchmarkingIndicatorData" style="width: 100%" ref="benchmark" :border="true" >
+                    <el-table :data="benchmarkingIndicatorData" 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">
@@ -73,13 +60,13 @@
                             </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 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">
+                                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>
+                                    <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>
@@ -87,7 +74,7 @@
                 </div>
                 <div class="tableSeach">
                     <div class="seachType" v-for="item in titleMsgArr" :key="item.isName"
-                     :class="item.showClick? 'seachTypeCha':''" @click="changType(item)">
+                        :class="item.showClick? 'seachTypeCha':''" @click="changType(item)">
                         <img :src="item.img" alt="" v-if="!item.showClick">
                         <img :src="item.clickImg" alt="" v-else>
                         <p :style="item.showClick? 'color: #3B7AD1' : ''">{{item.isName}}</p>
@@ -99,250 +86,265 @@
 </template>
 
 <script>
-import btns from '../elbuttonS.vue'
-import seachs from '../seachGroup.vue'
-
-import * as XLSX from 'xlsx'
-import { saveAs } from 'file-saver'
-import  * as XLSXD from 'xlsx-js-style'
-
-import huoDef from '../../assets/benchmarkImg/huoDef.png'
-import shuiDef from '../../assets/benchmarkImg/shuiDef.png'
-import xinDef from '../../assets/benchmarkImg/xinDef.png'
-import meiDef from '../../assets/benchmarkImg/meiDef.png'
-import guoDef from '../../assets/benchmarkImg/guoDef.png'
-import zongDef from '../../assets/benchmarkImg/zongDef.png'
-
-import huoCha from '../../assets/benchmarkImg/huoCha.png'
-import shuiCha from '../../assets/benchmarkImg/shuiCha.png'
-import xinCha from '../../assets/benchmarkImg/xinCha.png'
-import meiCha from '../../assets/benchmarkImg/meiCha.png'
-import guoCha from '../../assets/benchmarkImg/guoCha.png'
-import zongCha from '../../assets/benchmarkImg/zongCha.png'
-import {apiGetscoreCountevaluationList, apiGetbinstageList, apiGetIndicatorTypeList} from '../../api/api'
-export default {
-    components: {btns, seachs},
-    data() {
-        return {
-            benchmarkingIndicatorData: [],
-            benchmarkingIndicatorHeader: [],
-            indicatorTypeData: [],
-            stageData: [],
-            companyDatas: [],
-            periodId: '',
-            stageIds: '',
-            indicatorIds: '',
-            timeIds: '',
-            timeStr: 'JDKP',
-            binSectionStr: 'HD',
-            page: {
-                pagesize: 12,
-                currentPage: 1,
-                total: 0
-            },
-            titleMsgArr: [],
-            timerData: [],
-        }
-    },
-    created() {
-        let year = new Date().getFullYear()
-        let month = new Date().getMonth() + 1
-        if (month<10) {
-            this.timeIds = (year + '-0' + month).toString()
-        } else {
-            this.timeIds = (year + '-' + month).toString()
-        }
-        this.timerData = [
-            {
-                label: '年度',
-                value: 'NDKP'
-            },
-            {
-                label: '季度',
-                value: 'JDKP'
-            },
-            {
-                label: '月度',
-                value: 'YDKP'
+    import btns from '../elbuttonS.vue'
+    import seachs from '../seachGroup.vue'
+
+    import * as XLSX from 'xlsx'
+    import {
+        saveAs
+    } from 'file-saver'
+    import * as XLSXD from 'xlsx-js-style'
+
+    import huoDef from '../../assets/benchmarkImg/huoDef.png'
+    import shuiDef from '../../assets/benchmarkImg/shuiDef.png'
+    import xinDef from '../../assets/benchmarkImg/xinDef.png'
+    import meiDef from '../../assets/benchmarkImg/meiDef.png'
+    import guoDef from '../../assets/benchmarkImg/guoDef.png'
+    import zongDef from '../../assets/benchmarkImg/zongDef.png'
+
+    import huoCha from '../../assets/benchmarkImg/huoCha.png'
+    import shuiCha from '../../assets/benchmarkImg/shuiCha.png'
+    import xinCha from '../../assets/benchmarkImg/xinCha.png'
+    import meiCha from '../../assets/benchmarkImg/meiCha.png'
+    import guoCha from '../../assets/benchmarkImg/guoCha.png'
+    import zongCha from '../../assets/benchmarkImg/zongCha.png'
+    import {
+        apiGetscoreCountevaluationList,
+        apiGetbinstageList,
+        apiGetIndicatorTypeList
+    } from '../../api/api'
+    export default {
+        components: {
+            btns,
+            seachs
+        },
+        data() {
+            return {
+                benchmarkingIndicatorData: [],
+                benchmarkingIndicatorHeader: [],
+                indicatorTypeData: [],
+                stageData: [],
+                companyDatas: [],
+                periodId: '',
+                stageIds: '',
+                indicatorIds: '',
+                timeIds: '',
+                timeStr: 'JDKP',
+                binSectionStr: 'HD',
+                page: {
+                    pagesize: 12,
+                    currentPage: 1,
+                    total: 0
+                },
+                titleMsgArr: [],
+                timerData: [],
             }
-        ]
-        this.titleMsgArr = [
-            {
-                isClass: 'huoDef',
-                isClassC: 'huoCha',
-                isName: '火电',
-                isNameEn: 'HD',
-                img: huoDef,
-                clickImg: huoCha,
-                showClick: true
-            },
-            {
-                isClass: 'shuiDef',
-                isClassC: 'shuiCha',
-                isName: '水电',
-                isNameEn: 'SD',
-                img: shuiDef,
-                clickImg: shuiCha,
-                showClick: false
-            },
-            {
-                isClass: 'xinDef',
-                isClassC: 'xinCha',
-                isName: '新能源',
-                isNameEn: 'XNYFG',
-                img: xinDef,
-                clickImg: xinCha,
-                showClick: false
-            },
-            {
-                isClass: 'meiDef',
-                isClassC: 'meiCha',
-                isName: '煤电一体化',
-                isNameEn: 'MDYTH',
-                img: meiDef,
-                clickImg: meiCha,
-                showClick: false
-            },
-            {
-                isClass: 'guoDef',
-                isClassC: 'guoCha',
-                isName: '国际业务',
-                isNameEn: 'GJYW',
-                img: guoDef,
-                clickImg: guoCha,
-                showClick: false
-            },
-            {
-                isClass: 'zongDef',
-                isClassC: 'zongCha',
-                isName: '综合支持',
-                isNameEn: 'ZHZC',
-                img: zongDef,
-                clickImg: zongCha,
-                showClick: false
+        },
+        created() {
+            let year = new Date().getFullYear()
+            let month = new Date().getMonth() + 1
+            if (month < 10) {
+                this.timeIds = (year + '-0' + month).toString()
+            } else {
+                this.timeIds = (year + '-' + month).toString()
             }
-        ]
-        this.getBinstageAndType()
-    },
-    methods: {
-        // 查询考评对标分析数据
-        getEvalBenchmarkingIndicData() {
-            let that = this
-            let binSectionFin = ''
-            if (that.binSectionStr === 'XNYFG') {
-                if (that.timeStr === 'YDKP' || that.timeStr === 'JDKP') {
-                    binSectionFin = 'FD'
+            this.timerData = [{
+                    label: '年度',
+                    value: 'NDKP'
+                },
+                {
+                    label: '季度',
+                    value: 'JDKP'
+                },
+                {
+                    label: '月度',
+                    value: 'YDKP'
+                }
+            ]
+            this.titleMsgArr = [{
+                    isClass: 'huoDef',
+                    isClassC: 'huoCha',
+                    isName: '火电',
+                    isNameEn: 'HD',
+                    img: huoDef,
+                    clickImg: huoCha,
+                    showClick: true
+                },
+                {
+                    isClass: 'shuiDef',
+                    isClassC: 'shuiCha',
+                    isName: '水电',
+                    isNameEn: 'SD',
+                    img: shuiDef,
+                    clickImg: shuiCha,
+                    showClick: false
+                },
+                {
+                    isClass: 'xinDef',
+                    isClassC: 'xinCha',
+                    isName: '新能源',
+                    isNameEn: 'XNYFG',
+                    img: xinDef,
+                    clickImg: xinCha,
+                    showClick: false
+                },
+                {
+                    isClass: 'meiDef',
+                    isClassC: 'meiCha',
+                    isName: '煤电一体化',
+                    isNameEn: 'MDYTH',
+                    img: meiDef,
+                    clickImg: meiCha,
+                    showClick: false
+                },
+                {
+                    isClass: 'guoDef',
+                    isClassC: 'guoCha',
+                    isName: '国际业务',
+                    isNameEn: 'GJYW',
+                    img: guoDef,
+                    clickImg: guoCha,
+                    showClick: false
+                },
+                {
+                    isClass: 'zongDef',
+                    isClassC: 'zongCha',
+                    isName: '综合支持',
+                    isNameEn: 'ZHZC',
+                    img: zongDef,
+                    clickImg: zongCha,
+                    showClick: false
+                }
+            ]
+            this.getBinstageAndType()
+        },
+        methods: {
+            // 查询考评对标分析数据
+            getEvalBenchmarkingIndicData() {
+                let that = this
+                let binSectionFin = ''
+                if (that.binSectionStr === 'XNYFG') {
+                    if (that.timeStr === 'YDKP' || that.timeStr === 'JDKP') {
+                        binSectionFin = 'FD'
+                    } else {
+                        binSectionFin = 'XNYFG'
+                    }
                 } else {
-                    binSectionFin = 'XNYFG'
+                    binSectionFin = that.binSectionStr
                 }
-            } else {
-                binSectionFin = that.binSectionStr
-            }
-            let params = {
-                condition: that.timeStr,
-                date: that.timeIds,
-                type: that.indicatorIds,
-                binSection: binSectionFin,
-                binStage: that.stageIds
-            }
-            apiGetscoreCountevaluationList(params).then(datas => {
-                if (datas && datas.data) {
-                    that.benchmarkingIndicatorData = []
-                    if (datas.data.title) {
-                        let header = []
-                        for(let i in datas.data.title) {
-                            let obj = {
-                                name: i,
-                                children: datas.data.title[i]
+                let params = {
+                    condition: that.timeStr,
+                    date: that.timeIds,
+                    type: that.indicatorIds,
+                    binSection: binSectionFin,
+                    binStage: that.stageIds
+                }
+                apiGetscoreCountevaluationList(params).then(datas => {
+                    if (datas && datas.data) {
+                        that.benchmarkingIndicatorData = []
+                        if (datas.data.title) {
+                            let header = []
+                            for (let i in datas.data.title) {
+                                let obj = {
+                                    name: i,
+                                    children: datas.data.title[i]
+                                }
+                                header.push(obj)
                             }
-                            header.push(obj)
+                            that.benchmarkingIndicatorHeader = header
                         }
-                        that.benchmarkingIndicatorHeader = header
-                    }
-                    if (datas.data.value.length>0) {
-                        let arr = datas.data.value
-                        for(let i =0; i<arr.length-1; i++) {
-                            for(let j =0; j<arr.length-1-i; j++) {
-                                if (arr[j] > arr[j+1]) {
-                                    const temp = arr[j]
-                                    arr[j] = arr[j+1]
-                                    arr[j+1] = temp
+                        if (datas.data.value.length > 0) {
+                            let arr = datas.data.value
+                            for (let i = 0; i < arr.length - 1; i++) {
+                                for (let j = 0; j < arr.length - 1 - i; j++) {
+                                    if (arr[j] > arr[j + 1]) {
+                                        const temp = arr[j]
+                                        arr[j] = arr[j + 1]
+                                        arr[j + 1] = temp
+                                    }
                                 }
                             }
+                            that.benchmarkingIndicatorData = arr
+                            console.log('arr', arr)
                         }
-                        that.benchmarkingIndicatorData = arr
-                        console.log('arr', arr)
                     }
+                })
+            },
+            sortMethods(a, b, it) {
+                if (a[it] < b[it]) {
+                    return -1
                 }
-            })
-        },
-        sortMethods(a, b, it) {
-            if (a[it] < b[it]) {
-                return -1
-            }
-        },
-        // 获取阶段数据及指标类型数据
-        getBinstageAndType() {
-            let that = this
-            apiGetbinstageList().then(datas =>{
-                if (datas && datas.data) {
-                    that.stageData = datas.data
-                    datas.data.forEach(it =>{
-                        if (it.stageName === '生产经营') {
-                            that.stageIds = it.id
-                        }
+            },
+            // 获取阶段数据及指标类型数据
+            getBinstageAndType() {
+                let that = this
+                apiGetbinstageList().then(datas => {
+                    if (datas && datas.data) {
+                        that.stageData = datas.data
+                        datas.data.forEach(it => {
+                            if (it.stageName === '生产经营') {
+                                that.stageIds = it.id
+                            }
+                        })
+                    }
+                })
+                apiGetIndicatorTypeList({
+                    type: 2
+                }).then(datas => {
+                    if (datas && datas.data) {
+                        that.indicatorTypeData = datas.data
+                    }
+                })
+                that.getEvalBenchmarkingIndicData()
+            },
+            changType(data) {
+                this.titleMsgArr.forEach(it => {
+                    it.showClick = false
+                    if (it.isName === data.isName) {
+                        it.showClick = true
+                        this.binSectionStr = it.isNameEn
+                    }
+                })
+                this.getEvalBenchmarkingIndicData()
+            },
+            getSeachData() {
+                this.page.currentPage = 1
+                this.getEvalBenchmarkingIndicData()
+            },
+            resetSeach() {
+                this.page.currentPage = 1
+                this.indicatorIds = ''
+                this.stageIds = ''
+                this.getEvalBenchmarkingIndicData()
+            },
+            handleExport() {
+                let $e = this.$refs.benchmark.$el
+                try {
+                    let $table = $e.querySelector('.el-table__fixed')
+                    if (!$table) {
+                        $table = $e
+                    }
+                    const wb = XLSX.utils.table_to_book($table, {
+                        raw: true
                     })
+
+                    const wbout = XLSXD.write(wb, {
+                        bookType: 'xlsx',
+                        bookSST: true,
+                        type: 'array'
+                    })
+                    saveAs(
+                        new Blob([wbout], {
+                            type: 'application/octet-stream'
+                        }),
+                        `考评对标分析数据导出.xlsx`,
+                    )
+                } catch (e) {
+                    if (typeof console !== 'undefined') console.error(e)
                 }
-            })
-            apiGetIndicatorTypeList({
-                type: 2
-            }).then(datas =>{
-                if (datas && datas.data) {
-                    that.indicatorTypeData = datas.data
-                }
-            })
-            that.getEvalBenchmarkingIndicData()
-        },
-        changType(data) {
-            this.titleMsgArr.forEach(it =>{
-                it.showClick = false
-                if (it.isName === data.isName) {
-                    it.showClick = true
-                    this.binSectionStr = it.isNameEn
-                }
-            })
-            this.getEvalBenchmarkingIndicData()
-        },
-        getSeachData() {
-            this.page.currentPage = 1
-            this.getEvalBenchmarkingIndicData()
-        },
-        resetSeach() {
-            this.page.currentPage = 1
-            this.indicatorIds = ''
-            this.stageIds = ''
-            this.getEvalBenchmarkingIndicData()
-        },
-        handleExport() {
-            let $e = this.$refs.benchmark.$el
-            try {
-                let $table = $e.querySelector('.el-table__fixed')
-                if(!$table) {
-                    $table = $e
-                }
-                const wb = XLSX.utils.table_to_book($table, {raw:true})
-
-                const wbout = XLSXD.write(wb, {bookType: 'xlsx', bookSST:true, type: 'array'})
-                saveAs(
-                    new Blob([wbout],{type: 'application/octet-stream'}),
-                    `考评对标分析数据导出.xlsx`,
-                )
-            } catch (e) {
-                if (typeof console !== 'undefined') console.error(e)
-            }
-        },
+            },
+        }
     }
-}
 </script>
 
 <style lang="less">
@@ -366,10 +368,12 @@ export default {
                         line-height: 12px;
                         margin-top: 14px;
                     }
-                    .el-date-editor{
+
+                    .el-date-editor {
                         width: 68%;
                     }
-                    .el-select{
+
+                    .el-select {
                         width: 70%;
                     }
 
@@ -386,18 +390,23 @@ export default {
                             }
                         }
                     }
-                    .el-select{
+
+                    .el-select {
                         line-height: 40px !important;
-                        .el-input__inner, .is-disabled{
-                            height:40px !important;
+
+                        .el-input__inner,
+                        .is-disabled {
+                            height: 40px !important;
                         }
-                        .el-input__suffix{
-                            .el-select__caret{
-                                line-height:40px;
+
+                        .el-input__suffix {
+                            .el-select__caret {
+                                line-height: 40px;
                             }
                         }
                     }
-                    .el-date-editor--month{
+
+                    .el-date-editor--month {
                         height: 40px;
                     }
                 }
@@ -452,18 +461,21 @@ export default {
             display: flex;
             width: 100%;
             margin-top: 20px;
-            .tableMain{
+
+            .tableMain {
                 width: calc(100% - 100px);
+
                 .el-table {
-                    .el-table__header-wrapper{
-                        .el-table__header{
+                    .el-table__header-wrapper {
+                        .el-table__header {
                             .el-table__cell {
                                 border-bottom: none !important;
                             }
-                            thead{
-                                tr{
-                                    th{
-                                        .cell{
+
+                            thead {
+                                tr {
+                                    th {
+                                        .cell {
                                             line-height: 16px;
                                         }
                                     }
@@ -471,24 +483,29 @@ export default {
                             }
                         }
                     }
+
                     .el-table__body-wrapper {
                         height: 68vh !important;
-                        .el-scrollbar{
-                            .is-horizontal{
-                                .el-scrollbar__thumb{
+
+                        .el-scrollbar {
+                            .is-horizontal {
+                                .el-scrollbar__thumb {
                                     width: 100% !important;
                                 }
                             }
-                            .el-table__body{
-                                tr{
-                                    td{
+
+                            .el-table__body {
+                                tr {
+                                    td {
                                         padding: 0;
-                                        .cell{
+
+                                        .cell {
                                             background: #F6F7FA;
                                             line-height: 47px;
                                             height: 47px;
                                         }
                                     }
+
                                     td:hover {
                                         line-height: 45px;
                                         height: 45px;
@@ -497,13 +514,15 @@ export default {
                             }
                         }
                     }
-                    .el-table--border .el-table__cell{
+
+                    .el-table--border .el-table__cell {
                         border: none;
                     }
-                    .el-table thead.is-group th.el-table__cell{
+
+                    .el-table thead.is-group th.el-table__cell {
                         background: transparent;
                     }
-    
+
                     .tooltipCC {
                         width: 180px;
                         display: inline-block;
@@ -512,34 +531,40 @@ export default {
                         white-space: nowrap;
                     }
                 }
+
                 .el-pagination {
                     margin-top: 20px;
                     text-align: end;
                     position: relative;
                 }
             }
-            .tableSeach{
+
+            .tableSeach {
                 width: 81px;
                 height: 100%;
                 margin-left: 10px;
                 border: 1px solid #D6DBEA;
                 padding: 5px 0;
                 border-radius: 5px;
-                .seachType{
+
+                .seachType {
                     width: 78px;
                     height: 78px;
                     cursor: pointer;
                     border-left: 3px solid transparent;
-                    img{
+
+                    img {
                         margin-top: 17px;
                         margin-left: 27px;
                     }
-                    p{
+
+                    p {
                         text-align: center;
                         font-size: 14px;
                     }
                 }
-                .seachTypeCha{
+
+                .seachTypeCha {
                     background: #E6EBF5;
                     cursor: pointer;
                     border-left: 3px solid #3B7AD1;

src/components/evaluationknowledgePage/evalRatingRulesPage.vue

@@ -17,7 +17,7 @@
                 <div class="exceed">
                     <span class="exceedSpan">业务阶段：</span>
                     <el-select v-model="stageStr" placeholder="请选择业务阶段" clearable>
-                        <el-option v-for="item in stageData" :key="item.id" :label="item.stageName" :value="item.id">
+                        <el-option v-for="item in stageData" :key="item.id" :label="item.ratingStage" :value="item.id">
                         </el-option>
                     </el-select>
                 </div>
@@ -25,8 +25,7 @@
             </div>
             <div class="PeriodBtn" :style="$utils.PeriodBtnSty()">
                 <!-- $utils.havePurview('evalRatingRules:oneLevel:add') -->
-                <btns :showImport="false" :showExport="false"
-                    :showAdd="$utils.havePurview('evalRatingRules:oneLevel:add')" :showSave="false" :showDelete="false"
+                <btns :showImport="false" :showExport="false" :showAdd="true" :showSave="false" :showDelete="false"
                     :disSave="true" :disDelete="true" :disImport="true" :disExport="true" @handleAdd="handleAdd"></btns>
             </div>
             <div class="evalratingRulesTableData">
@@ -35,7 +34,7 @@
                     <el-table-column label="序号" type="index" align="center" />
                     <el-table-column label="评级名称" prop="ruleName" />
                     <el-table-column label="业务属性" prop="binSectionName" width="200" />
-                    <el-table-column label="业务阶段" prop="binStageName" width="200" />
+                    <el-table-column label="业务阶段" prop="checkCycle" width="200" />
                     <el-table-column label="评级类型" prop="type">
                         <template #default="scope">
                             <span v-if="scope.row.type === 'YDKP'" style="font-size: 12px;">月度考评</span>
@@ -85,7 +84,7 @@
                                 <el-form-item label="业务阶段" prop="binStage">
                                     <el-select v-model="ruleForm.binStage" placeholder="请选择业务阶段"
                                         @change="changeBinstation">
-                                        <el-option v-for="item in stageData" :key="item.id" :label="item.stageName"
+                                        <el-option v-for="item in stageData" :key="item.id" :label="item.ratingStage"
                                             :value="item.id">
                                         </el-option>
                                     </el-select>
@@ -139,8 +138,8 @@
                                             <el-table size="mini" :show-header="false" :highlight-current-row="true"
                                                 :stripe="false" :border="false" height="240" @row-dblclick="rowDbclick"
                                                 :data="indicItemoptions">
-                                                <el-table-column prop="indicatorName" />
-                                                <el-table-column prop="indicatorCode" />
+                                                <el-table-column prop="name" />
+                                                <el-table-column prop="code" />
                                             </el-table>
                                         </el-tab-pane>
                                         <el-tab-pane label="函数">
@@ -221,6 +220,7 @@
     import {
         apiGetorganizationRatingruleList,
         apiGetindicatorListAll,
+        apiGetratingindicatorListAll,
         apiGetfunctionList,
         apiGetbinstageList,
         apiGetbinsectionList,
@@ -336,7 +336,7 @@
                     pageSize: that.page.pagesize,
                     ruleName: that.indicatorStr,
                     binSection: that.businessStr,
-                    binStage: that.stageStr
+                    checkCycle: that.stageStr
                 }
                 apiGetorganizationRatingruleList(params).then(datas => {
                     if (datas && datas.data) {
@@ -365,9 +365,23 @@
                         that.binSectionoptions = datas.data
                     }
                 })
-                apiGetbinstageList().then(datas => {
+                apiGetratingindicatorListAll().then(datas => {
                     if (datas && datas.data) {
-                        that.stageData = datas.data
+                        let newArr = []
+                        let newArr1 = []
+                        datas.data.forEach(it => {
+                            newArr.push(it.ratingStage)
+                        })
+                        newArr.forEach(iv => {
+                            newArr1.includes(iv) ? newArr1 : newArr1.push(iv)
+                        })
+                        newArr1.forEach(ic => {
+                            let obj = {
+                                ratingStage: ic,
+                                id: ic
+                            }
+                            that.stageData.push(obj)
+                        })
                     }
                 })
             },
@@ -421,7 +435,7 @@
                     binSection: val,
                     binStage: val1
                 }
-                apiGetindicatorListAll(params).then(datas => {
+                apiGetratingindicatorListAll(params).then(datas => {
                     if (datas && datas.data) {
                         that.indicItemoptions = datas.data
                     }

src/components/taskCenter/taskUnitRatingFrom.vue

@@ -46,12 +46,15 @@
                         <div class="seachFor">
                             <el-input v-model="resCompanyName" placeholder="请输入单位名称" clearable
                                 @keyup.enter="getevaluRatingDiaList(rowObj, rowkeyId)"></el-input>
-                            <el-select v-model="businessStr" placeholder="请选择业务属性" clearable
+                            <!-- <el-select v-model="businessStr" placeholder="请选择业务属性" clearable
                                 @change="getevaluRatingDiaList(rowObj, rowkeyId)">
                                 <el-option v-for="item in binSectionoptions" :key="item.sectionCode"
                                     :label="item.sectionName" :value="item.sectionCode">
                                 </el-option>
-                            </el-select>
+                            </el-select> -->
+                        </div>
+                        <div class="tableBtn add" @click="unitRuleFn" v-if="tabName === 'first'">
+                            <span>评级</span>
                         </div>
                         <div class="tableBtn add" @click="handleAdd" v-if="tabName === 'first'">
                             <img :src="addIcon" alt="">
@@ -76,7 +79,7 @@
                     </div>
                     <div class="evaluationUnitRatingTableData">
                         <!-- @row-click="rowClickToggle" -->
-                        <el-table :data="evaluationRatingDiaData" style="width: 100%" ref="tableSS" @select="rowClick"
+                        <!-- <el-table :data="evaluationRatingDiaData" style="width: 100%" ref="tableSS" @select="rowClick"
                             @select-all="rowClick">
                             <el-table-column type="selection" label="操作" align="center"></el-table-column>
                             <el-table-column type="index" label="序号" align="center"></el-table-column>
@@ -98,12 +101,112 @@
                         <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                             :current-page="page.currentPage" :page-size="page.pagesize"
                             layout="total, prev, pager, next, jumper" :total="page.total">
-                        </el-pagination>
-                        <div>
-                            <p class="starttitleSty">审批意见：</p>
-                            <el-input v-model="descMsg" :rows="3" type="textarea" placeholder="请输入审批意见"></el-input>
+                        </el-pagination> -->
+                        <div class="tableMain">
+                            <el-table :data="evaluationRatingDiaData" style="width: 100%" ref="tableSS"
+                                @select="rowClick" @select-all="rowClick">
+                                <el-table-column type="selection" label="操作" align="center"></el-table-column>
+                                <el-table-column type="index" label="序号" align="center"></el-table-column>
+                                <el-table-column label="考评单位" width="180">
+                                    <template #default="scope">
+                                        <el-tooltip class="box-item" effect="customized"
+                                            :content="scope.row.organizationShortName" placement="right">
+                                            <span class="tooltipCC">{{scope.row.organizationShortName}}</span>
+                                        </el-tooltip>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="业务板块" prop="binSectionName" />
+                                <el-table-column label="考评年度" prop="year" />
+                                <el-table-column label="生产经营评级" prop="scjyRate" width="180" />
+                                <el-table-column label="（年度安全环保评级" width="150">
+                                    <template #default="scope">
+                                        <span
+                                            v-if="userMes.deptId !== '23031009'">{{scope.row.safetyEnvProtection}}</span>
+                                        <el-input-number v-else v-model="scope.row.safetyEnvProtection" :min="0" />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="否决事项" width="150">
+                                    <template #default="scope">
+                                        <span
+                                            v-if="userMes.deptId !== '23031009'">{{scope.row.veto === 1 ? '是' : '否'}}</span>
+                                        <el-select v-else v-model="scope.row.veto" placeholder="请选择" size="large"
+                                            style="width: 100px">
+                                            <el-option v-for="item in isPgoptions" :key="item.value" :label="item.label"
+                                                :value="item.value" />
+                                        </el-select>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="净利润" width="150">
+                                    <template #default="scope">
+                                        <span v-if="userMes.deptId !== '23031009'">{{scope.row.netProfit}}</span>
+                                        <el-input-number v-else v-model="scope.row.netProfit" :min="0" />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="经营业绩考核综合得分%）" width="150">
+                                    <template #default="scope">
+                                        <span v-if="userMes.deptId !== '23031009'">{{scope.row.compositeScore}}</span>
+                                        <el-input-number v-else v-model="scope.row.compositeScore" :min="0"
+                                            :max="100" />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="前期评级" prop="qqRate" width="180" />
+                                <el-table-column label="（年度项目进度目标" width="150">
+                                    <template #default="scope">
+                                        <span v-if="userMes.deptId !== '23031009'">{{scope.row.annualTarget}}</span>
+                                        <el-input-number v-else v-model="scope.row.annualTarget" :min="0" />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="先进性指标考核得分有无加分）" width="150">
+                                    <template #default="scope">
+                                        <span
+                                            v-if="userMes.deptId !== '23031009'">{{scope.row.bonusPoint === 1 ? '是' : '否'}}</span>
+                                        <el-select v-model="scope.row.bonusPoint" placeholder="请选择" size="large"
+                                            style="width: 100px">
+                                            <el-option v-for="item in isPgoptions" :key="item.value" :label="item.label"
+                                                :value="item.value" />
+                                        </el-select>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="基建评级" prop="jjRate" />
+                                <el-table-column label="（基建工程综合得分排名" width="150">
+                                    <template #default="scope">
+                                        <span
+                                            v-if="userMes.deptId !== '23031009'">{{scope.row.compositeScoreRaking}}</span>
+                                        <el-input-number v-else v-model="scope.row.compositeScoreRaking" :min="0" />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="基建工程项目等级）" width="150">
+                                    <template #default="scope">
+                                        <span v-if="userMes.deptId !== '23031009'">{{scope.row.projectLevel}}</span>
+                                        <el-input-number v-else v-model="scope.row.projectLevel" :min="0" />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="年度评级" prop="yearRate" />
+                                <!-- fixed="right" align="center" -->
+                                <el-table-column label="操作" width="160" v-if="userMes.deptId === '23031009'">
+                                    <template #default="scope">
+                                        <span class="indicitem" @click="unitRule(scope.row)">计算评级</span>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                                :current-page="page.currentPage" :page-size="page.pagesize"
+                                layout="total, prev, pager, next, jumper" :total="page.total">
+                            </el-pagination>
+                        </div>
+                        <div class="tableSeach">
+                            <div class="seachType" v-for="item in titleMsgArr" :key="item.isName"
+                                :class="item.showClick? 'seachTypeCha':''" @click="changType(item)">
+                                <img :src="item.img" alt="" v-if="!item.showClick">
+                                <img :src="item.clickImg" alt="" v-else>
+                                <p :style="item.showClick? 'color: #3B7AD1' : ''">{{item.isName}}</p>
+                            </div>
                         </div>
                     </div>
+                    <div>
+                        <p class="starttitleSty">审批意见：</p>
+                        <el-input v-model="descMsg" :rows="3" type="textarea" placeholder="请输入审批意见"></el-input>
+                    </div>
                     <el-dialog :title="title" custom-class="startToDia" v-model="dialogVisible" width="600px"
                         :close-on-click-modal="false">
                         <div class="periodFrom">
@@ -194,6 +297,7 @@
     import importIcon from '../../assets/btnIcon/import.png'
     import {
         apiGetorganizationratinglist,
+        apiorganizationratinggrade,
         apiGetorganizationratingsave,
         apiGetOrganizationListAll,
         apiGetbinsectionList,
@@ -274,7 +378,10 @@
                 rowObj: {},
                 instanceChild: {},
                 rowkeyId: '',
-                tabName: ''
+                tabName: '',
+                titleMsgArr: [],
+                isPgoptions: [],
+                userMes: {}
             }
         },
         created() {
@@ -291,6 +398,15 @@
                     value: 'C'
                 }
             ]
+            this.isPgoptions = [{
+                    value: 1,
+                    label: '是'
+                },
+                {
+                    value: 0,
+                    label: '否'
+                }
+            ]
         },
         methods: {
             init(row, keyId, allData, tabVal) {
@@ -303,6 +419,7 @@
                 this.getUnitRatingHeader(keyId)
                 this.getOrganizetionData()
                 this.getDataDictionary()
+                this.userMes = JSON.parse(window.sessionStorage.getItem('user'))
             },
             // 查询头部信息
             getUnitRatingHeader(id) {
@@ -325,6 +442,32 @@
                     }
                 })
             },
+            unitRule(row) {
+                let that = this
+                let params = [row]
+                apiorganizationratinggrade(params).then(res => {
+                    if (res && res.code === 200) {
+                        that.$message({
+                            message: '计算评级' + res.message,
+                            type: 'success'
+                        });
+                        that.getevaluRatingDiaList(that.rowObj, that.rowkeyId)
+                    }
+                })
+            },
+            unitRuleFn() {
+                let that = this
+                let params = that.evaluationRatingDiaData
+                apiorganizationratinggrade(params).then(res => {
+                    if (res && res.code === 200) {
+                        that.$message({
+                            message: '计算评级' + res.message,
+                            type: 'success'
+                        });
+                        that.getevaluRatingDiaList(that.rowObj, that.rowkeyId)
+                    }
+                })
+            },
             // 查询列表页面
             getevaluRatingDiaList(row, id) {
                 let that = this
@@ -332,7 +475,7 @@
                     pageNum: that.page.currentPage,
                     pageSize: that.page.pagesize,
                     organizationYearRatingId: id,
-                    organizationId: that.resCompanyName,
+                    organizationShortName: that.resCompanyName,
                     binSection: that.businessStr,
                     year: row.year
                 }
@@ -360,13 +503,40 @@
             getDataDictionary() {
                 let that = this
                 let params = {
-                    type: '1'
+                    type: '3'
                 }
                 apiGetbinsectionList(params).then(datas => {
                     if (datas && datas.data) {
-                        that.binSectionoptions = datas.data
+                        // that.binSectionoptions = datas.data
+                        datas.data.forEach(item => {
+                            let obj = {
+                                id: item.id,
+                                isName: item.sectionName === '新能源(光电)' ? '新能源光电' : item
+                                    .sectionName === '新能源(风电)' ? '新能源风电' : item.sectionName,
+                                isNameEn: item.sectionCode,
+                                showClick: false,
+                                isClass: 'sectionDef',
+                                img: sectionDef,
+                                isClassC: 'sectionCha',
+                                clickImg: sectionCha
+                            }
+                            that.titleMsgArr.push(obj)
+                        })
+                        that.titleMsgArr[0].showClick = true
+                        that.businessStr = that.titleMsgArr[0].isNameEn
+                        that.getevaluRatingDiaList(that.rowObj, that.rowkeyId)
+                    }
+                })
+            },
+            changType(data) {
+                this.titleMsgArr.forEach(it => {
+                    it.showClick = false
+                    if (it.isName === data.isName) {
+                        it.showClick = true
+                        this.businessStr = it.isNameEn
                     }
                 })
+                this.getevaluRatingDiaList(this.rowObj, this.rowkeyId)
             },
             saveevaluaStart(formName) {
                 let that = this
@@ -780,51 +950,134 @@
                             }
 
                             .evaluationUnitRatingTableData {
-                                .el-table {
-                                    .el-table__body-wrapper {
-                                        height: 40vh !important;
-                                    }
+                                display: flex;
+                                width: 100%;
+                                margin-top: 20px;
+                                // .el-table {
+                                //     .el-table__body-wrapper {
+                                //         height: 40vh !important;
+                                //     }
 
-                                    .el-input__inner {
-                                        height: 30px !important;
-                                    }
+                                //     .el-input__inner {
+                                //         height: 30px !important;
+                                //     }
 
-                                    .el-radio__label {
-                                        display: none;
-                                    }
+                                //     .el-radio__label {
+                                //         display: none;
+                                //     }
 
-                                    .tooltipCC {
-                                        width: 300px !important;
-                                        display: inline-block;
-                                        overflow: hidden;
-                                        text-overflow: ellipsis;
-                                        white-space: nowrap;
+                                //     .tooltipCC {
+                                //         width: 300px !important;
+                                //         display: inline-block;
+                                //         overflow: hidden;
+                                //         text-overflow: ellipsis;
+                                //         white-space: nowrap;
+                                //     }
+
+                                //     .tooltipCCDes {
+                                //         width: 50px;
+                                //         display: inline-block;
+                                //         overflow: hidden;
+                                //         text-overflow: ellipsis;
+                                //         white-space: nowrap;
+                                //     }
+
+                                //     .indicitem {
+                                //         color: #409EFF;
+                                //         font-size: 12px;
+                                //         margin-right: 20px;
+                                //         cursor: pointer;
+
+                                //         &:hover {
+                                //             text-decoration: underline;
+                                //         }
+                                //     }
+                                // }
+
+                                // .el-pagination {
+                                //     margin-top: 20px;
+                                //     text-align: end;
+                                //     position: relative;
+                                // }
+                                .tableMain {
+                                    width: calc(100% - 100px);
+
+                                    .el-table {
+                                        .el-input__inner {
+                                            height: 30px !important;
+                                        }
+
+                                        .el-radio__label {
+                                            display: none;
+                                        }
+
+                                        .tooltipCC {
+                                            width: 300px !important;
+                                            display: inline-block;
+                                            overflow: hidden;
+                                            text-overflow: ellipsis;
+                                            white-space: nowrap;
+                                        }
+
+                                        .tooltipCCDes {
+                                            width: 50px;
+                                            display: inline-block;
+                                            overflow: hidden;
+                                            text-overflow: ellipsis;
+                                            white-space: nowrap;
+                                        }
+
+                                        .indicitem {
+                                            color: #409EFF;
+                                            font-size: 12px;
+                                            margin-right: 20px;
+                                            cursor: pointer;
+
+                                            &:hover {
+                                                text-decoration: underline;
+                                            }
+                                        }
                                     }
 
-                                    .tooltipCCDes {
-                                        width: 50px;
-                                        display: inline-block;
-                                        overflow: hidden;
-                                        text-overflow: ellipsis;
-                                        white-space: nowrap;
+                                    .el-pagination {
+                                        margin-top: 20px;
+                                        text-align: end;
+                                        position: relative;
                                     }
+                                }
+
+                                .tableSeach {
+                                    width: 83px;
+                                    height: 60vh;
+                                    overflow-y: auto;
+                                    overflow-x: hidden;
+                                    margin-left: 10px;
+                                    border: 1px solid #D6DBEA;
+                                    padding: 5px 0;
+                                    border-radius: 5px;
 
-                                    .indicitem {
-                                        color: #409EFF;
-                                        font-size: 12px;
-                                        margin-right: 20px;
+                                    .seachType {
+                                        width: 78px;
+                                        height: 78px;
                                         cursor: pointer;
+                                        border-left: 3px solid transparent;
+
+                                        img {
+                                            margin-top: 17px;
+                                            margin-left: 27px;
+                                        }
 
-                                        &:hover {
-                                            text-decoration: underline;
+                                        p {
+                                            text-align: center;
+                                            font-size: 14px;
                                         }
                                     }
-                                }
 
-                                .el-pagination {
-                                    margin-top: 20px;
-                                    text-align: end;
-                                    position: relative;
+                                    .seachTypeCha {
+                                        background: #E6EBF5;
+                                        cursor: pointer;
+                                        border-left: 3px solid #3B7AD1;
+                                    }
                                 }
                             }