单位目标考评修订详情页面新增选择单位后修订功能，增加流程（任务中心增加单位考评目标修订详情页面）；

src/api/api.js

@@ -160,6 +160,14 @@ export function apiGetHeaderDeptResponsibility(params) {
     })
 }
 
+//----------任务处理-获取考评修订头部详情
+export function apiGetHeaderdetailsHead(params) {
+    return httpRequest({
+        url: `evaluation-revision/detailsHead/${params.id}`,
+        method: 'get'
+    })
+}
+
 
 //----------任务处理-获取考评启动详情
 export function apiGettaskmothAyearDetail(params) {
@@ -358,6 +366,20 @@ export function apideptAdState(params) {
         params: params
     })
 }
+
+//----"单位考评目标修订-保存or修改"
+export function apiGetevaluatiorevisionSave(params) {
+    return httpRequest.post('evaluation-revision/save', params)
+}
+//----"单位考评目标修订-删除"
+export function apiPostevaluationrevisionDelete(params) {
+    return httpRequest({
+        url: `evaluation-revision/removeAll/${params}`,
+        method: 'post'
+    })
+}
+
+
 //  获取审批人
 export function apiGetobtainApprovalLeader(params) {
     return httpRequest({
@@ -443,6 +465,10 @@ export function apiGetevaluationrevisionPopUpData(params) {
         params: params
     })
 }
+//单位考评目标修订 ---修订---选择单位保存
+export function apiGetevaluationrevisionsave(params) {
+    return httpRequest.post('evaluation-revision/save', params)
+}
 
 
 
@@ -874,7 +900,13 @@ export function apiGetgetevaluationrevisiondetails(params) {
         params: params
     })
 }
-
+//单位目标修订详情-----获取修订得单位数据
+export function apiGetgetevaluationrevisiongetUnitAll() {
+    return httpRequest({
+        url: 'evaluation-revision/getUnitAll',
+        method: 'get'
+    })
+}
 
 
 //单位月季年详情-----根据属性和阶段获取--获取指标名---表格头
@@ -906,7 +938,7 @@ export function apiPostupdateResponsibilityInfo(params) {
 
 //单位目标修订详情-----修改
 export function apiPostupdateevaluationrevisionInfo(params) {
-    return httpRequest.post('responsibility-indicator-info/updateResponsibilityInfo', params)
+    return httpRequest.post('evaluation-revision/updateDetails', params)
 }
 
 //单位月季年详情-----新增

src/components/assessment/evaluationAmendmentNewFrom.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="evaluationAmendmentFrom">
-        <el-dialog title="考评目标详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
+        <el-dialog title="考评修订详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false" @close="closeDialogVisible">
             <div class="startDetail">
                 <p class="starttitleSty">单据信息：</p>
                 <el-row class="danjuMsg">
@@ -52,18 +52,7 @@
                                 <div class="headerRight">
                                     <div class="seachFor">
                                         <el-input v-model="compNameSa" placeholder="请输入单位名称" @keyup.enter="getTableData(addstageId)"></el-input>
-                                        <!-- <el-icon :size="20" color="#3B7AD1" @click="getTableData(isClickTagId)"><Search /></el-icon> -->
                                     </div>
-                                    <!-- <div class="tableBtn add" @click="addTableDetail"
-                                     v-if="activeName === 'ZDZX' || activeName === 'GLSX'">
-                                        <img :src="addIcon" alt="">
-                                        <span>新增</span>
-                                    </div>
-                                    <div class="tableBtn save" @click="saveAddDetail"
-                                    v-if="activeName === 'ZDZX' || activeName === 'GLSX'">
-                                        <img :src="saveIcon" alt="">
-                                        <span>保存</span>
-                                    </div> -->
                                     <div class="tableBtn add" @click="amendmentDetail" v-if="receiptMsg.stage === '流程未启动'">
                                         <img :src="addIcon" alt="">
                                         <span>修订</span>
@@ -196,25 +185,25 @@
             </div>
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button type="primary" @click="dialogVisible = false">取 消</el-button>
+                    <el-button type="primary" @click="closeDialogVisible">取 消</el-button>
                 </span>
             </template>
         </el-dialog>
-        <el-dialog title="修订数据" v-model="revisionVisible" :fullscreen="true" :close-on-click-modal="false">
-            <div class="revisionSty">
-                <el-table :data="revisionData" style="width: 100%" @select="revisionClick" @select-all="revisionClick">
-                    <el-table-column type="selection" label="操作" align="center"></el-table-column>
-                    <el-table-column label="单位名称" prop="organizationName" />
-                    <el-table-column label="指标分类" prop="typeName" />
-                    <el-table-column label="业务阶段" prop="stageName" />
-                    <el-table-column label="业务属性" prop="sectionName" />
-                    <el-table-column label="指标名称" prop="indicatorName" />
-                    <el-table-column label="填报部门" prop="deptName" />
-                    <el-table-column label="目标值" prop="quantifiedValue" v-if="activeName === 'first'" />
-                    <el-table-column label="值" prop="nonquantifiedValue" v-if="activeName !== 'first'" />
-                    <el-table-column label="单位" prop="unit"  v-if="activeName === 'first'" />
-                    <el-table-column label="审核状态" prop="state" />
-                </el-table>
+        <el-dialog title="修订数据" v-model="revisionVisible" width="600px" :close-on-click-modal="false">
+            <div class="periodFrom">
+                <el-form :model="revisionForm" :rules="revisionRules" ref="ruleForm" label-width="100px" class="demo-ruleForm" :validate-on-rule-change="false">
+                    <el-form-item label="考评单位" prop="organizationName">
+                        <el-select v-model="revisionForm.organizationName" filterable  multiple
+                         placeholder="请选择考评单位" >
+                            <el-option
+                            v-for="item in organizationArr"
+                            :key="item.organizationId"
+                            :label="item.organizationShortName"
+                            :value="item.organizationId">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-form>
             </div>
             <template #footer>
                 <span class="dialog-footer">
@@ -228,8 +217,8 @@
 
 <script>
 import importDailog from '../importPage/importDailog.vue'
-import {apiGetgetevaluationrevisiondetails,apiGetbinsectionList, apiGetbinstageList,apiGetExportMsg,
-apiPostupdateevaluationrevisionInfo, apiPostorganizationUpdateAddEvaluationInfo, apiGetevaluationrevisionPopUpData} from '../../api/api'
+import {apiGetgetevaluationrevisiondetails,apiGetbinsectionList, apiGetbinstageList,apiGetExportMsg,apiGetevaluationrevisionsave,
+apiPostupdateevaluationrevisionInfo, apiPostorganizationUpdateAddEvaluationInfo, apiGetgetevaluationrevisiongetUnitAll} from '../../api/api'
 import * as XLSX from 'xlsx'
 import { saveAs } from 'file-saver'
 import  * as XLSXD from 'xlsx-js-style'
@@ -267,6 +256,15 @@ export default {
                 year: '',
                 recStage: ''
             },
+            revisionForm: {
+                organizationName: []
+            },
+            revisionRules: {
+                organizationName: [
+                    { required: true, message: '请选择单位', trigger: 'change' }
+                ]
+            },
+            organizationArr: [],
             rowMsg: {},
             moduleData: [],
             stageData: [],
@@ -302,7 +300,7 @@ export default {
         init(row) {
             this.dialogVisible = true
             this.receiptMsg = {
-                code: row.organizationEvaluationCode,
+                code: row.responsibilityCode,
                 des: row.des,
                 stage: row.stage,
                 createName: row.createName,
@@ -314,6 +312,7 @@ export default {
             
             this.userMes = JSON.parse(window.sessionStorage.getItem('user'))
             this.getModelData()
+            this.getEvaluationUnit()
             this.rowMsg = row
         },
         sortMethods(a, b, it) {
@@ -321,6 +320,15 @@ export default {
                 return -1
             }
         },
+        // 获取修订得考评单位
+        getEvaluationUnit() {
+            let that = this
+            apiGetgetevaluationrevisiongetUnitAll().then(datas =>{
+                if (datas && datas.data) {
+                    that.organizationArr = datas.data
+                }
+            })
+        },
         // 获取业务属性
         getModelData() {
             let that = this
@@ -382,7 +390,7 @@ export default {
         getTableData(id) {
             let that = this
             let params = {
-                responsibilityId: that.rowMsg.id,
+                reviseId: that.rowMsg.id,
                 binSection: that.binSectionStr,
                 binStage: id,
                 organizationShortName: that.compNameSa
@@ -423,23 +431,36 @@ export default {
         },
         // 修订数据
         amendmentDetail() {
+            this.revisionVisible = true
+        },
+        revisionClick(selection, row) {
+            this.revisioDataSelect = selection
+        },
+        revisionOk() {
             let that = this
-            that.revisionVisible = true
-            that.revisionData = []
+            let orgNames = []
+            that.organizationArr.forEach(it =>{
+                that.revisionForm.organizationName.forEach(iv =>{
+                    if (iv === it.organizationId) {
+                        orgNames.push(it.organizationShortName)
+                    }
+                })
+            })
             let params = {
-                id: that.rowMsg.id
+                id: that.rowMsg.id,
+                organizationId: that.revisionForm.organizationName.join(','),
+                organizationName: orgNames.join(',')
             }
-            apiGetevaluationrevisionPopUpData(params).then(datas =>{
-                if (datas && datas.data) {
-                    that.revisionData = datas.data
+            apiGetevaluationrevisionsave(params).then(datas =>{
+                if (datas) {
+                    that.revisionVisible = false
+                    that.getTableData(that.addstageId)
                 }
             })
         },
-        revisionClick(selection, row) {
-            this.revisioDataSelect = selection
-        },
-        revisionOk() {
-            this.revisionVisible = false
+        closeDialogVisible() {
+            this.dialogVisible = false
+            this.revisionForm.organizationName = []
         },
         addTableDetail() {
             console.log('表头数据11====>>>>>>>', this.monthQuarterYearHeader)
@@ -802,6 +823,12 @@ export default {
                         }
                     }
                 }
+                .periodFrom{
+                    margin-top: 15px;
+                    .el-select, .el-input{
+                        width: 100%;
+                    }
+                }
             }
             .el-dialog__footer{
                 .dialog-footer{

src/components/assessment/evaluationAmendmentPage.vue

@@ -17,8 +17,8 @@
                 :showImport="false"
                 :showExport="false"
                 :showSave="false"
-                :showAdd="false"
-                :showDelete="false"
+                :showAdd="true"
+                :showDelete="true"
                 :disDelete="changeDateSelect.length === 0"
                 :disImport="true"
                 :disExport="true"
@@ -62,13 +62,6 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <!-- <el-table-column label="业务类别">
-                        <template #default="scope">
-                            <span v-if="scope.row.checkCycle === 'YDKP'" style="font-size: 12px;">月度考评</span>
-                            <span v-else-if="scope.row.checkCycle === 'JDKP'" style="font-size: 12px;">季度考评</span>
-                            <span v-else style="font-size: 12px;">年度考评</span>
-                        </template>
-                    </el-table-column> -->
                     <el-table-column label="流程状态" prop="stage" width="200">
                         <template #default="scope">
                             <p class="indicitem" @click="seeStates(scope.row)">{{scope.row.stage}}</p>
@@ -96,7 +89,8 @@
                 <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="organizationType">
-                            <el-select v-model="ruleForm.organizationType" placeholder="请选择考评类别" @change="(val)=>chooseRule(val,'类别')">
+                            <el-select v-model="ruleForm.organizationType" placeholder="请选择考评类别"
+                            disabled>
                                 <el-option
                                 v-for="item in organizationType"
                                 :key="item.code"
@@ -106,7 +100,8 @@
                             </el-select>
                         </el-form-item>                            
                         <el-form-item label="考评周期" prop="evaluationCycle">
-                            <el-select v-model="ruleForm.evaluationCycle" placeholder="请选择考评周期" disabled @change="(val)=>chooseRule(val,'周期')">
+                            <el-select v-model="ruleForm.evaluationCycle" placeholder="请选择考评周期"
+                             disabled>
                                 <el-option
                                 v-for="item in periodData"
                                 :key="item.keyValue"
@@ -116,27 +111,15 @@
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <!-- <el-form-item label="考评规则" prop="evaluateRule">
-                            <el-select v-model="ruleForm.evaluateRule"  placeholder="请选择考评规则">
-                                <el-option
-                                v-for="item in ruleDataAll"
-                                :key="item.id"
-                                :label="item.evaluateRuleName"
-                                :value="item.id">
-                                </el-option>
-                            </el-select>
-                        </el-form-item> -->
                         <el-form-item label="年份" prop="year">
                             <el-date-picker
                                 v-model="ruleForm.year"
+                                disabled
                                 type="year"
                                 value-format="YYYY"
                                 placeholder="请选择年份"
                                 />
                         </el-form-item>
-                        <el-form-item label="月份" v-if="!isShowYear">
-                            <el-input-number v-model="ruleForm.month" :min="1" :max="12" />
-                        </el-form-item>
                         <el-form-item label="描述" prop="desc">
                             <el-input v-model="ruleForm.desc" :rows="5" type="textarea" placeholder="请输入描述"></el-input>
                         </el-form-item>
@@ -187,8 +170,8 @@
 import startFromList from './evaluationAmendmentNewFrom.vue'
 import btns from '../elbuttonS.vue'
 import seachs from '../seachGroup.vue'
-import {apiGetevaluationrevisionList, apiGetdeptresponsibilitySave,apiGetdoAction,apiGetworkflowgetOpinion,apievaluationrevisiontargetStart,
-apiGetdeptresponsibilitygenerate, apiGetdatadictionaryList, apiPostresponsiDelete} from '../../api/api'
+import {apiGetevaluationrevisionList, apiGetevaluatiorevisionSave,apiGetdoAction,apiGetworkflowgetOpinion,apievaluationrevisiontargetStart,
+apiGetdeptresponsibilitygenerate, apiGetdatadictionaryList, apiPostevaluationrevisionDelete} from '../../api/api'
 export default {
     components: {
         startFromList,
@@ -213,24 +196,10 @@ export default {
             ruleForm: {
                 organizationType: '',
                 evaluationCycle: '',
-                evaluateRule: '',
                 year: '',
-                month: 0,
                 desc: ''
             },
             rules: {
-                organizationType: [
-                    { required: true, message: '请选择考评类别', trigger: 'change' }
-                ],
-                evaluationCycle: [
-                    { required: true, message: '请选择考评周期', trigger: 'blur' }
-                ],
-                evaluateRule: [
-                    { required: true, message: '请选择考评规则', trigger: 'change' }
-                ],
-                year: [
-                    { required: true, message: '请选择年份', trigger: 'change' }
-                ],
                 desc: [
                     { required: true, message: '请输入描述', trigger: 'blur' }
                 ]
@@ -238,7 +207,6 @@ export default {
             organizationType: [],
             periodData: [],
             ruleDataAll: [],
-            isShowYear: true,
             rescode: '',
             resDes: '',
             stageArr: [],
@@ -290,15 +258,6 @@ export default {
                 }
             })
         },
-        chooseRule(val, type) {
-            if (type === '周期') {
-                if (val === 'YDKP' || val === 'JDKP') {
-                    this.isShowYear = false
-                } else {
-                    this.isShowYear = true
-                }
-            }
-        },
         modifyDesFn(row) {
             let that = this
             apiGetdeptresponsibilitySave(row).then(datas =>{
@@ -327,25 +286,21 @@ export default {
         //新增/修改考评启动数据
         saveAndEditIndicatorData() {
             let that = this
-            let userMes = JSON.parse(window.sessionStorage.getItem('user'))
+            // let userMes = JSON.parse(window.sessionStorage.getItem('user'))
             let params = {
                 organizationType: that.ruleForm.organizationType,
                 checkCycle: that.ruleForm.evaluationCycle,
-                // organizationEvaluationRuleId: that.ruleForm.evaluateRule,
                 year: that.ruleForm.year,
                 des: that.ruleForm.desc,
-                createOrgId: userMes.unitId,
-                createOrgName: userMes.unitName,
-                createBy: userMes.id,
-                createName: userMes.name
+                // createOrgId: userMes.unitId,
+                // createOrgName: userMes.unitName,
+                // createBy: userMes.id,
+                // createName: userMes.name
             }
             if (that.isSave) {
                 params.id = this.evalradio.id
             }
-            if (!that.isShowYear) {
-                params.month = that.ruleForm.month
-            }
-            apiGetdeptresponsibilitySave(params).then(datas =>{
+            apiGetevaluatiorevisionSave(params).then(datas =>{
                 if (!datas.success) {
                     that.$message({
                         message: datas.message,
@@ -529,11 +484,9 @@ export default {
             this.$nextTick(() =>{
                 this.$refs['ruleForm'].resetFields()
                 this.ruleForm = {
-                    organizationType: '',
+                    organizationType: 'DWKP',
                     evaluationCycle: 'NDKP',
-                    // evaluateRule: '',
-                    year: '',
-                    month: 0,
+                    year: new Date().getFullYear().toString(),
                     desc: ''
                 }
             })
@@ -550,7 +503,7 @@ export default {
                 that.changeDateSelect.forEach(it =>{
                     paramsArr.push(it.id)
                 })
-                apiPostresponsiDelete(paramsArr.join(',')).then(datas =>{
+                apiPostevaluationrevisionDelete(paramsArr.join(',')).then(datas =>{
                     that.$message({
                         type: 'success',
                         message: '删除成功!'

src/components/assessment/evaluationStartNewFrom.vue

@@ -275,7 +275,7 @@ export default {
         init(row) {
             this.dialogVisible = true
             this.receiptMsg = {
-                code: row.organizationEvaluationCode,
+                code: row.responsibilityCode,
                 des: row.des,
                 stage: row.stage,
                 createName: row.createName,

src/components/assessment/monthQuarterYearFrom.vue

@@ -127,7 +127,7 @@
                                                     </el-option>
                                                 </el-select>
                                                 <span class="indicitem" v-if="iv.code === 'operation'" @click="changeDetail(scope.row)">详情</span>
-                                                <span class="inputSty" v-else>{{scope.row[iv.code]}}</span>
+                                                <span class="inputSty" v-else-if="iv.code!=='operation' && scope.row['IS_LH_'+iv.code] !== '3'">{{scope.row[iv.code]}}</span>
                                             </template>
                                         </template>
                                     </el-table-column>

src/components/taskCenter/taskApplicationFrom.vue

@@ -490,9 +490,27 @@ export default {
             })
         },
         employeeNoInputBlur(val, row) {
-            this.deptLeaderOptionDet.forEach(it =>{
-                if (val === it.no) {
-                    row.employeeId = it.id
+            row.employeeId = ''
+            // this.deptLeaderOptionDet.forEach(it =>{
+            //     if (val === it.no) {
+            //         row.employeeId = it.id
+            //     }
+            // })
+            this.changeDeptLead(val, row)
+        },
+        // 根据部门查询人员
+        changeDeptLead(val, row) {
+            let that = this
+            let params = {
+                current: 1,
+                size: 500,
+                no: val
+            }
+            apiGetuserPageList(params).then(datas =>{
+                if (datas && datas.data) {
+                    // that.deptLeaderOptionDet = datas.data.records
+                    row.employeeName = datas.data.records[0].name
+                    row.employeeId = datas.data.records[0].id
                 }
             })
         },

src/components/taskCenter/taskCenterEvlNewFrom.vue

@@ -126,7 +126,7 @@
                                                     </el-option>
                                                 </el-select>
                                                 <span class="indicitem" v-if="iv.code === 'operation'" @click="changeDetail(scope.row)">详情</span>
-                                                <span class="inputSty" v-else>{{scope.row[iv.code]}}</span>
+                                                <span class="inputSty"  v-else-if="iv.code!=='operation' && scope.row['IS_LH_'+iv.code] !== '3'">{{scope.row[iv.code]}}</span>
                                             </template>
                                         </template>
                                     </el-table-column>

src/components/taskCenter/taskCenterPage.vue

@@ -57,6 +57,7 @@
             </el-dialog>
         </div>
         <task-evaluation-start ref="taskEvaluationStart"></task-evaluation-start>
+        <task-evaluation-amendment-from ref="taskEvaluationAmendmentFrom"></task-evaluation-amendment-from>
         <task-center-evl ref="taskCenterEvl" @approveMsg="approveMsg"></task-center-evl>
         <task-center-dept-evl ref="taskCenterdeptEvl" @approveMsg="approveMsg"></task-center-dept-evl>
         <task-center-dept-business-evl ref="taskCenterdeptbusinessEvl" @approveMsg="approveMsg"></task-center-dept-business-evl>
@@ -69,6 +70,7 @@
 import {apiPostTodoTaskList, apiPostgetInstanceAndChildren} from '../../api/api'
 import taskUnitRatingFrom from './taskUnitRatingFrom.vue'
 import taskEvaluationStart from './taskEvaluationStart.vue'
+import taskEvaluationAmendmentFrom from './taskEvaluationAmendmentFrom.vue'
 import taskCenterEvl from './taskCenterEvlNewFrom.vue'
 import taskCenterDeptEvl from './taskCenterDeptStartFrom.vue'
 import taskCenterDeptBusinessEvl from './taskCenterDeptBusinessFrom.vue'
@@ -76,6 +78,7 @@ import taskApplicationFrom from './taskApplicationFrom.vue'
 export default {
     components: {
         taskEvaluationStart,
+        taskEvaluationAmendmentFrom,
         taskCenterEvl,
         taskCenterDeptEvl,
         taskCenterDeptBusinessEvl,
@@ -146,8 +149,10 @@ export default {
                         that.$refs.taskApplicationFrom.init(row, keyId, allData)
                     } else if(taskDefKey === 'yddwkplc' || taskDefKey === 'jddwkplc' || taskDefKey === 'nddwkplc') {
                         that.$refs.taskCenterEvl.init(row, allData)
-                    } else if (taskDefKey === 'dwkpmbqd' || taskDefKey === 'dwkpmbxd') {
+                    } else if (taskDefKey === 'dwkpmbqd') {
                         that.$refs.taskEvaluationStart.init(row, allData)
+                    } else if (taskDefKey === 'dwkpmbxd') {
+                        that.$refs.taskEvaluationAmendmentFrom.init(row, keyId, allData)
                     } else if (taskDefKey === 'nddwpj') {
                         that.$refs.taskUnitRating.init(row, keyId, allData)
                     }

src/components/taskCenter/taskEvaluationAmendmentFrom.vue

@@ -0,0 +1,837 @@
+<template>
+    <div class="evaluationAmendmentFrom">
+        <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.createDate}}</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.type}}</span>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">流程状态:</span>
+                            <span>{{receiptMsg.stage}}</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.createName}}</span>
+                        </div>
+                        <div class="danjuMsg_data">
+                            <span class="data_tit">单据状态:</span>
+                            <span>{{receiptMsg.recStage}}</span>
+                        </div>
+                    </el-col>
+                </el-row>
+                <div class="monthQuarterYear">
+                    <el-tabs v-model="activeName" class="tableMain" @tab-click="handleClick">
+                        <el-tab-pane v-for="it in stageData" :key="it.id" :label="it.stageName" :name="it.stageCode">
+                            <div class="detailsHeader">
+                                <div class="headerRight">
+                                    <div class="seachFor">
+                                        <el-input v-model="compNameSa" placeholder="请输入单位名称" @keyup.enter="getTableData(addstageId)"></el-input>
+                                    </div>
+                                    <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-table :data="monthQuarterYearData" style="width: 100%" ref="monthQuarterYearTT"
+                             :border="true" v-if="binSectionCode === 'QQ' && activeName ==='QQXM'">
+                                <el-table-column type="index" label="排名" align="center"></el-table-column>
+                                <el-table-column label="考评单位" prop="organizationShortName" width="300" />
+                                <el-table-column label="发展绩效" align="center">
+                                    <el-table-column label="新能源发展" align="center" >
+                                        <el-table-column label="核准(备案)目标容量" prop="XNYFZ_HZ" align="center" >
+                                            <template #default="scope">
+                                                <el-input-number v-model="scope.row[XNYFZ_HZ]" :precision="2" :step="0.1" />
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="投资决策目标容量" align="center"  >
+                                            <el-table-column label="合计" prop="XNYFZ_HJ" align="center" >
+                                                <template #default="scope">
+                                                    <el-input-number v-model="scope.row[XNYFZ_HJ]" :precision="2" :step="0.1" />
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="已核准(备案)" prop="XNYFZ_YHZ" align="center" >
+                                                <template #default="scope">
+                                                    <el-input-number v-model="scope.row[XNYFZ_YHZ]" :precision="2" :step="0.1" />
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="待核准(备案)" align="center" >
+                                                <el-table-column label="已获取" prop="XNYFZ_YHQ" align="center" >
+                                                    <template #default="scope">
+                                                        <el-input-number v-model="scope.row[XNYFZ_YHQ]" :precision="2" :step="0.1" />
+                                                    </template>
+                                                </el-table-column>
+                                                <el-table-column label="待获取" prop="XNYFZ_DHQ" align="center" >
+                                                    <template #default="scope">
+                                                        <el-input-number v-model="scope.row[XNYFZ_DHQ]" :precision="2" :step="0.1" />
+                                                    </template>
+                                                </el-table-column>
+                                            </el-table-column>
+                                        </el-table-column>
+                                    </el-table-column>
+                                    <el-table-column label="常规能源发展" align="center" >
+                                        <el-table-column label="核准(备案)目标容量" prop="CGNYFZ_HZ" align="center" >
+                                            <template #default="scope">
+                                                <el-input-number v-model="scope.row[CGNYFZ_HZ]" :precision="2" :step="0.1" />
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="投资决策目标容量" align="center" >
+                                            <el-table-column label="已核准(备案)" prop="CGNYFZ_YHZ" align="center" >
+                                                <template #default="scope">
+                                                    <el-input-number v-model="scope.row[CGNYFZ_YHZ]" :precision="2" :step="0.1" />
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="待核准(备案)" prop="CGNYFZ_DHZ" align="center" >
+                                                <template #default="scope">
+                                                    <el-input-number v-model="scope.row[CGNYFZ_DHZ]" :precision="2" :step="0.1" />
+                                                </template>
+                                            </el-table-column>
+                                        </el-table-column>
+                                        <el-table-column label="火电水电项目阶段性工作目标" prop="CGNYFZ_JDGZ" align="center" >
+                                            <template #default="scope">
+                                                <el-input v-model="scope.row[CGNYFZ_JDGZ]" :rows="2" type="textarea"></el-input>
+                                            </template>
+                                        </el-table-column>
+                                    </el-table-column>
+                                    <el-table-column label="战略新兴产业发展" prop="ZLXXCY_FZ" align="center" >
+                                        <template #default="scope">
+                                            <el-input v-model="scope.row[ZLXXCY_FZ]" :rows="2" type="textarea"></el-input>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column label="投资计划" align="center" >
+                                        <el-table-column label="基建投资" prop="TZJH_JJTZ" align="center" >
+                                            <template #default="scope">
+                                                <el-input v-model="scope.row[TZJH_JJTZ]" :rows="2" type="textarea"></el-input>
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="非基建投资" prop="TZJH_FJJTZ" align="center" >
+                                            <template #default="scope">
+                                                <el-input v-model="scope.row[TZJH_FJJTZ]" :rows="2" type="textarea"></el-input>
+                                            </template>
+                                        </el-table-column>
+                                    </el-table-column>
+                                </el-table-column>
+                            </el-table>
+                            <el-table :data="monthQuarterYearData" style="width: 100%" ref="monthQuarterYearTT" :border="true" v-else>
+                                <el-table-column type="index" label="排名" align="center"></el-table-column>
+                                <el-table-column label="考评单位" prop="organizationShortName" width="300" />
+                                <el-table-column  v-for="(it, index) in monthQuarterYearHeader" :key="index" :label="it.name" align="center">
+                                    <el-table-column v-for="(iv, index) in it.children" :key="index" :label="iv.key"
+                                     align="center" width="150" sortable :sort-method="(a,b)=>sortMethods(a,b,iv.code)">
+                                        <template #default="scope">
+                                            <el-select v-model="scope.row[iv.code]" placeholder="请选择审核状态" v-if="scope.row['IS_LH_'+iv.code] === '3'">
+                                                <el-option
+                                                v-for="item in statusData"
+                                                :key="item.id"
+                                                :label="item.name"
+                                                :value="item.id">
+                                                </el-option>
+                                            </el-select>
+                                            <el-input v-model="scope.row[iv.code]" v-else-if="scope.row['IS_LH_'+iv.code] === '2'"></el-input>
+                                            <el-input-number v-model="scope.row[iv.code]" :precision="2" :step="0.1" v-else />
+                                        </template>
+                                    </el-table-column>
+                                </el-table-column>
+                            </el-table>
+                        </el-tab-pane>
+                    </el-tabs>
+                    <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>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" @click="examineAndApprove('agree')">同 意</el-button>
+                    <el-button @click="examineAndApprove('reject')">拒 绝</el-button>
+                </span>
+            </template>
+        </el-dialog>
+        <import-dailog ref="importPage" @successImport="successImport"></import-dailog>
+    </div>
+</template>
+
+<script>
+import importDailog from '../importPage/importDailog.vue'
+import {apiGetgetevaluationrevisiondetails,apiGetbinsectionList, apiGetbinstageList,apiGetExportMsg,
+apiPostupdateevaluationrevisionInfo, apiPostorganizationUpdateAddEvaluationInfo,
+apiGetHeaderdetailsHead, apiPostIsdoAction} from '../../api/api'
+import * as XLSX from 'xlsx'
+import { saveAs } from 'file-saver'
+import  * as XLSXD from 'xlsx-js-style'
+
+import sectionDef from '../../assets/benchmarkImg/sectionDef.png'
+
+import sectionCha from '../../assets/benchmarkImg/sectionCha.png'
+
+import addIcon from '../../assets/btnIcon/add.png'
+import saveIcon from '../../assets/btnIcon/save.png'
+import exportIcon from '../../assets/btnIcon/export.png'
+import importIcon from '../../assets/btnIcon/import.png'
+
+export default {
+    components: {
+        importDailog
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            revisionVisible: false,
+            revisionData: [],
+            activeName: '',
+            monthQuarterYearData: [],
+            monthQuarterYearHeader: [],
+            isClickTagId: '',
+            compNameSa: '',
+            descMsg: '',
+            receiptMsg: {
+                code: '',
+                des: '',
+                stage: '',
+                createName: '',
+                createDate: '',
+                type: '',
+                year: '',
+                recStage: ''
+            },
+            rowMsg: {},
+            moduleData: [],
+            stageData: [],
+            titleMsgArr: [],
+            statusData: [],
+            binSectionStr: '',
+            binSectionCode: '',
+            addIcon: addIcon,
+            saveIcon: saveIcon,
+            exportIcon: exportIcon,
+            importIcon: importIcon,
+            addstageId: '',
+            instanceChild: {},
+            rowkeyId: '',
+            userMes: {}
+        }
+    },
+    created() {
+        this.statusData = [
+            {
+                name: '已确认',
+                id: '1'
+            },
+            {
+                name: '待确认',
+                id: '0'
+            },
+            {
+                name: '不合格',
+                id: '-1'
+            }
+        ]
+    },
+    methods: {
+        init(row, keyId, allData) {
+            this.dialogVisible = true
+            this.userMes = JSON.parse(window.sessionStorage.getItem('user'))
+            this.getevalHeaderDetails(keyId)
+            this.getModelData()
+            this.rowMsg = row
+            this.rowkeyId = keyId
+            this.instanceChild = allData
+        },
+        //获取头部详情
+        getevalHeaderDetails(id) {
+            let that = this
+            let params = {
+                id: id
+            }
+            apiGetHeaderdetailsHead(params).then(datas =>{
+                if (datas && datas.data) {
+                    let item = datas.data
+                    that.receiptMsg = {
+                        code: item.responsibilityCode,
+                        des: item.des,
+                        stage: item.stage,
+                        createName: item.createName,
+                        createDate: item.createTime,
+                        type: item.checkCycle === 'YDKP'?'月度考评':item.checkCycle === 'JDKP'?'季度考评':'年度考评',
+                        year: item.year,
+                        recStage: '有效'
+                    }
+                }
+            })
+        },
+        sortMethods(a, b, it) {
+            if (a[it] < b[it]) {
+                return -1
+            }
+        },
+        // 获取业务属性
+        getModelData() {
+            let that = this
+            that.titleMsgArr = []
+            let params = {
+                type: '3'
+            }
+            apiGetbinsectionList(params).then(datas =>{
+                if (datas && datas.data) {
+                    that.moduleData = datas.data
+                    that.moduleData.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.binSectionStr = that.titleMsgArr[0].id
+                    that.binSectionCode = that.titleMsgArr[0].isNameEn
+                    that.getStageData()
+                }
+            })
+        },
+        //根据业务属性获取业务阶段
+        getStageData() {
+            let that = this
+            let params = {
+                type: '2'
+            }
+            apiGetbinstageList(params).then(datas =>{
+                if (datas && datas.data) {
+                    that.stageData = datas.data
+                    that.activeName = datas.data[0].stageCode
+                    that.addstageId = datas.data[0].id
+                    that.getTableData(datas.data[0].id)
+                }
+            })
+        },
+        handleClick(val) {
+            let stageId = ''
+            this.activeName = val.props.name
+            console.log('activeName', this.activeName)
+            this.stageData.forEach(it =>{
+                if (it.stageCode === val.props.name) {
+                    stageId = it.id
+                    this.addstageId = it.id
+                }
+            })
+            this.getTableData(stageId)
+        },
+        //获取表格数据
+        getTableData(id) {
+            let that = this
+            let params = {
+                reviseId: that.rowMsg.id,
+                binSection: that.binSectionStr,
+                binStage: id,
+                organizationShortName: that.compNameSa
+            }
+            apiGetgetevaluationrevisiondetails(params).then(datas =>{
+                if (datas && datas.data) {
+                    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)
+                        }
+                        that.monthQuarterYearHeader = header
+                    }
+                    that.monthQuarterYearData = datas.data.value
+                }
+            })
+        },
+        changType(data) {
+            this.titleMsgArr.forEach(it =>{
+                it.showClick = false
+                if (it.isName === data.isName) {
+                    it.showClick = true
+                    this.binSectionStr = it.id
+                    this.binSectionCode = data.isNameEn
+                }
+            })
+            let stageId = ''
+            this.stageData.forEach(it =>{
+                if (it.stageCode === this.activeName) {
+                    stageId = it.id
+                }
+            })
+            this.getTableData(stageId)
+        },
+        addTableDetail() {
+            console.log('表头数据11====>>>>>>>', this.monthQuarterYearHeader)
+            if (this.monthQuarterYearHeader.length>0) {
+                let headerArr = []
+                this.monthQuarterYearHeader.forEach(item =>{
+                    headerArr = headerArr.concat(item.children)
+                })
+
+                console.log('表头数据22====>>>>>>>', headerArr)
+                this.addstageId = ''
+                this.stageData.forEach(it =>{
+                    if (it.stageCode === this.activeName) {
+                        this.addstageId = it.id
+                    }
+                })
+
+                let obj = {
+                    isAdd: true,
+                    
+                }
+                headerArr.forEach(it =>{
+                    obj[it.code] = ''
+                    obj['IS_LH_'+it.code] = it.flag
+                })
+                this.monthQuarterYearData.unshift(obj)
+            }
+            console.log('表格数据====>>>>>>>', this.monthQuarterYearData)
+        },
+        saveAddDetail() {
+            let that = this
+            let addParams = []
+            let saveParams = []
+            let addObj = {
+                organizationId: that.userMes.unitId,
+                // organizationId: "23079300",
+                organizationEvaluationId: that.rowMsg.id,
+                indicatorId: that.isClickTagId,
+                binSection: that.binSectionStr,
+                binStage: that.addstageId,
+                optionMap: {}
+            }
+            that.monthQuarterYearData.forEach(it =>{
+                if (it.isAdd) {
+                    addObj.optionMap = it
+                    addParams.push(addObj)
+                } else {
+                    saveParams.push(it)
+                }
+            })
+            if (addParams.length > 0) {
+                apiPostorganizationUpdateAddEvaluationInfo(addParams).then(datas =>{
+                    if (datas) {
+                        that.responseData(datas)
+                    }
+                })
+            }
+            if (saveParams.length > 0) {
+                apiPostupdateevaluationrevisionInfo(saveParams).then(datas =>{
+                    if (datas) {
+                        that.responseData(datas)
+                    }
+                })
+            }
+        },
+        // 返回数据
+        responseData(datas) {
+            if (datas.message === '成功') {
+                this.$message({
+                    message: '考评目标详情信息保存成功',
+                    type: 'success'
+                });
+            } else {
+                this.$message({
+                    message: datas.message,
+                    type: 'error'
+                });
+            }
+            this.getTableData(this.addstageId)
+        },
+        saveDetail() {
+            let that = this
+            apiPostupdateevaluationrevisionInfo(that.monthQuarterYearData).then(datas =>{
+                if (datas) {
+                    if (datas.message === '成功') {
+                        that.$message({
+                            message: '考评目标详情信息保存成功',
+                            type: 'success'
+                        });
+                    } else {
+                        that.$message({
+                            message: datas.message,
+                            type: 'error'
+                        });
+                    }
+                    that.getTableData(that.addstageId)
+                }
+            })
+        },
+        handleImport() {
+            this.$refs.importPage.upload.title = "考评目标详情信息导入"
+            this.$refs.importPage.upload.open = true
+            this.$refs.importPage.upload.url = '/responsibility-indicator-info/import-excel'
+        },
+        successImport(val) {
+            that.getTableData(that.addstageId)
+        },
+        handleExport() {
+            let that = this
+            let url = 'responsibility-indicator-info/download-excel'
+            let params = {
+                responsibilityId: that.rowMsg.id,
+                binSection: that.binSectionStr,
+                binStage: that.addstageId
+            }
+            apiGetExportMsg(url,params).then(datas =>{
+                let blob = new Blob([datas])
+                saveAs(blob, '考评目标详情数据导出.xlsx')
+            }).catch((r) => {
+                console.error(r)
+            })
+        },
+        examineAndApprove(type) {
+            let that = this
+            let actionCS = ''
+            if (type === 'agree') {
+                if (that.rowMsg.taskType === 'SIGN') {
+                    actionCS = 'signAgree'
+                } else if (that.rowMsg.taskType === 'NORMAL') {
+                    actionCS = 'agree'
+                }
+            } else {
+                // if (that.rowMsg.taskType === 'SIGN') {
+                //     actionCS = 'signReject'
+                // } else if (that.rowMsg.taskType === 'NORMAL') {
+                //     }
+                actionCS = 'reject'
+            }
+            let params = {
+                taskId: that.rowMsg.id, //任务ID
+                nodeId: that.rowMsg.nodeId, //节点ID
+                action: actionCS, //固定值
+                instanceId: that.rowMsg.instId, //流程实例ID
+                opinion: that.descMsg, //审批意见
+                iamCode: window.localStorage.getItem('code'), //认证后code值
+                taskName: that.rowMsg.name,
+                defKey: that.instanceChild.defKey,
+                bizKey: that.instanceChild.bizKey
+            }
+            apiPostIsdoAction(params).then(datas =>{
+                if (datas && datas.data) {
+                    if (datas.data.isOk) {
+                        that.$message({
+                            message: datas.data.data,
+                            type: 'success'
+                        })
+                        that.dialogVisible = false
+                        that.$emit('approveMsg', datas.data.isOk)
+                    } else {
+                        that.$message({
+                            message: datas.data.msg,
+                            type: 'error'
+                        })
+                    }
+                }
+            })
+        },
+    }
+}
+</script>
+
+<style lang="less">
+.evaluationAmendmentFrom{
+    .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%;
+                    }
+                    .monthQuarterYear{
+                        display: flex;
+                        width: 100%;
+                        margin-top: 20px;
+                        .tableMain{
+                            width: calc(100% - 100px);
+                            .el-tabs__header{
+                                .el-tabs__nav{
+                                    .el-tabs__item{
+                                        font-size: 18px;
+                                        font-family: Microsoft YaHei;
+                                        font-weight: bold;
+                                        margin: 0 10px;                                    
+                                        color: #8991B0;
+                                    }
+                                    .is-active{
+                                        font-size: 18px;
+                                        font-family: Microsoft YaHei;
+                                        font-weight: bold;
+                                        color: #3B7AD1;
+                                        margin: 0 10px;
+                                    }
+                                }
+                            }
+                            .detailsHeader{
+                                width: 100%;
+                                display: flex;
+                                .headerRight{
+                                    display: flex;
+                                    justify-content: end;
+                                    width: 100%;
+                                    margin-bottom: 5px;
+                                    .seachFor{
+                                        display: flex;
+                                        .el-input{
+                                            height: 30px;
+                                            .el-input__inner{
+                                                height:30px;
+                                            }
+                                            .el-input__suffix{
+                                                .el-select__caret{
+                                                    line-height:30px;
+                                                }
+                                            }
+                                        }
+                                        .el-icon{
+                                            margin: 5px 10px 0 10px;
+                                            cursor: pointer;
+                                        }
+                                    }
+                                    .tableBtn {
+                                        display: flex;
+                                        height: 20px;
+                                        margin: 5px 10px 0 10px;
+                                        // width: 13%;
+                                        width: fit-content;
+                                        img{
+                                            margin-right: 5px;
+                                            margin-top: 1px;
+                                        }
+                                        span{
+                                            width: 35px;
+                                            display: inline-block;
+                                            font-size: 14px;
+                                            font-family: Microsoft YaHei;
+                                            font-weight: 400;
+                                        }
+                                    }
+                                    .add{
+                                        cursor: pointer;
+                                        span{
+                                            color: #3B7AD1;
+                                        }
+                                    }
+                                    .save{
+                                        cursor: pointer;
+                                        span{
+                                            color: #50C14E;
+                                        }
+                                    }
+                                    .import{
+                                        cursor: pointer;
+                                        span{
+                                            color: #ce1e78;
+                                        }
+                                    }
+                                    .export{
+                                        cursor: pointer;
+                                        span{
+                                            color: #2baa8a;
+                                        }
+                                    }
+                                }
+                            }
+                            .el-table {
+                                .el-table__header-wrapper{
+                                    .el-table__header{
+                                        .el-table__cell {
+                                            border-bottom: none !important;
+                                        }
+                                        thead{
+                                            tr{
+                                                th{
+                                                    .cell{
+                                                        line-height: 16px;
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                                .el-table__body-wrapper {
+                                    height: 47vh !important;
+                                    .el-scrollbar{
+                                        .el-table__body{
+                                            tr{
+                                                td{
+                                                    padding: 0;
+                                                    .cell{
+                                                        background: #F6F7FA;
+                                                        line-height: 47px;
+                                                        height: 47px;
+                                                    }
+                                                }
+                                                td:hover {
+                                                    line-height: 45px;
+                                                    height: 45px;
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                                .el-table--border .el-table__cell{
+                                    border: none;
+                                }
+                                .el-table thead.is-group th.el-table__cell{
+                                    background: transparent;
+                                }
+                
+                                .tooltipCC {
+                                    width: 180px;
+                                    display: inline-block;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    white-space: nowrap;
+                                }
+                            }
+                            .el-pagination {
+                                margin-top: 20px;
+                                text-align: end;
+                                position: relative;
+                            }
+                        }
+                        .tableSeach{
+                            width: 88px;
+                            height: 63vh;
+                            margin-left: 10px;
+                            margin-top: 37px;
+                            border: 1px solid #D6DBEA;
+                            padding: 5px 0;
+                            border-radius: 5px;
+                            overflow-y: auto;
+                            .seachType{
+                                width: 78px;
+                                height: 78px;
+                                cursor: pointer;
+                                border-left: 3px solid transparent;
+                                img{
+                                    margin-top: 17px;
+                                    margin-left: 27px;
+                                }
+                                p{
+                                    text-align: center;
+                                    font-size: 14px;
+                                }
+                            }
+                            .seachTypeCha{
+                                background: #E6EBF5;
+                                cursor: pointer;
+                                border-left: 3px solid #3B7AD1;
+                            }
+                        }
+                    }
+                }
+                .periodFrom{
+                    margin-top: 15px;
+                    .el-select, .el-input{
+                        width: 100%;
+                    }
+                }
+            }
+            .el-dialog__footer{
+                .dialog-footer{
+                    display: flex;
+                    justify-content: center;
+                    .el-button{
+                        width: 180px !important;
+                        height: 40px !important;
+                    }
+                }
+            }
+        }
+    }
+    
+}
+</style>