新增部门经营业绩考评页面及其详情页面，服务联调；新增部门绩效考评评级页面，对列表，新增，修改，删除服务联调；

src/api/api.js

@@ -312,6 +312,45 @@ export function apiGetEvalReportinfoList(params) {
     })
 }
 
+
+//--------部门考评业务列表信息
+export function apiGetevaluationdeptassessmentlist(params) {
+    return httpRequest({
+        url: 'evaluation-dept-assessment/list',
+        method: 'get',
+        params: params
+    })
+}
+//--------部门考评业务列表信息---详情
+export function apiGetevaluationdeptassessmentdetails(params) {
+    return httpRequest({
+        url: `evaluation-dept-assessment/details/${params}`,
+        method: 'get'
+    })
+}
+
+
+//--------部门绩效考核评级列表
+export function apiGetevaluationdeptratinglist(params) {
+    return httpRequest({
+        url: 'evaluation-dept-rating/list',
+        method: 'get',
+        params: params
+    })
+}
+//--------部门绩效考核评级列表---新增/修改
+export function apiGetevaluationdeptratingsave(params) {
+    return httpRequest.post('evaluation-dept-rating/save', params)
+}
+//----部门绩效考核评级列表---删除
+export function apiPostevaluationdeptratingDelete(params) {
+    return httpRequest({
+        url: `evaluation-dept-rating/removeAll/${params}`,
+        method: 'post'
+    })
+}
+
+
 //----------------------------------------考评体系配置------------------------------------------------
 //----考评指标管理
 //----"指标-查询"

src/components/assessment/evaluationDeptBusinessFrom.vue

@@ -0,0 +1,464 @@
+<template>
+    <div class="deptbusinessFrom">
+        <el-dialog title="部门经营业绩考评详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
+            <div class="startDetail">
+                <p class="starttitleSty">单据信息：</p>
+                <el-row class="danjuMsg">
+                    <el-col :span="6">
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">业务编号:</span>
+                            <span>{{receiptMsg.code}}</span>
+                        </div>
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">年度:</span>
+                            <span>{{receiptMsg.year}}</span>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">业务简述:</span>
+                            <span>{{receiptMsg.des}}</span>
+                        </div>
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">单据状态:</span>
+                            <span>{{receiptMsg.recStage}}</span>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">流程状态:</span>
+                            <span>{{receiptMsg.stage}}</span>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">考评周期:</span>
+                            <span>{{receiptMsg.type}}</span>
+                        </div>
+                    </el-col>
+                </el-row>
+                <div class="btnASeach">
+                    <div class="detaTableBtns">
+                        <div class="tableBtn save" @click="saveDetail">
+                            <img :src="saveIcon" alt="">
+                            <span>保存</span>
+                        </div>
+                        <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>
+                </div>
+                <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+                    <el-tab-pane label="考评指标项内容" name="first">
+                        <el-table :data="quantifiedList.slice((pageLeft.currentPage-1)*pageLeft.pagesize, pageLeft.currentPage*pageLeft.pagesize)" style="width: 100%">
+                            <!-- <el-table-column type="selection" label="操作" align="center"></el-table-column> -->
+                            <el-table-column type="index" label="序号" width="80" />
+                            <el-table-column label="部门名称" prop="deptName" width="300" />
+                            <el-table-column label="指标名称" prop="indicatorName" />
+                            <el-table-column label="指标项名称" prop="indicatorItemName" />
+                            <el-table-column label="值">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.targetValue"
+                                     type="textarea" :rows="1" placeholder="请输入值" :disabled="!scope.row.updateMark"></el-input>
+                                    <!-- <el-input-number v-model="scope.row.targetValue"
+                                     :precision="2" :step="0.1" :min="0" /> -->
+                                     <!-- :disabled="!scope.row.updateMark"  -->
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="审核状态" width="260" >
+                                <template #default="scope">
+                                     <!-- :disabled="!scope.row.updateMark" -->
+                                    <el-select v-model="scope.row.auditStatus" :disabled="!scope.row.updateMark" placeholder="请选择审核状态">
+                                        <el-option
+                                        v-for="item in statusData"
+                                        :key="item.id"
+                                        :label="item.name"
+                                        :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                        <el-pagination
+                            @current-change="handleCurrentChangeLeft"
+                            :current-page="pageLeft.currentPage"
+                            :page-size="pageLeft.pagesize"
+                            layout="total, prev, pager, next, jumper"
+                            :total="pageLeft.total">
+                        </el-pagination>
+                    </el-tab-pane>
+                </el-tabs>
+                
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" @click="dialogVisible = false">取 消</el-button>
+                </span>
+            </template>
+        </el-dialog>
+        <import-dailog ref="importPage" @successImport="successImport" @importLoading="importLoading"></import-dailog>
+    </div>
+</template>
+
+<script>
+import importDailog from '../importPage/importDailog.vue'
+import {apiGetevaluationdeptassessmentdetails,apiGetevaluationdeptplanUpdate} from '../../api/api'
+import ExcelJS from 'exceljs'
+import fileSave from 'file-saver'
+import addIcon from '../../assets/btnIcon/add.png'
+import saveIcon from '../../assets/btnIcon/save.png'
+import editIcon from '../../assets/btnIcon/edit.png'
+import deleteIcon from '../../assets/btnIcon/delete.png'
+import exportIcon from '../../assets/btnIcon/export.png'
+import importIcon from '../../assets/btnIcon/import.png'
+export default {
+    components: {
+        importDailog
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            activeName: 'first',
+            quantifiedList: [],
+            changeDateSelect: [],
+            receiptMsg: {
+                code: '',
+                des: '',
+                stage: '',
+                createName: '',
+                createDate: '',
+                type: '',
+                year: '',
+                recStage: ''
+            },
+            addIcon: addIcon,
+            saveIcon: saveIcon,
+            editIcon: editIcon,
+            deleteIcon: deleteIcon,
+            exportIcon: exportIcon,
+            importIcon: importIcon,
+            rowMsg: {},
+            orgruleData: [],
+            indicatorTypeData: [],
+            stageData: [],
+            indicItemoptions: [],
+            sectionNameArr: [],
+            deptNameArr: [],
+            statusData: [],
+            pageLeft:{
+                pagesize: 15,
+                currentPage: 1,
+                total: 0
+            },
+            pageRight:{
+                pagesize: 15,
+                currentPage: 1,
+                total: 0
+            },
+        }
+    },
+    created() {
+        this.statusData = [
+            {
+                name: '已完成',
+                id: '1'
+            },
+            {
+                name: '待审核',
+                id: '0'
+            },
+            {
+                name: '未开始',
+                id: '-1'
+            }
+        ]
+    },
+    methods: {
+        init(row) {
+            this.dialogVisible = true
+            this.activeName = 'first'
+            this.receiptMsg = {
+                code: row.responsibilityCode,
+                des: row.des,
+                stage: row.assessmentStage,
+                type: row.checkCycle === 'YDKP'?'月度考评':row.checkCycle === 'JDKP'?'季度考评':'年度考评',
+                year: row.appraisalYear,
+                recStage: '有效'
+            }
+            this.getDetails(row.id)
+            this.rowMsg = row
+        },
+        handleClick() {
+            this.changeDateSelect = []
+        },
+        handleCurrentChangeLeft(val) {
+            this.pageLeft.currentPage = val
+        },
+        handleCurrentChangeRight(val) {
+            this.pageRight.currentPage = val
+        },
+        //获取详情
+        getDetails(id) {
+            let that = this
+            that.quantifiedList = []
+            apiGetevaluationdeptassessmentdetails(id).then(datas =>{
+                if (datas && datas.data) {
+                    that.quantifiedList = datas.data
+                    that.pageLeft.total = datas.data.length
+                }
+            })
+        },
+        saveDetail() {
+            let that = this
+            let params = []
+            that.quantifiedList.forEach(item =>{
+                let obj = {
+                    id: item.id,
+                    targetValue: item.targetValue,
+                    auditStatus: item.auditStatus
+                }
+                params.push(obj)
+            })
+            apiGetevaluationdeptplanUpdate(params).then(datas =>{
+                if (datas) {
+                    if (datas.success) {
+                        that.$message({
+                            message: '保存成功',
+                            type: 'success'
+                        });
+                        that.getDetails(that.rowMsg.id)
+                    } else {
+                        that.$message({
+                            message: datas.data,
+                            type: 'error'
+                        })
+                    }
+                }
+            })
+        },
+        handleImport() {
+            this.$refs.importPage.upload.title = "考评目标信息导入"
+            this.$refs.importPage.upload.open = true
+            this.$refs.importPage.upload.url = '/responsibility-indicator-info/import'
+        },
+        successImport(val) {
+            this.getDetails(this.rowMsg.id)
+        },
+        handleExport() {
+            let data = []  //接口返回数据
+            const workbook = new ExcelJS.Workbook()
+            const worksheet = workbook.addWorksheet('Sheet1')
+            //根据数据自己调整
+            let colums = []
+            colums = [
+                { header: 'ID', key: 'id', width: 26 },
+                { header: '单位名称', key: 'organizationShortName', width: 26 },
+                { header: '指标分类', key: 'typeName', width: 18 },
+                { header: '业务阶段', key: 'stageName', width: 18 },
+                { header: '业务属性', key: 'sectionName', width: 18 },
+                { header: '指标名称', key: 'childName', width: 18 },
+                { header: '填报部门', key: 'deptName', width: 26 },
+            ]
+            if (this.activeName === 'first') {
+                colums.push(
+                    { header: '目标值', key: 'quantifiedValue', width: 18 },
+                    { header: '单位', key: 'unit', width: 18 },
+                    { header: '审核状态', key: 'state', width: 18 }
+                )
+                this.quantifiedList.forEach(item =>{
+                    if (item.updateMark) {
+                        data.push(item)
+                    }
+                })
+            }
+            worksheet.columns = colums
+            worksheet.getRow(1).font = {
+                size: 12,
+                bold: true
+            }
+            worksheet.addRows(data)
+
+            workbook.xlsx.writeBuffer().then(buffer => {
+                //这里为type
+                const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8' })
+                fileSave(blob, `数据导出.xlsx`)
+            })
+        },
+    }
+}
+</script>
+
+<style lang="less">
+.deptbusinessFrom{
+    .el-overlay{
+        .el-dialog{
+            // margin-top: 7vh;
+            .el-dialog__body{
+                padding: 0 20px !important;
+                .startDetail{
+                    .starttitleSty{
+                        font-size: 18px;
+                        font-family: Microsoft YaHei;
+                        font-weight: bold;
+                        color: #3B7AD1;
+                        // line-height: 12px;
+                        margin: 20px 0 20px 10px;
+                    }
+                    .danjuMsg{
+                        border: 1px solid #D6DBEA;
+                        padding: 10px 20px;
+                        border-radius: 10px;
+                        margin-bottom: 20px;
+                        .danjuMsg_data{
+                            padding: 5px 0 10px 0;
+                            .data_tit{
+                                margin-right: 10px;
+                                font-weight: bold;
+                                font-size: 14px;
+                                font-family: Microsoft YaHei;
+                                color: #8991B0;
+                            }
+                            .data_tit_wd{
+                                display: inline-block;
+                                width: 90px;
+                            }
+                            .el-form-item--small{
+                                .el-input{
+                                    height: 25px;
+                                    width: 160px;
+                                }
+                                margin-bottom: 0;
+                                .el-input-number{
+                                    height: 25px;
+                                    .el-input-number__decrease, .el-input-number__increase{
+                                        right: -39px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    .el-select, .el-input{
+                        width: 100%;
+                    }
+                    .btnASeach{
+                        display: flex;
+                        z-index: 11111;
+                        justify-content: end;
+                        position: relative;
+                        top: 32px;
+                        left: 50vw;
+                        width: 50%;
+                        .detaTableBtns{
+                            display: flex;
+                            width: 300px;
+                            margin-top: 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;
+                                }
+                            }
+                            .add{
+                                cursor: pointer;
+                                span{
+                                    color: #3B7AD1;
+                                }
+                            }
+                            .save{
+                                cursor: pointer;
+                                span{
+                                    color: #50C14E;
+                                }
+                            }
+                            .edit{
+                                span{
+                                    color: #F5A623;
+                                }
+                            }
+                            .delete{
+                                cursor: no-drop;
+                                span{
+                                    color: #F65177;
+                                }
+                            }
+                            .import{
+                                cursor: pointer;
+                                span{
+                                    color: #ce1e78;
+                                }
+                            }
+                            .export{
+                                cursor: pointer;
+                                span{
+                                    color: #2baa8a;
+                                }
+                            }
+                        }
+                    }
+                    .el-tabs{
+                        .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;
+                                }
+                            }
+                        }
+                        
+                        .el-table{
+                            margin-bottom: 10px;
+                            .el-table__body-wrapper{
+                                height: 50vh;
+                            }
+                            .el-table__row{
+                                .cell{
+                                    .el-input{
+                                        height: 24px;
+                                        .el-input__inner{
+                                            height: 24px;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            .el-dialog__footer{
+                .dialog-footer{
+                    display: flex;
+                    justify-content: center;
+                    .el-button{
+                        width: 180px !important;
+                        height: 40px !important;
+                    }
+                }
+            }
+        }
+    }
+    
+}
+</style>

src/components/assessment/evaluationDeptBusinessPage.vue

@@ -0,0 +1,260 @@
+<template>
+    <div class="evaluationStart">
+        <div class="evaluationStartBtn">
+            <div class="collectSeach">
+                <div class="exceed">
+                    <span class="exceedSpan">业务编号：</span>
+                    <el-input v-model="rescode" placeholder="请输入业务编号"></el-input>
+                </div>
+                <div class="exceed">
+                    <span class="exceedSpan">业务简述：</span>
+                    <el-input v-model="resDes" placeholder="请输入业务简述"></el-input>
+                </div>
+                <el-button type="primary" style="margin-left: 10px;" @click="getSeachData">搜索</el-button>
+                <el-button style="margin-left: 10px;" @click="resetSeach">重置</el-button>
+            </div>
+            <div class="evaluationStartTableData">
+                <el-table :data="evaluationBusinessData" style="width: 100%"  @row-dblclick="getDetail">
+                    <el-table-column type="selection" label="操作" align="center"></el-table-column>
+                    <el-table-column label="业务编号" prop="responsibilityCode" />
+                    <el-table-column label="考评部门" width="400">
+                        <template #default="scope">
+                            <el-tooltip
+                                class="box-item"
+                                effect="customized"
+                                :content="scope.row.deptName"
+                                placement="top"
+                            >
+                                <span class="tooltipCC">{{scope.row.deptName}}</span>
+                            </el-tooltip>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="考评年度" prop="appraisalYear" width="120" />
+                    <el-table-column label="业务简述" prop="des" width="400">
+                        <template #default="scope">
+                            <div>
+                                <el-tooltip
+                                    class="box-item"
+                                    effect="customized"
+                                    :content="scope.row.des"
+                                    placement="top"
+                                >
+                                    <span class="tooltipCC">{{scope.row.des}}</span>
+                                </el-tooltip>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="流程状态" prop="assessmentStage" width="200">
+                        <!-- <template #default="scope">
+                            <p class="indicitem">{{scope.row.assessmentStage}}</p>
+                        </template> -->
+                    </el-table-column>
+                    <el-table-column label="操作" width="100">
+                        <template #default="scope">
+                            <!-- <p class="indicitem" v-if="scope.row.assessmentStage === '流程未启动'" @click="agetdeptresponsibility(scope.row)">启动</p>
+                            <p class="indicitem" v-else @click="getDetail(scope.row)">详情</p> -->
+                            <p class="indicitem" @click="getDetail(scope.row)">详情</p>
+                        </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>
+        <business-from-list ref="businessFromDetail" ></business-from-list>
+    </div>
+</template>
+
+<script>
+import businessFromList from './evaluationDeptBusinessFrom.vue'
+import btns from '../elbuttonS.vue'
+import {apiGetevaluationdeptassessmentlist} from '../../api/api'
+export default {
+    components: {
+        businessFromList,
+        btns
+    },
+    data() {
+        return {
+            evaluationBusinessData:[],
+            page:{
+                pagesize: 12,
+                currentPage: 1,
+                total: 0
+            },
+            rescode: '',
+            resDes: '',
+        }
+    },
+    created() {
+        this.getevaluStartList()
+    },
+    methods:{
+        // 查询列表页面
+        getevaluStartList() {
+            let that = this
+            let params = {
+                pageNum: that.page.currentPage,
+                pageSize: that.page.pagesize,
+                responsibilityCode: that.rescode,
+                des: that.resDes
+            }
+            apiGetevaluationdeptassessmentlist(params).then(datas =>{
+                if (datas && datas.data) {
+                    that.evaluationBusinessData = datas.data.records
+                    that.page.total = datas.data.total
+                }
+            })
+        },
+        //明细
+        getDetail(row) {
+            this.$refs.businessFromDetail.init(row)
+        },
+        getSeachData() {
+            this.page.currentPage = 1
+            this.getevaluStartList()
+        },
+        resetSeach() {
+            this.page.currentPage = 1
+            this.rescode = ''
+            this.resDes = ''
+            this.getevaluStartList()
+        },
+        handleSizeChange(val){
+            this.page.pagesize = val
+            this.getevaluStartList()
+        },
+        handleCurrentChange(val){
+            this.page.currentPage =val
+            this.getevaluStartList()
+        },
+    }
+}
+</script>
+
+<style lang="less">
+.evaluationStart{
+    .evaluationStartBtn{
+        .collectSeach{
+            display: flex;
+            padding: 24px 20px;
+            border-bottom: 1px solid#D6DBEA;
+            .exceed{
+                display: flex;
+                .exceedSpan{
+                    width: 100px;
+                    height: 12px;
+                    font-size: 14px;
+                    font-family: Microsoft YaHei;
+                    font-weight: 400;
+                    color: #8991B0;
+                    line-height: 12px;
+                    margin-top: 14px;
+                }
+                .el-input{
+                    margin-right:10px;
+                    height: 40px;
+                    .el-input__inner{
+                        height:40px;
+                    }
+                    .el-input__suffix{
+                        .el-select__caret{
+                            line-height:30px;
+                        }
+                    }
+                }
+            }
+            .el-select{
+                margin-right:10px;
+                .el-input__inner{
+                    height:30px;
+                }
+                .el-input__suffix{
+                    .el-select__caret{
+                        line-height:30px;
+                    }
+                }
+            }
+        }
+        span{
+            font-size:14px;
+        }
+        .el-button{
+            height: 30px;
+            // width:100px;
+            padding: 0 20px ;
+            // padding-top: 8px;
+            span{
+                margin:0;
+            }
+        }
+        .evaluationStartTableData{
+            .el-table{
+                .el-table__body-wrapper{
+                    height: 60vh !important;
+                }
+                .el-input__inner{
+                    height: 30px !important;
+                }
+                .el-radio__label{
+                    display: none;
+                }
+                .tooltipCC{
+                    width: 300px;
+                    display: inline-block;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+                .tooltipCCDes{
+                    width: 200px;
+                    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;
+            }
+        }
+        .el-overlay{
+            .startToDia{
+                .el-dialog__body{
+                    padding: 30px 60px 30px 20px !important;
+                    .periodFrom{
+                        .el-select, .el-input{
+                            width: 100%;
+                        }
+                        .el-input{
+                            height: 30px;
+                        }
+                    }
+                    .flowSty{
+                        width: 100%;
+                        height: 70vh;
+                    }
+                }
+            }
+        }
+    }
+    
+}
+</style>

src/components/assessment/evaluationDeptRatingPage.vue

@@ -0,0 +1,584 @@
+<template>
+    <div class="evaluationStart">
+        <div class="evaluationStartBtn">
+            <div class="collectSeach">
+                <div class="exceed">
+                    <span class="exceedSpan">部门名称：</span>
+                    <el-input v-model="resDeptName" placeholder="请输入部门名称"></el-input>
+                </div>
+                <div class="exceed">
+                    <span class="exceedSpan">考评年度：</span>
+                    <el-input v-model="resAnnual" placeholder="请输入考评年度"></el-input>
+                </div>
+                <el-button type="primary" style="margin-left: 10px;" @click="getSeachData">搜索</el-button>
+                <el-button style="margin-left: 10px;" @click="resetSeach">重置</el-button>
+            </div>
+            <div class="PeriodBtn">
+                <btns
+                :showImport="false"
+                :showExport="false"
+                :showSave="true"
+                :showAdd="true"
+                :showDelete="true"
+                :disSave="changeDateSelect.length === 0 || changeDateSelect.length>1"
+                :disDelete="changeDateSelect.length === 0"
+                :disImport="true"
+                :disExport="true"
+                @handleAdd="handleAdd"
+                @handleEdit="handleEdit"
+                @handleDelete="handleDelete"
+                ></btns>
+            </div>
+            <div class="evaluationStartTableData">
+                <el-table :data="evaluationStartData" style="width: 100%" @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="200">
+                        <template #default="scope">
+                            <el-tooltip
+                                class="box-item"
+                                effect="customized"
+                                :content="scope.row.deptName"
+                                placement="top"
+                            >
+                                <span class="tooltipCC">{{scope.row.deptName}}</span>
+                            </el-tooltip>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="考评年度" prop="annual" />
+                    <el-table-column :label="it.label" :prop="it.value" v-for="it in monthArr" :key="it.value" />
+                    <el-table-column label="A级总数" prop="acount" />
+                    <el-table-column label="A级原因" prop="des" width="200">
+                        <template #default="scope">
+                            <div>
+                                <el-tooltip
+                                    class="box-item"
+                                    effect="customized"
+                                    :content="scope.row.acause"
+                                    placement="top"
+                                >
+                                    <span class="tooltipCC">{{scope.row.acause}}</span>
+                                </el-tooltip>
+                            </div>
+                        </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>
+            <el-dialog :title="title" custom-class="startToDia" v-model="dialogVisible" width="600px" :close-on-click-modal="false">
+                <div class="periodFrom">
+                    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" :validate-on-rule-change="false">      
+                        <el-form-item label="考评部门" prop="department">
+                            <el-select v-model="ruleForm.department" placeholder="请选择考评部门" :disabled="isSave">
+                                <el-option
+                                v-for="item in departData"
+                                :key="item.id"
+                                :label="item.keyName"
+                                :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="年份" prop="year">
+                            <el-date-picker
+                                v-model="ruleForm.year"
+                                :disabled="isSave"
+                                type="year"
+                                value-format="YYYY"
+                                placeholder="请选择年份"
+                                />
+                        </el-form-item>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item :label="it.label" :prop="it.value" v-for="it in monthArrLeft" :key="it.value">
+                                    <el-select v-model="ruleForm[it.value]" placeholder="请选择评级">
+                                        <el-option
+                                        v-for="item in ratingArr"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item :label="it.label" :prop="it.value" v-for="it in monthArrRight" :key="it.value">
+                                    <el-select v-model="ruleForm[it.value]" placeholder="请选择评级">
+                                        <el-option
+                                        v-for="item in ratingArr"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-form-item label="A级原因" prop="acause">
+                            <el-input v-model="ruleForm.acause" :rows="5" type="textarea" placeholder="请输入A级原因"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="dialogVisible = false">取 消</el-button>
+                        <el-button type="primary" @click="saveevaluaStart('ruleForm')">确 定</el-button>
+                    </span>
+                </template>
+            </el-dialog>
+        </div>
+        <start-from-list ref="startFromDetail" ></start-from-list>
+    </div>
+</template>
+
+<script>
+import startFromList from './evaluationDeptStartFrom.vue'
+import btns from '../elbuttonS.vue'
+import {apiGetevaluationdeptratinglist, apiGetevaluationdeptratingsave,
+apiGetdatadictionaryList, apiPostevaluationdeptratingDelete} from '../../api/api'
+export default {
+    components: {
+        startFromList,
+        btns
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            isSave: false,
+            title: '',
+            evalradio: {},
+            changeDateSelect: [],
+            evaluationStartData:[],
+            departData: [],
+            page:{
+                pagesize: 12,
+                currentPage: 1,
+                total: 0
+            },
+            ruleForm: {
+                department: '',
+                year: '',
+                jan: '',
+                feb: '',
+                mar: '',
+                apr: '',
+                may: '',
+                jun: '',
+                jul: '',
+                aug: '',
+                sep: '',
+                oct: '',
+                nov: '',
+                dece: '',
+                acause: ''
+            },
+            rules: {
+                department: [
+                    { required: true, message: '请选择考评部门', trigger: 'change' }
+                ],
+                year: [
+                    { required: true, message: '请选择年份', trigger: 'change' }
+                ],
+                acause: [
+                    { required: true, message: '请输入A级原因', trigger: 'blur' }
+                ]
+            },
+            resDeptName: '',
+            resAnnual: '',
+            monthArr: [],
+            monthArrLeft: [],
+            monthArrRight: [],
+            ratingArr: []
+        }
+    },
+    created() {
+        this.monthArrLeft = [
+            {
+                label: '一月',
+                value: 'jan',
+            },
+            {
+                label: '二月',
+                value: 'feb',
+            },
+            {
+                label: '三月',
+                value: 'mar',
+            },
+            {
+                label: '四月',
+                value: 'apr',
+            },
+            {
+                label: '五月',
+                value: 'may',
+            },
+            {
+                label: '六月',
+                value: 'jun',
+            }
+        ]
+        this.monthArrRight = [
+            {
+                label: '七月',
+                value: 'jul',
+            },
+            {
+                label: '八月',
+                value: 'aug',
+            },
+            {
+                label: '九月',
+                value: 'sep',
+            },
+            {
+                label: '十月',
+                value: 'oct',
+            },
+            {
+                label: '十一月',
+                value: 'nov',
+            },
+            {
+                label: '十二月',
+                value: 'dece',
+            },
+        ]
+        this.monthArr = this.monthArrLeft.concat(this.monthArrRight)
+        this.ratingArr = [
+            {
+                label: 'A级',
+                value: 'A'
+            },
+            {
+                label: 'B级',
+                value: 'B'
+            },
+            {
+                label: 'C级',
+                value: 'C'
+            }
+        ]
+        this.getevaluRatingList()
+        this.getDepartmentFromTreeData()
+    },
+    methods:{
+        // 查询列表页面
+        getevaluRatingList() {
+            let that = this
+            let params = {
+                pageNum: that.page.currentPage,
+                pageSize: that.page.pagesize,
+                deptName: that.resDeptName,
+                annual: that.resAnnual
+            }
+            apiGetevaluationdeptratinglist(params).then(datas =>{
+                if (datas && datas.data) {
+                    that.evaluationStartData = datas.data.records
+                    that.page.total = datas.data.total
+                }
+            })
+        },
+        // 查询部门
+        getDepartmentFromTreeData() {
+            let that = this
+            let params = {
+                superKey: 'BM0001'
+            }
+            apiGetdatadictionaryList(params).then(datas =>{
+                if (datas && datas.data) {
+                    that.departData = datas.data
+                }
+            })
+        },
+        saveevaluaStart(formName) {
+            let that = this
+            that.$refs[formName].validate((valid) => {
+                if (valid) {
+                    that.saveAndEditIndicatorData()
+                }
+            });
+        },
+        //新增/修改考评启动数据
+        saveAndEditIndicatorData() {
+            let that = this
+            let orgName = ''
+            this.departData.forEach(item =>{
+                if (item.id === that.ruleForm.department) {
+                    orgName = item.keyName
+                }
+            })
+            // let userMes = JSON.parse(window.sessionStorage.getItem('user'))
+            let params = {
+                deptId: that.ruleForm.department,
+                deptName: orgName,
+                annual: that.ruleForm.year,
+                jan: that.ruleForm.jan,
+                feb: that.ruleForm.feb,
+                mar: that.ruleForm.mar,
+                apr: that.ruleForm.apr,
+                may: that.ruleForm.may,
+                jun: that.ruleForm.jun,
+                jul: that.ruleForm.jul,
+                aug: that.ruleForm.aug,
+                sep: that.ruleForm.sep,
+                oct: that.ruleForm.oct,
+                nov: that.ruleForm.nov,
+                dece: that.ruleForm.dece,
+                acause: that.ruleForm.acause
+                // createBy: userMes.id,
+                // createName: userMes.name
+            }
+            if (that.isSave) {
+                params.id = that.evalradio.id
+            }
+            apiGetevaluationdeptratingsave(params).then(datas =>{
+                if (!datas.success) {
+                    that.$message({
+                        message: datas.message,
+                        type: 'error'
+                    });
+                } else {
+                    if (!that.isSave) {
+                        that.$message({
+                            message: '部门绩效考核评级新增成功',
+                            type: 'success'
+                        });
+                    } else {
+                        that.$message({
+                            message: '部门绩效考核评级修改成功',
+                            type: 'success'
+                        });
+                    }
+                    that.dialogVisible = false
+                    that.changeDateSelect = []
+                    that.getevaluRatingList()
+                }
+            })
+        },
+        getSeachData() {
+            this.page.currentPage = 1
+            this.getevaluRatingList()
+        },
+        resetSeach() {
+            this.page.currentPage = 1
+            this.resDeptName = ''
+            this.resAnnual = ''
+            this.getevaluRatingList()
+        },
+        handleSizeChange(val){
+            this.page.pagesize = val
+            this.getevaluRatingList()
+        },
+        handleCurrentChange(val){
+            this.page.currentPage =val
+            this.getevaluRatingList()
+        },
+        rowClick(selection, row) {
+            this.changeDateSelect = selection
+        },
+        handleAdd() {
+            this.dialogVisible = true
+            this.isSave = false
+            this.title = '新建部门绩效考核评级'
+            this.$nextTick(() =>{
+                this.$refs['ruleForm'].resetFields()
+                this.ruleForm = {
+                    department: '',
+                    year: '',
+                    jan: '',
+                    feb: '',
+                    mar: '',
+                    apr: '',
+                    may: '',
+                    jun: '',
+                    jul: '',
+                    aug: '',
+                    sep: '',
+                    oct: '',
+                    nov: '',
+                    dece: '',
+                    acause: ''
+                }
+            })
+        },
+        handleEdit() {
+            this.dialogVisible = true
+            this.isSave = true
+            this.title = '修改部门绩效考核评级'
+            this.evalradio = this.changeDateSelect[0]
+            this.ruleForm = {
+                department: this.evalradio.deptId,
+                year: this.evalradio.annual,
+                jan: this.evalradio.jan,
+                feb: this.evalradio.feb,
+                mar: this.evalradio.mar,
+                apr: this.evalradio.apr,
+                may: this.evalradio.may,
+                jun: this.evalradio.jun,
+                jul: this.evalradio.jul,
+                aug: this.evalradio.aug,
+                sep: this.evalradio.sep,
+                oct: this.evalradio.oct,
+                nov: this.evalradio.nov,
+                dece: this.evalradio.dece,
+                acause: this.evalradio.acause
+            }
+        },
+        //删除
+        handleDelete() {
+            this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                let that = this
+                let paramsArr = []
+                that.changeDateSelect.forEach(it =>{
+                    paramsArr.push(it.id)
+                })
+                apiPostevaluationdeptratingDelete(paramsArr.join(',')).then(datas =>{
+                    that.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    });
+                    that.getevaluRatingList()
+                    that.changeDateSelect = []
+                })
+            })
+        },  
+    }
+}
+</script>
+
+<style lang="less">
+.evaluationStart{
+    .evaluationStartBtn{
+        .collectSeach{
+            display: flex;
+            padding: 24px 20px;
+            border-bottom: 1px solid#D6DBEA;
+            .exceed{
+                display: flex;
+                .exceedSpan{
+                    width: 100px;
+                    height: 12px;
+                    font-size: 14px;
+                    font-family: Microsoft YaHei;
+                    font-weight: 400;
+                    color: #8991B0;
+                    line-height: 12px;
+                    margin-top: 14px;
+                }
+                .el-input{
+                    margin-right:10px;
+                    height: 40px;
+                    .el-input__inner{
+                        height:40px;
+                    }
+                    .el-input__suffix{
+                        .el-select__caret{
+                            line-height:30px;
+                        }
+                    }
+                }
+            }
+            .el-select{
+                margin-right:10px;
+                .el-input__inner{
+                    height:30px;
+                }
+                .el-input__suffix{
+                    .el-select__caret{
+                        line-height:30px;
+                    }
+                }
+            }
+        }
+        span{
+            font-size:14px;
+        }
+        .PeriodBtn{
+            display: flex;
+            justify-content: end;
+            padding: 20px 0;
+        }
+        .el-button{
+            height: 30px;
+            // width:100px;
+            padding: 0 20px ;
+            // padding-top: 8px;
+            span{
+                margin:0;
+            }
+        }
+        .evaluationStartTableData{
+            .el-table{
+                .el-table__body-wrapper{
+                    height: 60vh !important;
+                }
+                .el-input__inner{
+                    height: 30px !important;
+                }
+                .el-radio__label{
+                    display: none;
+                }
+                .tooltipCC{
+                    width: 300px;
+                    display: inline-block;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+                .tooltipCCDes{
+                    width: 200px;
+                    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;
+            }
+        }
+        .el-overlay{
+            .startToDia{
+                .el-dialog__body{
+                    padding: 30px 60px 30px 20px !important;
+                    .periodFrom{
+                        .el-select, .el-input{
+                            width: 100%;
+                        }
+                        .el-input{
+                            height: 30px;
+                        }
+                    }
+                    .flowSty{
+                        width: 100%;
+                        height: 70vh;
+                    }
+                }
+            }
+        }
+    }
+    
+}
+</style>

src/components/assessment/evaluationDeptStartPage.vue

@@ -276,14 +276,14 @@ export default {
         //新增/修改考评启动数据
         saveAndEditIndicatorData() {
             let that = this
-            // let userMes = JSON.parse(window.sessionStorage.getItem('user'))
+            let userMes = JSON.parse(window.sessionStorage.getItem('user'))
             let params = {
                 evaluationCategory: that.ruleForm.organizationType,
                 businessClass: that.ruleForm.evaluationCycle,
                 appraisalYear: that.ruleForm.year,
                 des: that.ruleForm.desc,
-                // createBy: userMes.id,
-                // createName: userMes.name
+                createBy: userMes.id,
+                createName: userMes.name
             }
             if (that.isSave) {
                 params.id = that.evalradio.id

src/components/evaluationSystem/evaluationDepartmentPage.vue

@@ -61,7 +61,7 @@
                         <el-col :span="8">
                             <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="DruleForm" :validate-on-rule-change="false">
                                 <el-form-item label="考评部门" prop="department">
-                                    <el-select v-model="ruleForm.department" placeholder="请选择所属部门">
+                                    <el-select v-model="ruleForm.department" placeholder="请选择所属部门" :disabled="isSave">
                                         <el-option
                                         v-for="item in departData"
                                         :key="item.id"
@@ -83,6 +83,7 @@
                                 <el-form-item label="年份" prop="year">
                                     <el-date-picker
                                         v-model="ruleForm.year"
+                                        :disabled="isSave"
                                         type="year"
                                         value-format="YYYY"
                                         placeholder="请选择年份"
@@ -586,7 +587,7 @@ export default {
                             
                             .DruleForm{
                                 padding: 20px 60px 20px 20px;
-                                .el-select, .el-input,{
+                                .el-select, .el-input{
                                     width: 100%;
                                 }
                                 .el-date-editor{

src/components/gatewaynNewPage.vue

@@ -0,0 +1,59 @@
+<template>
+    <div class="gatewayNewPage">
+        <el-row>
+            <el-col :span="18" class="quarter">
+                <div class="searchFn">
+                    <el-date-picker v-model="value3" type="year" placeholder="选择年份" />
+                    <div class="quarterChoose">
+                        <el-icon :size="20" color="#3B7AD1"><ArrowLeftBold /></el-icon>
+                        <span>第一季度</span>
+                        <el-icon :size="20" color="#3B7AD1"><ArrowRightBold /></el-icon>
+                    </div>
+                </div>
+                <div></div>
+            </el-col>
+            <el-col :span="6" class="report"></el-col>
+        </el-row>
+        
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="less">
+.gatewayNewPage{
+    height: 93vh;
+    width: 87vw;
+    background: #EDEFF5;
+    padding: 15px 20px;
+    .quarter{
+        background: #fff;
+        border-radius: 10px;
+        padding-right: 15px;
+        .searchFn{
+            height: 50px;
+            display: flex;
+            .el-date-editor--year{
+                
+            }
+            .quarterChoose{
+
+            }
+        }
+    }
+}
+</style>

src/router/index.js

@@ -30,7 +30,8 @@ const routes = [
                 },
                 component: () =>
                     import(
-                        '../components/gatewayPage.vue'
+                        // '../components/gatewayPage.vue'
+                        '../components/gatewaynNewPage.vue'
                     ),
             },
             {
@@ -118,6 +119,28 @@ const routes = [
                             ),
                     },
                     {
+                        path: '/assessment/evaluationDeptBusiness',
+                        name: 'evaluationDeptBusiness',
+                        meta: {
+                            title: '部门经营业绩考评',
+                        },
+                        component: () =>
+                            import(
+                                '../components/assessment/evaluationDeptBusinessPage.vue'
+                            ),
+                    },
+                    {
+                        path: '/assessment/evaluationDeptRating',
+                        name: 'evaluationDeptRating',
+                        meta: {
+                            title: '部门绩效考核评级',
+                        },
+                        component: () =>
+                            import(
+                                '../components/assessment/evaluationDeptRatingPage.vue'
+                            ),
+                    },
+                    {
                         path: '/assessment/evaluationReport',
                         name: 'evaluationReport',
                         meta: {