gdy_pc_8/src/performance/views/assessManagement/staffAssDet.vue

<template>
  <div class="all boxMinHeight">
    <template v-if="isDetails">
      <PageHead phName="员工绩效详情"></PageHead>
      <div class="flex-box-ce" style="position: absolute;right: 20px;top: 20px;z-index: 2;">
        <el-select v-model="headvalue" style="width: 250px;" placeholder="请选择"  v-if="!isDisabled">
          <el-option v-for="item in headoptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
        </el-select>
        <div v-else class="fontColorB font-flex-word" style="width: 250px;">{{packageName}}</div>
      </div>
      <header v-loading="staffLoad">
        <div class="flex-box-ce head">
          <div class="flex-box-ce head2User flex-1">
            <userImage class="fl" :id="remployee.id" :user_name="remployee.name" :img_url="remployee.img_url" width="50px" height="50px"></userImage>
            <div class="headTname">
              <div style="">{{ remployee.name }}</div>
              <span v-for="(item, index) in remployee.employee_detail.dept_list" :key="index" v-if="remployee.employee_detail.dept_list.length>0">
                <span>{{ item.dept_name }}</span>
                <span v-if="remployee.employee_detail.dept_list.length - index > 1">,</span>
              </span>
            </div>
            <img v-if="has_finish" src="static/images/guidang.png" class="guidang">
          </div>
          <template v-if="!gradeBegin">
            <div class="button-width" v-if="!has_finish">
              <!-- 撤销上一次操作 -->
              <template v-if="revocationShow">
                <el-button  @click="isShowCx=true" type="primary">撤销上一次操作</el-button>
              </template>

              <!-- 目标制定节点 -->
              <template v-if="isShowTargetBtn">
                <el-button  @click="openFormulate()"  type="primary">制定目标</el-button>
                <el-button  @click="submit()"  type="primary">提交</el-button>
              </template>

              <!-- 目标确认 -->
              <template v-if="isShowConfirmBtn">
                <el-button  type="primary" @click="gradeOk">同意</el-button>
                <el-button class="red" type="danger" plain  @click="gradeTurn" style="margin-left: -2px;background-color: #fff;">驳回</el-button>
                <el-button v-if="isUpdateIndex" @click="openFormulate()" >修改目标</el-button>
              </template>

              <!-- 录入结果值 -->
              <el-button v-if="resultButShow" @click="openResult()"  type="primary">{{resultStr}}</el-button>
              <!-- 审批 -->
              <template v-if="examineButShow">
                <el-button  type="primary" @click="gradeOk">同意</el-button>
                <el-button class="red"  type="danger" plain v-if="isAction" @click="gradeTurn"style="margin-left: -2px;background-color: #fff;">驳回</el-button>
              </template>
              <!-- 评分 -->
              <el-button v-if="gradeButShow"  type="primary" @click="gradeClick">评分</el-button>
              <el-button v-if="recordsManagement"  @click="isTrack = true">管理记录</el-button>
              <el-button v-if="actionButShow"  @click="isPlan = true">执行计划</el-button>
              <el-button  v-if="feedbackBut" @click="communication = true">沟通反馈</el-button>
              <!-- 主次管理员，被考核人上级 -->
              <template v-if="$getRole(1)||isSj">
                <el-dropdown style="margin-left:10px;" @command="handleCommand">
                  <el-button>管理</el-button>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item v-for="(item, index) in dropdownMenu" :key="index" :command="item.key" :divided="item.bordok" v-if="item.isShow">
                        {{ item.name }}
                    </el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </div>
          </template>
        </div>
        <!-- 流程 -->
        <div class="flex-box-ce flex-d-wrap">
          <div v-for="(item, index) in flow" :key="index"
            :class="[item.status == 1 ? 'flow-item-color' : '', index == 0 ? 'flow-item-start' : 'flow-item']"
            class="flex-box-ce"
          >
            <el-tooltip effect="dark" :content="item.code == 'execution' ? execution : item.remarks" placement="top">
              <span class="flow-box">
                <span>{{ index + 1 }}.{{ item.remark }}</span>
                <span v-if="item.code == 'execution'">
                  <i class="el-icon-warning-outline"></i>
                  :
                </span>
                <template v-if="item.target.length > 0">
                  <span v-for="(item2, index2) in item.target" :key="index2">
                    {{ item2.employee_name }}
                    <span v-if="item.target.length - index2 > 1">,</span>
                  </span>
                </template>
              </span>
            </el-tooltip>
            <i class="el-icon-success blue" v-if="item.status == 2" style="margin-right:10px;"></i>
            <div @click.stop="processDet(item)" style="width: 20px;" class="dian" v-if="item.target.length > 0&& !gradeBegin">
                <i class="el-icon-more detailsPonit"></i>
            </div>
            <img src="static/images/jt.png" class="flow-img" v-if="index!=(flow.length-1)||flow[flow.length - 1].status == 2">
          </div>

          <template v-if="flow.length > 0">
            <div class="flow-item flex-box-ce flex-center-center" v-if="flow[flow.length - 1].status == 2">
               <span class="flex-1">{{ flow.length + 1 }}.结束</span>
               <i class="el-icon-success blue" style="margin-right:10px;"></i>
            </div>
          </template>
        </div>
        <!-- 考核结果 -->
        <div class="flex-box-end flex-v-ce" style="margin-top: 20px;">
          <template v-if="dimension.length>0">
            <div class="flex-box-ce result" v-if="dimension[0].final_point" style="margin-right: 20px;">
              <span style="padding-right: 20px;">考核结果分数：{{dimension[0].final_point}}分</span>
              <span>等级：{{dimension[0].final_level}}</span>
            </div>
          </template>
          <el-tooltip placement="bottom">
             <div class="popover-box" slot="content">
               <div class="popover-title">开启显示更多可浏览全部考核内容</div>
               <div class="popover-content">点击右边箭头和滑动下方滚动条都可以查看更多内容</div>
             </div>
             <el-switch
               v-model="isShowOneselfScore"
               active-text="显示更多">
             </el-switch>
           </el-tooltip>
        </div>

        <!-- 表格 -->
        <div class="dimensionCla" v-loading="tableLoad">
          <!-- 点击滚动 -->
          <TableBox :tableData="dimension" :isShowYd="isShowOneselfScore" :headerCellStyle="{ background: '#ECF5FF', textAlign: 'center' }" :objectSpanMethod="objectSpanMethod">
            <el-table-column prop="theDimension" width="80" label="维度" align="center">
              <template slot-scope="scope">
                <span style="width: 13px;display: inline-block;">{{ scope.row.theDimension }}</span>
                <template v-if="calc_dimension&&(scope.row.type == 1||scope.row.type == 2)">
                  <div v-if="!scope.row.toScore">({{ scope.row.dimension_weight }}%)</div>
                </template>
              </template>
            </el-table-column>
            <el-table-column prop="name" label="指标名称" min-width="220">
              <template slot-scope="scope">
<!--                   <template v-if="Number(scope.row.weight) > 0">
                     <PreBox :value="scope.row.name+'(权重：'+scope.row.weight+'%)'"></PreBox>
                   </template> -->
                   <PreBox  :value="scope.row.name"></PreBox>
               </template>
            </el-table-column>
            <el-table-column prop="name" label="权重" align="center" width="60">
              <template slot-scope="scope">
                  <span v-if="Number(scope.row.weight) > 0">{{scope.row.weight}}%</span>
                  <span v-else>--</span>
               </template>
            </el-table-column>
            <template v-if="isShowOneselfScore">
              <el-table-column prop="type" label="指标类型">
                <template slot-scope="scope">
                  <span v-if="scope.row.type == 1">量化指标</span>
                  <span v-if="scope.row.type == 2">非量化指标</span>
                  <span v-if="scope.row.type == 3">额外加分项</span>
                  <span v-if="scope.row.type == 4">额外扣分项</span>
                </template>
              </el-table-column>
            </template>

            <el-table-column prop="target" label="目标值" align="left" min-width="150" v-if="getTableItem('target')">
              <template slot-scope="scope">
                <div v-if="scope.row.target != '-' && scope.row.target != undefined&&scope.row.target!='0'">
                  目标值：
                 <span>{{ scope.row.target + '' + scope.row.unit }}</span>
                </div>
                <span v-else>-</span>
                <div v-if="scope.row.result !== null&&scope.row.result !== ''&&scope.row.result !== undefined" class="orange">
                  <template v-if="scope.row.type==1">
                      结果值： <span>{{ scope.row.result + '' + scope.row.unit }}</span><span v-if="scope.row.resultUserName">({{scope.row.resultUserName}})</span>
                  </template>
<!--                  <template v-if="scope.row.result_file">
                    <div v-if="scope.row.result_file.images.length>0">
                      <div style="margin-bottom: 3px;cursor: pointer;" class="blue" v-for="(item, index) in scope.row.result_file.images" :key="index" @click="onFilePreView(item)">{{ item.name }}</div>
                    </div>
                    <div v-if="scope.row.result_file.append.length>0">
                      <div style="margin-bottom: 3px;cursor: pointer;" class="blue" v-for="(item, index) in scope.row.result_file.append" :key="index" @click="onFilePreView2(item)">{{ item.name }}</div>
                    </div>
                  </template> -->
                </div>
                <span v-else>-</span>
              </template>
            </el-table-column>

            <el-table-column prop="target" label="附件" align="left" min-width="150" v-if="getTableItem('result_file')">
              <template slot-scope="scope" v-if="scope.row.result_file">
                <div v-if="scope.row.result_file.images.length>0">
                  <div style="margin-bottom: 3px;cursor: pointer;" class="blue" v-for="(item, index) in scope.row.result_file.images" :key="index" @click="onFilePreView(item)">{{ item.name }}</div>
                </div>
                <div v-if="scope.row.result_file.append.length>0">
                  <div style="margin-bottom: 3px;cursor: pointer;" class="blue" v-for="(item, index) in scope.row.result_file.append" :key="index" @click="onFilePreView2(item)">{{ item.name }}</div>
                </div>
              </template>
            </el-table-column>

            <template v-if="isShowOneselfScore">
              <el-table-column prop="point_limit" label="加扣分上限" align="center" width="100" v-if="getTableItem('point_limit')"></el-table-column>
            </template>

            <el-table-column prop="per_remark" label="考核标准" min-width="200" v-if="getTableItem('per_remark')">
              <template slot-scope="scope">
                  <PreBox :value="scope.row.per_remark"></PreBox>
              </template>
            </el-table-column>

            <el-table-column prop="remark" label="备注" min-width="200" v-if="isShowOneselfScore">
              <template slot-scope="scope">
                  <PreBox :value="scope.row.remark"></PreBox>
              </template>
            </el-table-column>

            <el-table-column prop="schedule" label="执行计划" align="center" min-width="200" v-if="getTableItem('schedule')">
              <template slot-scope="scope">
                <div class="flex-box-ce" v-if="scope.row.schedule && scope.row.schedule.length > 0">
                  <el-button type="text" class="flex-1"  @click="openPlan(scope.row.planIndex)">({{ scope.row.schedule.length }}) 条执行计划</el-button>
                </div>
                <span v-else>-</span>
              </template>
            </el-table-column>

            <el-table-column prop="mamage_record" label="跟踪管理记录" align="center" min-width="200" v-if="getTableItem('mamage_record')">
              <template slot-scope="scope">
                <div class="flex-box-ce" v-if="scope.row.mamage_record && scope.row.mamage_record.length > 0">
                   <el-button type="text" class="flex-1"  @click="openTrack(scope.row.planIndex)">({{ scope.row.mamage_record.length }}) 条管理记录</el-button>
                </div>
                <span v-else>-</span>
              </template>
            </el-table-column>

            <el-table-column v-for="(item, index) in lingScore_infos" :key="index" min-width="200" v-if="(item.poiSco || item.poicom)&&isShowOneself(item)">
              <template slot="header" slot-scope="scope">
                <el-tooltip effect="dark" :content="item.title" placement="top">
                  <span>
                    <div class="font-flex-word">{{ item.title }}</div>
                  </span>
                </el-tooltip>
              </template>
              <el-table-column prop="title" min-width="100" v-if="item.poiSco">
                <template slot="header" slot-scope="scope">
                  <span>评分</span>
                </template>
                <template slot-scope="scope">
                  <div v-for="(arr, att) in scope.row.score_infos" :key="att">
                    <div v-if="arr.newKey == item.newKey">
                      <span v-if="arr.employee_id == item.employee_id">{{ initData(arr.point) }} <span class="blue">{{arr.level}}</span></span>
                      <span v-else>-</span>
                    </div>
                  </div>
                  <span v-if="scope.row.score_infos ? scope.row.score_infos.length == 0 : ''">-</span>
                  <!-- 总分分数 -->
                  <span v-if="scope.row.toScore">{{ item.totalScore }}</span>
                </template>
              </el-table-column>
              <el-table-column prop="title" min-width="100" v-if="item.poicom">
                <template slot="header" slot-scope="scope">
                  <span>说明</span>
                </template>
                <template slot-scope="scope">
                  <div v-for="(arr, att) in scope.row.score_infos" :key="att">
                    <div v-if="arr.newKey == item.newKey">
                      <span v-if="arr.employee_id == item.employee_id">
                         <PreBox :value="initData(arr.remark)"></PreBox>
                      </span>
                      <span v-else>-</span>
                    </div>
                  </div>
                  <span v-if="scope.row.score_infos ? scope.row.score_infos.length == 0 : ''">-</span>
                  <span v-if="scope.row.toScore">
                    <PreBox :value="item.comment"></PreBox>
                  </span>
                </template>
              </el-table-column>
            </el-table-column>

             <!-- 输入框 -->
            <template v-if="gradeBegin">
             <!-- 评分输入 -->
             <el-table-column  min-width="250" fixed="right">
                <template slot="header" slot-scope="scope">
                  <div>{{ scoreTab.title }}</div>
                </template>
                <template slot-scope="scope">
                  <el-popover placement="top" v-if="scope.row.auto_score===0||scope.row.auto_score" width="400" trigger="hover">
                      <div style="padding: 10px;padding-top: 0;">
                         <div class="flex-box-ce">
                           <div class="flex-1">按以下公式和数据自动计算评分</div>
                         </div>
                         <div v-html="scope.row.expressionStr" style="background-color: #f1f1f1;padding: 10px;text-align: left;border-radius: 5px;cursor: pointer;"></div>
                        <div class="flex-box-ce">
                          <div class="orange" style="margin-right: 20px;">结果值：{{scope.row.result}}</div>
                          <div class="orange">目标值：{{scope.row.target}}</div>
                        </div>
                       </div>
                      <div slot="reference">系统评分<i class="el-icon-warning"></i>：<span class="blue">{{scope.row.auto_score}}</span></div>
                  </el-popover>
                  <div v-if="thecurrentFlow == 'score_supervisor'">
                    <!-- 评指标分 -->
                    <el-input
                      v-if="ruleScore == 1 && !scope.row.totalScore"
                      :rows="1"
                      @blur="sgradeBlur(scope.$index)"
                      @input="[sgradeInp(scope.$index,scope.row), (scope.row.score_grade = scope.row.score_grade.match(/\d+(\.\d{0,2})?/) ? scope.row.score_grade.match(/\d+(\.\d{0,2})?/)[0] : '')]"
                      v-model="scope.row.score_grade"
                      placeholder="请输入"
                    ></el-input>
                    <span v-else-if="ruleScore == 1 && scope.row.totalScore">{{ tabTotaScore }}</span>
                    <!-- 评总分 -->
                    <el-input
                      v-else-if="ruleScore == 2 && scope.row.totalScore"
                      :rows="1"
                      @input="[sgradeInp(scope.$index,scope.row), (scope.row.score_grade = scope.row.score_grade.match(/\d+(\.\d{0,2})?/) ? scope.row.score_grade.match(/\d+(\.\d{0,2})?/)[0] : '')]"
                      v-model="scope.row.score_grade"
                      placeholder="请输入"
                    ></el-input>
                    <span v-else>-</span>
                  </div>

                  <div v-else>
                    <span v-if="scope.row.totalScore">{{ tabTotaScore }}</span>
                    <el-input v-else :rows="1" @blur="sgradeBlur(scope.$index)"
                      @input="[sgradeInp(scope.$index,scope.row), (scope.row.score_grade = scope.row.score_grade.match(/\d+(\.\d{0,2})?/) ? scope.row.score_grade.match(/\d+(\.\d{0,2})?/)[0] : '')]"
                      v-model="scope.row.score_grade" placeholder="请输入"
                    ></el-input>
                  </div>
                </template>
             </el-table-column>
             <!-- 说明 -->
             <el-table-column  min-width="150" fixed="right">
                <template slot="header" slot-scope="scope">
                  <div>{{ scoreTab.explain }}</div>
                </template>
                <template slot-scope="scope">
                  <div style="cursor: pointer;">
                    <!-- 指标评分说明 -->
                    <template v-if="ruleScore == 1 && !scope.row.totalScore">
                      <div @click="showPf(scope.$index,1)">
                        <PreBox :value="scope.row.score_remark" v-if="scope.row.score_remark"></PreBox>
                        <div v-else class="shuru">请输入</div>
                      </div>
                    </template>
                    <!-- 总分说明 -->
                    <template v-if="ruleScore == 2 && scope.row.totalScore">
                      <div  @click="showPf(scope.$index,2)">
                        <PreBox :value="scope.row.total_score_comment" v-if="scope.row.total_score_comment"></PreBox>
                        <div v-else class="shuru">请输入</div>
                      </div>
                    </template>
                  </div>
                </template>
             </el-table-column>
            </template>

          </TableBox>
        </div>
        <Record :record="record"></Record>
      </header>
      <footer class="footer flex-box-end" v-if="gradeBegin">
        <el-button  @click="cancel">取消</el-button>
        <el-button  class="primaryBtn"  @click="save(0)">暂存</el-button>
        <el-button  type="primary" @click="save(1)">提交评分</el-button>
      </footer>
    </template>
    <resultSetAll2 v-else  :peIds="resultData.peIds"  :packageName="resultData.packageName"></resultSetAll2>

    <!-- 上一个 下一个 -->
    <div class="upDown-box" v-if="isDisabled&& !gradeBegin">
        <div class="flex-box-ce flex-center-center fontColorB" style="height: 60px;">
          <div class="flex-1 orange" v-if="!up.employeeID" style="text-align: center;border-right: 1px solid #f1f1f1;">已无待办</div>
          <div class="flex-1 flex-box-ce flex-center-center up-item" v-else style="border-right: 1px solid #f1f1f1;" @click="qieh(1)">
              <userImage :user_name="up.name" :img_url="up.img_url" width="40px" height="40px" fontSize="12"></userImage>
              <div class="upName font-flex-word">{{up.name}}</div>
              <div>上一个</div>
          </div>
          <div class="flex-1 orange" v-if="!down.employeeID" style="text-align: center;">已无待办</div>
          <div class="flex-1 flex-box-ce flex-center-center up-item" v-else @click="qieh(2)">
              <div>下一个</div>
              <div class="upName font-flex-word">{{down.name}}</div>
              <userImage :user_name="down.name" :img_url="down.img_url" width="40px" height="40px" fontSize="12"></userImage>
          </div>
        </div>
    </div>

    <!-- 流程详情 -->
    <BrawerBox :drawerTitle="processDel.remarkDel + proNum" :footNo="false" :showDrawer.sync="isChecks">
      <template slot="main">
        <div class="processSty">
          <div v-for="(item, index) in processDel.target" :key="index" class="flex-box flex-d-center proListSty">
            <div style="width:230px;" class="flex-box flex-d-center flex-h-ce">
              <div>
                <userImage class="fl" :id="item.employee_id" :user_name="item.employee_name" width="30px" height="30px" fontSize="12"></userImage>
                <span class="proName">{{ item.employee_name }}</span>
              </div>
              <el-tag v-if="processDel.status == 0" size="mini" type="warning" color="#ffe7d3" style="color:#ff8d00;">流程未到</el-tag>
              <!-- 针对任一人处理了，其他人显示无需处理 -->
              <template v-else-if="item.status == 1">
                <template v-if="(processDel.multi_executor==2)&&getStrus()">
                    <el-tag size="mini">无需处理</el-tag>
                </template>
                <template v-else>
                    <el-tag size="mini">处理中</el-tag>
                </template>
              </template>
              <el-tag v-else-if="item.status == 2" size="mini" type="success">已处理</el-tag>
            </div>
            <!-- 主子管理员 并且当前节点里包括登录者-->
            <template v-if="$getRole(1)||item.employee_id==userInfo.id">
               <template v-if="processDel.code=='score_supervisor'||processDel.code=='special_scorer'">
                   <!-- 指定评分人节点 -->
                  <template v-if="processDel.code=='score_supervisor'">
                     <el-button v-if="transferBut && item.status == 1&& (processDel.transfer||$getRole(1))" class="proButt" @click="careOf(item)">转交</el-button>
                  </template>
                  <!-- 特定指标指定评分人，因为默认是可以转交的，所有没有 transfer 字段 -->
                  <template v-else>
                     <el-button v-if="transferBut && item.status == 1" class="proButt" @click="careOf(item)">转交</el-button>
                  </template>
               </template>
               <template v-else-if="processDel.code=='review'||processDel.code=='confirm'">
                  <el-button v-if="transferBut && item.status == 1&& ((processDel.action.indexOf('transfer')>=0)||$getRole(1))" class="proButt" @click="careOf(item)">转交</el-button>
               </template>
               <template v-else>
                 <el-button v-if="transferBut && item.status == 1" class="proButt" @click="careOf(item)">转交</el-button>
               </template>
            </template>
          </div>
        </div>
      </template>
    </BrawerBox>
    <!-- 审批同意 -->
    <el-dialog title="意见说明" :visible.sync="examineConsent" width="500px" :close-on-click-modal="false">
      <el-input type="textarea" v-model="tDownList.comment" rows="4" placeholder="请输入意见说明（选填）"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="tDlose(1)">取 消</el-button>
        <el-button type="primary" @click="tDownOk(1)">确 定</el-button>
      </span>
    </el-dialog>
    <!--驳回评分 -->
    <BrawerBox drawerTitle="驳回评分" :showDrawer.sync="turnDown">
      <template slot="main">
        <el-form label-position="top" label-width="80px" :rules="rFlowRules" :model="tDownList" ref="tDownList" class="elFrom-margin">
          <el-form-item label="重置到" prop="node_id">
            <el-select v-model="tDownList.node_id" clearable placeholder="请选择阶段" style="width:100%;">
              <el-option v-for="item in rFlowArrive" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
            <el-select v-if="rUsers.length > 0" multiple v-model="tDownList.employee_id" clearable placeholder="请选择重置人员" style="width:100%;margin-top: 10px;">
              <el-option v-for="item in rUsers" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="驳回说明" :required="true">
            <el-input type="textarea" rows="7" placeholder="请输入驳回意见（必填）" v-model="tDownList.comment"></el-input>
          </el-form-item>
        </el-form>
      </template>
      <template slot="footer">
        <el-button plain size="" @click="tDlose(0)">取消</el-button>
        <el-button type="primary" @click="tDownOk(0, 'tDownList')">确认</el-button>
      </template>
    </BrawerBox>
    <!-- 重置流程 -->
    <BrawerBox drawerTitle="重置流程" :showDrawer.sync="resetFlow">
      <template slot="main">
        <el-form label-position="top" :rules="rFlowRules" :model="rFlowList" ref="rFlowList" label-width="80px" class="elFrom-margin">
          <el-form-item label="操作">
            <el-radio-group v-model="rFlowList.type">
              <el-radio :label="1">重置到指定节点</el-radio>
              <el-radio :label="2">重新读取考核模板设置</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="指标处理" v-if="rFlowList.type == 2">
            <el-radio-group v-model="rFlowList.overwrite_mode">
              <el-radio :label="2">保留已制定指标</el-radio>
              <el-radio :label="1">重置指标</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="重置到" prop="node_id" v-if="rFlowList.type == 1">
            <el-select v-model="rFlowList.node_id" clearable placeholder="请选择阶段" style="width:100%;">
              <el-option v-for="item in rFlowArrive" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
            <el-select v-if="rUsers.length > 0" multiple v-model="rFlowList.employee_id" clearable placeholder="请选择重置人员" style="width:100%;margin-top: 10px;">
              <el-option v-for="item in rUsers" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="重置说明" prop="comment">
            <el-input type="textarea" rows="6" placeholder="请输入重置说明（必填）" v-model="rFlowList.comment" maxlength="200" show-word-limit></el-input>
          </el-form-item>
        </el-form>
      </template>
      <template slot="footer">
        <el-button plain @click="resetFlow = false">取消</el-button>
        <el-button type="primary" @click="rFlowOk('rFlowList')">确认</el-button>
      </template>
    </BrawerBox>
    <!-- 跟踪管理 -->
    <TrackManagement :showDrawer.sync="isTrack"  :isCz="!isCzData"  :recordMemberIds="recordMemberIds"  :id="employeeID" :apList="apList" :assessId="employID" @confirm="employeeDet" :planIndex="planIndex"></TrackManagement>
    <!-- 执行计划 -->
    <ActionPlan :showDrawer.sync="isPlan" :isCz="!isCzData" :id="employeeID" :apList="apList" :assessId="employID" @confirm="employeeDet" :planIndex="planIndex"></ActionPlan>
    <!-- 沟通反馈 -->
    <BrawerBox drawerTitle="沟通反馈" :showDrawer.sync="communication">
      <template slot="main">
        <el-input type="textarea" v-model="communicationVal" rows="10" placeholder="请输入反馈内容（必填）" maxlength="300" show-word-limit></el-input>
        <div class="aite" @click="selectUser = true">@</div>
        <el-tag style="margin: 0 5px;" v-for="(tag, index) in tags" :key="tag.id" closable @close="handleClose(tag, index)">{{ tag.name }}</el-tag>
      </template>
      <template slot="footer">
        <span class="dialog-footer">
          <el-button @click="communication = false">取 消</el-button>
          <el-button type="primary" @click="saveCommunication()">确 定</el-button>
        </span>
      </template>
    </BrawerBox>
    <!-- 沟通反馈 -->
    <EmployeeSelector title="选择@人员" :is_filtration_creator="false" :visible.sync="selectUser" @confirm="confirmCreator" />
    <!-- 转交 -->
    <EmployeeSelector title="选择人员" :is_filtration_creator="false" :multi="false" :isChecKedAll="false" :visible.sync="careOfSelector" @confirm="confirmcareOf" />
    <!-- 评分说明 -->
    <el-dialog title="评分说明" :visible.sync="isShowPf" width="500px" :close-on-click-modal="false">
      <el-input type="textarea" v-model="pfText" rows="4" placeholder="请输入评分说明" maxlength="100" show-word-limit></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowPf=false">取 消</el-button>
        <el-button type="primary" @click="updateText()">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 撤销操作 -->
    <el-dialog title="撤销" :visible.sync="isShowCx" width="500px" :close-on-click-modal="false">
      <el-input type="textarea" v-model="cxText" rows="4" placeholder="请输入撤销理由" maxlength="200" show-word-limit></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowCx=false">取 消</el-button>
        <el-button type="primary" @click="revocation()">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 调整目标反馈 -->
    <el-dialog title="调整目标" :visible.sync="isAdjustment" :close-on-click-modal="false" width="700px">
      <div>
          <el-radio-group v-model="radio">
            <div class="flex-box-v">
              <el-radio :label="1" style="margin-bottom: 30px;">仅修改指标内容，不重置考核流程
              <br/> <span style="font-size: 12px;color: #C0C4CF;padding-left: 25px;padding-top: 5px;">不影响进行中的考核流程，只对指标内容和信息进行修改</span>
              </el-radio>
              <el-radio :label="2">修改指标，并重置考核流程
              <br/> <span style="font-size: 12px;color: #C0C4CF;padding-left: 25px;">修改指标并按照新的流程来进行考核，已评分和已审批的记录也会被重置</span>
              </el-radio>>
            </div>
          </el-radio-group>
      </div>
      <span slot="footer">
        <el-button  @click="isAdjustment = false">取消</el-button>
        <el-button  type="primary" @click="setDataAccess">确定</el-button>
      </span>
    </el-dialog>

    <!-- 评分确认 -->
    <el-dialog title="请确认您的评分" :visible.sync="isPoint" :close-on-click-modal="false" width="700px">
      <div>
          <el-table :data="pointList" :header-cell-style="{ background: '#ECF5FF' }" border>
            <el-table-column prop="name" min-width="150" label="指标">
              <template slot="header" slot-scope="scope">
                <span>指标(<span style="color:#ff9600;">每项指标评分</span>)</span>
              </template>
            </el-table-column>
            <!-- <el-table-column prop="score_remark" label="评分说明"></el-table-column> -->
            <el-table-column prop="score" label="评分" align="left"></el-table-column>
          </el-table>
      </div>
      <span slot="footer">
        <el-button @click="isPoint = false">返回修改</el-button>
        <el-button type="primary" @click="score">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="图片查看" :visible.sync="isShowImg" width="50%" >
      <img :src="imgUrl" style="width: 100%;">
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowImg = false">取 消</el-button>
        <el-button type="primary" @click="isShowImg = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import BrawerBox from '@/performance/components/public/BrawerBox';
import PageHead from '@/components/PageHead'; //头部---返回
import Record from '@/performance/components/public/Record';
import ActionPlan from '@/performance/components/public/ActionPlan';
import TableBox from '@/performance/components/public/TableBox';
import TrackManagement from '@/performance/components/public/TrackManagement';
import EmployeeSelector from '@/components/EmployeeSelector';
import resultSetAll2 from '@/performance/views/myPerformance/resultSetAll2';
import {getExpressionStr} from '@/performance/utils/auth'
export default {
  name: 'staffAssDet',
  components: {
    PageHead,
    BrawerBox,
    Record,
    ActionPlan,
    TableBox,
    TrackManagement,
    EmployeeSelector,
    resultSetAll2
  },
  data() {
    return {
      radio: 1,
      isAdjustment:false,
      isDetails:true,//是否显示考核详情页面
      resultData:{},
      gradeList: [],
      dropdownMenu: [{ key: 'a', name: '重置流程',isShow:true }, { key: 'b', name: '调整目标',isShow:true }],
      lingScore_infos: [],
      staffLoad: false, //loading
      tableLoad: false, //loading
      execution: '目标制定并确认完毕后，进入到【执行中】阶段，期间员工执行计划，上级跟踪过程。进入结果数据收集和评分阶段',
      isChecks: false, //侧边弹窗
      headvalue: '',
      headoptions: [],
      employeeID: 0, //考核记录ID
      employID: 0, //当前角色ID
      empDetList: {},
      remployee: {employee_detail:{}}, //被考核人员信息
      flow: [], //步骤
      atPresentFlow: 0, //当前步骤ID
      dimension: [], //维度表格信息
      config: {}, //配置
      tableData: [],
      communication: false, //沟通
      communicationVal: '',
      tags: [], //沟通@人员
      selectUser: false,
      nowFLow: '', //当前的流程
      turnDown: false, //驳回开关
      tDownArrive: [], //驳回到--数据
      tDownList: {
        node_id: '', //重置到某个节点，
        employee_id: [], //重置到节点的某个用户 0表示驳回到节点
        comment: '' //审核意见
      },
      userInfo: this.$userInfo(),
      processDel: {}, //流程侧边栏
      proNum: '', //流程侧边栏头部
      calc_dimension: 0, //是否参与权重
      revocationNodeId:1,//撤销节点ID
      isShowCx:false,
      cxText:'',
      //按钮显示隐藏
      revocationShow:false,//是否可以撤销
      gradeButShow: false, //评分
      actionButShow: true, //执行计划
      recordsManagement: true, //管理记录
      examineButShow: false, //审批
      isAction:false,//驳回控制
      resultButShow: false, //结果值录入
      gradeBegin: false, //评分确定
      scoreTab: {}, //评分表头
      record: [], //考核记录
      planIndex: [], //执行计划的下标，当点击表格查看时用到
      apList: [], //执行计划数据
      isPlan: false, //计划弹窗
      // 重置流程
      resetFlow: false,
      rFlowArrive: [], //重置节点数据
      rUsers: [], //重置用户数据
      rFlowList: {
        type: 1, //重置类型 1 流程内重置 2 重读维度流程 重置
        node_id: '', //重置到某个节点， （type 1 必填）
        employee_id: [], //重置到节点的某个用户 0表示驳回到节点 （type 1 必填）
        overwrite_mode: 2, //1 从原来考核模板覆写，2 从个人考核包重置 （type 2 必填）
        comment: '' //审核意见
      },
      rFlowRules: {
        node_id: [{ required: true, message: '请选择重置节点' }],
        comment: [{ required: true, message: '请填写重置说明' }]
      },
      feedbackBut: false, //沟通反馈按钮
      isTrack: false, //跟踪管理
      weight: '指标权重(0%)',
      packageName: '', //考核包名称 结果值录入用到
      ruleScore: 1, //1-指标均要评分 2-评分总结
      thecurrentFlow: '', //当前节点
      tabTotaScore: 0, //表格展示的总分
      mandatoryScore: false, //指标说明是否必填
      mandatoryNote: false, //总分说明是否必填（暂不做）
      scoreInfo: [], //各个节点的人评的总分
      examineConsent: false, //审批

      transferBut: false, //转交按钮
      careOfSelector: false, //转交选人
      careOfPeopleId: 0, //转交的 -- 转出ID

      isCs:false,//是否抄送人进入（抄送人能看到全部评分内容）

      isShowTargetBtn:false, // 目标制定相关
      isShowConfirmBtn:false,//目标确认按钮
      isUpdateIndex:false,//确认人是否允许修改指标
      has_finish:false,//是否归档
      // 评分说明弹窗
      isShowPf:false,
      pfText:'',
      indexText:{//定位评分说明
        e:0,
        index:0
      },

      isShowOneselfScore:false,//是否只看自己的评分内容

      // 控制上下
      isDisabled:false,
      up:{},
      down:{},
      package_id:'',
      recordMemberIds:[],
      pendingList:'',
      page:1,
      isJz:true,
      activeName:'',//待办带进来的节点类型

      // 评分确认列表
      pointList:[],
      pointData:{},
      isPoint:false,

      publicity:0,

      isShowImg:false,
      imgUrl:'',
      resultStr:'录入结果值',

      isSj:false,//是否是被考核人上级
    };
  },
  computed:{
    isCzData(){
      if(this.gradeBegin){
        return true
      }
      if(this.has_finish){
        return true
      }
      return false
    },
    isShowOneself(){
      return function (value){
        if(!this.isShowOneselfScore){
          if(value.employee_id==this.userInfo.id){
            return true
          }else{
            return false
          }
        }else{
          return true
        }
      }
    }
  },
  watch: {
    isAdjustment(val){
      if (!val) {
        this.radio=1
      }
    },
    isShowOneselfScore(){
      this.tableLoad=true;
      setTimeout(()=>{
        this.tableLoad=false;
      },500)
    },
    examineConsent(val){
      if(!val){
        this.tDownList={
          node_id: '', //重置到某个节点，
          employee_id: [], //重置到节点的某个用户 0表示驳回到节点
          comment: '' //审核意见
        }
      }
    },
    isChecks(val){
      if (!val) {
        this.transferBut=false
      }
    },
    headvalue(id) {
      this.headoptions.some(item => {
        if (item.id == id) {
          this.packageName = item.name;
          return true;
        }
      });
      let data={//缓存的数据用于录入结果后返回页面复原数据
        employeeID:this.employeeID,
        employID:this.employID,
        assID:id,
      }
      this.$setCache("staffAssDet",data)
      if(this.pendingList){
         this.employeeDet();
      }else{
         this.employeeDet(true);
      }
    },
    resetFlow(val) {
      if (!val) {
        this.rFlowList = {
          type: 1, //重置类型 1 流程内重置 2 重读维度流程 重置
          node_id: '', //重置到某个节点， （type 1 必填）
          employee_id: [], //重置到节点的某个用户 0表示驳回到节点 （type 1 必填）
          overwrite_mode: 1, //1 从原来考核模板覆写，2 从个人考核包重置 （type 2 必填）
          comment: '' //审核意见
        };
        this.$nextTick(() => {
          this.$refs.rFlowList.resetFields();
        });
      }
    },
    'rFlowList.node_id'(val) {
      if (!val) {
        this.rUsers = [];
        return false;
      }
      this.rFlowArrive.some(item => {
        if (val == item.id) {
          let users=[];
          item.target.map(item2 => {
            if(item2.status==2){
                users.push({value: item2.employee_id, label: item2.employee_name })
            }
          });
          this.rUsers =users;
          return true;
        }
      });
    },
    'tDownList.node_id'(val) {
      if (!val) {
        this.rUsers = [];
        return false;
      }
      this.rFlowArrive.some(item => {
        if (val == item.id) {
          let users=[];
          item.target.map(item2 => {
            if(item2.status==2){
                users.push({value: item2.employee_id, label: item2.employee_name })
            }
          });
          this.rUsers =users;
          return true;
        }
      });
    },
    flow(val) {
      //重置要用到
      let executionIndex = 0; //执行中下标
      let targetIndex = 0; //目标下标（处理中的）
      let isNoe=true;//是否完成了整个流程
      val.forEach((item, index) => {
        item.index = index + 1;
        if (item.status == 1) {
          targetIndex = index;
          isNoe=false
        }
      });
      if (targetIndex == 0&&isNoe) {//当流程执行完会是0
        targetIndex = val.length;
      }
      let rFlowArrive = val.slice(executionIndex, targetIndex);
      // 过滤掉 抄送与执行中节点,还有节点人员为空的节点
      var arrs=[];
      rFlowArrive.forEach((item, index) => {
        item.value = item.id;
        item.label = item.index + '.' + item.remarks;
        if (item.code == 'cc'||item.code=='execution'||item.target.length==0) {
          return
        }
        arrs.push(item);
      });

      this.rFlowArrive = arrs;
    },
    communication(val) {
      if (!val) {
        this.tags = [];
        this.communicationVal = '';
      }
    },
    isFlow(val) {
      if (!val) {
        this.target = [];
      }
    },
    isShowPf(val){
      if (!val) {
        this.pfText = '';
        this.indexText={e:0,index:0}
      }
    },
    'remployee.id'(val){
      if(val){
        this.getSuperior();
      }
    },

  },
  created() {
    let staffAssDet=this.$getCache('staffAssDet');//缓存的数据
    if(staffAssDet){
      this.employeeID =staffAssDet.employeeID; //个人记录ID
      this.employID =staffAssDet.employID; //被考核人ID
      this.assList(staffAssDet.assID);
    }else{
      if(this.$route.query.pe_ids){//结果值点击进来
        this.isDetails=false;
        this.resultData={
          peIds:this.$route.query.pe_ids,
          packageName:this.$route.query.name
        }
        let pendingList=JSON.parse(this.$route.query.pendingList);
        this.up={};
        this.down={};
        pendingList.some((item,index)=>{
          if(item.package_id){
            if(this.$route.query.package_id==item.package_id){
              if(pendingList[index-1]){
                this.up=pendingList[index-1];
              }
              if(pendingList[index+1]){
                this.down=pendingList[index+1]
              }
              if(index==(pendingList.length-2)&&pendingList.length>=10){//如果当点击到待办人员的倒数第二个，加载剩余的
                this.getAgency();
              }
              return true
            }
          }
        })
      }else{
        this.employeeID = Number(this.$route.query.employeeID); //个人记录ID
        this.employID = Number(this.$route.query.employeeIDs); //被考核人ID
        this.assList(this.$route.query.assID);
      }
    }
    // 是否显示上下人
    if(this.$route.query.pendingList){
      this.pendingList=JSON.parse(this.$route.query.pendingList);
      this.activeName=this.$route.query.activeName;
      this.page=this.$route.query.page||1;
      this.isDisabled=true;
    }else{
      this.isDisabled=false;
      this.activeName='';
    }
  },
  methods: {
    onFilePreView(file) {
      if(file.url){
        this.imgUrl=file.url;
        this.isShowImg=true;
      }
    },
    onFilePreView2(file) {
      window.open(file.url, '_blank');
    },
    // 获取待办数据
    getAgency() {
      if(!this.isJz){ return false}
      this.page=this.page+1;
      this.$axiosUser('get', '/api/pro/per/package/msg/agency', { node_type: this.activeName, status: 0, page: this.page, page_size: 10 },'v2')
        .then(res => {
          let list = res.data.data.list;
          let pendingList = [];
          list.forEach(item => {
            if(item.node_type==4){
              let userInfo = this.$getEmployeeMapItem(item.first_employee_id);
              item.userInfo = userInfo;
              let name=item.content.split('，')[0]
              pendingList.push({ name: userInfo.name,img_url:userInfo.img_url,package_name:name,pe_ids:item.pe_ids,employeeID:'结果',package_id:item.package_id});
              return false
            }
            if (item.remark.employee_id) {
              //被考核人
              let userInfo = this.$getEmployeeMapItem(item.remark.employee_id);
              item.userInfo = userInfo;
              pendingList.push({ name: userInfo.name, img_url: userInfo.img_url, employeeID: item.remark.packageEmployee_id, package_name: item.remark.package_name });
            }
          });
          if(list.length<10){
            this.isJz=false;
          }
          this.pendingList.push(...pendingList);
        })
    },
    //撤销
    revocation() {
        let params={
          id:this.employeeID,
          node_id:this.revocationNodeId,
          comment:this.cxText
        }
        this.$axiosUser('post', '/api/pro/per/package/revoke', params).then(res => {
          if (res.data.code == 1) {
            this.$message.success('撤销成功');
            this.employeeDet();
          }
        }).finally(()=>{
          this.isShowCx=false;
          this.cxText="";
        });
    },
    // 判断是否能点击列表打开管理记录
    isShowGl(){
      if((this.$getRole(2)||this.$getRole(3))&&this.recordMemberIds.indexOf(this.$userInfo().id)>=0){
        return false
      }else{
        return true
      }
    },
    setUpD(){
      let pendingList=this.pendingList;
      this.up={};
      this.down={};
      pendingList.some((item,index)=>{
        if(this.employeeID==item.employeeID){
          this.packageName=item.package_name;
          if(pendingList[index-1]){
            this.up=pendingList[index-1];
          }
          if(pendingList[index+1]){
            this.down=pendingList[index+1]
          }
          if(index==(pendingList.length-2)&&pendingList.length>=10){//如果当点击到待办人员的倒数第二个，加载剩余的
            this.getAgency();
          }
          return true
        }
      })
    },
    qieh(index){
      let employeeID=index==1? this.up.employeeID:this.down.employeeID;
      if(employeeID==='结果'){//结果值录入
        this.isDetails=false;
        let data=index==1? this.up:this.down;
        this.resultData={
          peIds:JSON.stringify(data.pe_ids),
          packageName:data.package_name
        }
        let pendingList=this.pendingList;
        this.up={};
        this.down={};
        pendingList.some((item,index)=>{
          if(item.package_id){
            if(data.package_id==item.package_id){
              if(pendingList[index-1]){
                this.up=pendingList[index-1];
              }
              if(pendingList[index+1]){
                this.down=pendingList[index+1]
              }
              if(index==(pendingList.length-2)&&pendingList.length>=10){//如果当点击到待办人员的倒数第二个，加载剩余的
                this.getAgency();
              }
              return true
            }
          }
        })
      }else{
        this.isDetails=true;
        this.employeeID=employeeID
        this.employeeDet('',()=>{
          let data={//缓存的数据用于录入结果后返回页面复原数据
            employeeID:this.employeeID,
            employID:this.remployee.id,
            assID:this.package_id,
          }
          this.$setCache("staffAssDet",data)
        });
      }
    },
    updateText(){
      let list = this.dimension[this.indexText.e];
      this.indexText.index==1? list.score_remark=this.pfText:list.total_score_comment=this.pfText
      this.$set(this.dimension, this.indexText.e, list);
      this.isShowPf=false;
    },
    // 填写评分说明
    showPf(e,index){
       let list = this.dimension[e];
       let text=index==1? list.score_remark:list.total_score_comment;//判断是指标说明，还是总分说明
       this.indexText={e:e,index:index}
       this.pfText=text;
       this.isShowPf=true;
    },
    // 目标确认-提交
    submit(){
      this.$confirm('请确认提交制定的指标，提交后不能再自行修改！', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消'
      }).then(() => {
          let data={
            id:this.employeeID,
            node_id:this.atPresentFlow,
            submit:1,
            dimension:JSON.stringify(this.apList)
          }
          this.$axiosUser('post', '/api/pro/per/package/target_set', data).then(res => {
            if (res.data.code == 1) {
              this.$message.success('提交成功');
              this.employeeDet();
            }
          });
      }).catch(() => {
          console.log('取消');
      });
    },
    //获取指定人员上级列表
    getSuperiors(employee_id){
      return this.$axiosUser('get', 'api/pro/employee/superior', {employee_id:employee_id,platform:'3'}).then(res=>{
        return res.data.data.list
      })
    },
    // 判断是否当前被考核人的上级
    async getSuperior(){
      this.isSj=false;
      if(!this.remployee.id){ return is}
      let superior_list=await this.getSuperiors(this.remployee.id);
      superior_list.some(item=>{
        if(item.id==this.userInfo.id){
          this.isSj=true;
          return true
        }
      })
    },
    //判断当有一个人完成，其他显示无需操作
    getStrus(){
      let is=false;
      if(this.processDel.multi_executor==2){
        this.processDel.target.some(item=>{
          if(item.status==2){
            is=true
            return true
          }
        })
        return is;
      }else{
        return false
      };
    },
    //转交
    careOf(data) {
      this.careOfPeopleId = data.employee_id;
      this.careOfSelector = true;
    },
    //转交选人
    confirmcareOf(list) {
      let data = {
        id: this.employeeID, //个人考核记录ID
        node_id: this.processDel.id, //节点ID
        to_employee_id: list.employee[0].id, //接收用户ID
        from_employee_id: this.careOfPeopleId //转出用户ID
      };
      this.$axiosUser('post', '/api/pro/per/package/transfer', data).then(res => {
        if (res.data.code == 1) {
          this.$message.success('转交成功');
          this.isChecks = false;
          this.employeeDet();
        }
      });
    },
    // 打开结果值录入
    openResult() {

      this.$router.push({

        name: 'resultSet',
        query: { id: this.employeeID, packageName: this.packageName,resultStr:this.resultStr },

      });

    },
    // 打开目标制定
    openFormulate() {
      this.$router.push({
        name: 'formulate',
        query: { id: this.employeeID, packageName: this.packageName,nodeId:this.atPresentFlow }
      });
    },
    //打开管理记录
    openTrack(index) {
      this.planIndex = index;
      this.isTrack = true;
    },
    //打开执行计划
    openPlan(index) {
      this.planIndex = index;
      this.isPlan = true;
    },
    //评分--取消
    cancel() {
      this.$confirm('是否暂存当前页面内容?', '提示', {
        confirmButtonText: '暂存',
        cancelButtonText: '不暂存'
      })
        .then(() => {
          this.save(0);
        })
        .catch(() => {
          this.employeeDet();
          this.gradeBegin = false;
        });
    },
    //评分提交
    save(num) {
      let data = {
        id: this.employeeID, //个人考核包ID
        is_submit: num, //是否提交 0否（暂存） 1 是
        node_id: this.atPresentFlow //当前节点
      };
      let point_info=[];//各项评分数据
      let sumData={//总分数据
        total_score:'',
        total_score_comment:'',
      }
      this.dimension.forEach(item => {
        let resultInfo={};
        if(this.ruleScore==1&&!item.totalScore){//各项评分
          resultInfo = {//评分信息--只评总分不需要
            score: item.score_grade?item.score_grade:'', //单项目结果值
            score_remark:item.score_remark,
            dimension_key: item.dimension_key, //维度索引
            index_key: item.index_key, //指标索引
            index_id: item.id ,//指标ID
            name:item.name,

            // 用于计算分数
            d_weight: item.dimension_weight, //维度权重
            weight: item.weight, //指标权重
            type: item.type //所属指标种类 1-量化指标 2-行为价值观指标 3-额外加分项 4-额外扣分项
          };
          point_info.push(resultInfo);
        }else{//等于2：只评总分
            if(item.totalScore){
              sumData={
                total_score:item.score_grade?item.score_grade:'',
                total_score_comment:item.total_score_comment,
              }
            }
        }
      });
      let isMust=true,isExplain=true;//isMust验证评分，isExplain验证说明
      if(num==1){//提交验证必填
        if(this.ruleScore==1){//各项评分
          point_info.forEach(item=>{
             if(this.mandatoryScore){//评分说明必填
               if(!item.score_remark){
                 isExplain=false
               }
             }
             if(!item.score){
               isMust=false
             }
          })
          if (!isMust) {
            this.$message.warning('请输入所有评分');
            return false;
          }
          if (!isExplain) {
            this.$message.warning('请输入所有评分说明');
            return false;
          }
        }else{//总分
          if(!sumData.total_score){
            this.$message.warning('请输入评分总分');
            return false;
          }
          if(this.mandatoryScore){
            if(!sumData.total_score_comment){
              this.$message.warning('请输入总分说明');
              return false;
            }
          }
        }
      }

      if(this.ruleScore==1){
        data.total_score = this.fomatFloat(this.totalPointsCount(point_info), 2); //计算的个人评出的总分（保留小数后两位）
      }else{
        data.total_score = this.fomatFloat(sumData.total_score, 2); //计算的个人评出的总分（保留小数后两位）
        data.total_score_comment=sumData.total_score_comment;
      }
      data.point_info = JSON.stringify(point_info); // 评分信息 --  填所有评分时必须的字段（传入某指标的分数、说明、维度索引、制表索引、指标ID）
      let pointList=JSON.parse(JSON.stringify(point_info));
      pointList.push({
        name:'总分',
        score:data.total_score,
        score_remark:data.total_score_comment
      })
      this.pointList=pointList;
      this.pointData=data;

      if(this.ruleScore==1){//只评总分不需要弹窗
        this.isPoint=true;
      }else{
        this.score()
      }
    },
    score(){
      this.$axiosUser('post', '/api/pro/per/package/submit_score', this.pointData).then(res => {
        this.$message.success('评分成功');
        this.gradeBegin = false;
        this.isPoint = false;
        this.employeeDet();
      });
    },
    fomatFloat(src, pos) {
      return Math.round(src * Math.pow(10, pos)) / Math.pow(10, pos);
    },
    //计算总分
    totalPointsCount(data) {
      let ct = this.empDetList.calc_type; //1-加和计算 2-加权计算
      let cd = this.empDetList.calc_dimension; //是否维度权重参与计算 1-是 0-否
      let num = 0;
      data.forEach(item => {
        if (item.score) {
          if (item.type == 3) {
            //3-额外加分项
            num += Number(item.score);
          }else if(item.type == 4){//4-额外扣分项    不计算
            num -= Number(item.score);
          }else {
            if (ct == 1 && cd == 0) {
              //加和
              num += Number(item.score);
            } else if (ct == 1 && cd == 1) {
              //加和--维度权重参与计算
              num += Number(item.score) * Number(item.d_weight / 100);
            } else if (ct == 2 && cd == 0) {
              //加权
              num += Number(item.score) * Number(item.weight / 100);
            } else if (ct == 2 && cd == 1) {
              //加权--维度权重参与计算
              num += Number(item.score) * Number(item.d_weight / 100) * Number(item.weight / 100);
            }
          }
        }
      });

      return num;
    },

    sgradeBlur(e) {
      let list = this.dimension[e];
      let tPoints = [];
      this.dimension.forEach(item => {
        if (item.score_grade) {
          tPoints.push({
            score: item.score_grade, //分值
            d_weight: item.dimension_weight, //维度权重
            weight: item.weight, //指标权重
            type: item.type //所属指标种类 1-量化指标 2-行为价值观指标 3-额外加分项 4-额外扣分项
          });
        }
      });
      this.tabTotaScore = this.fomatFloat(this.totalPointsCount(tPoints), 2);
    },
    sgradeInp(e,item) {
      //e当前行 ,item用于判断当前输入是否超过评分上限
      let list = this.dimension[e];
      if(item){
        if(item.type==3||item.type==4){
            if(item.point_limit!='-'){
              if(item.score_grade>Number(item.point_limit)){
                this.$message.error("评分超过上限")
                list.score_grade='';
                this.$set(this.dimension, e, list);
                return false
              }
            }
        }
      }
      this.$set(this.dimension, e, list);
    },
    //绩效包列表
    assList(assID) {
      let params = {
        page: 0, //当期页
        employee_id: this.employID
      };
      this.staffLoad = true;
      this.$axiosUser('get', '/api/pro/per/package/list', params).then(res => {
        if (res.data.code == 1) {
          this.headoptions = res.data.data.list;
          this.headvalue = Number(assID);
        }
      });
    },
    deepCopyAndMakeReactive(original, vm) {  
      if (Array.isArray(original)) {  
        return original.map(item => this.deepCopyAndMakeReactive(item, vm));  
      } else if (typeof original === 'object' && original !== null) {  
        const copy = {};  
        Object.keys(original).forEach(key => {  
          this.$set(copy, key, this.deepCopyAndMakeReactive(original[key], vm));  
        });  
        return copy;  
      }  
      return original;  
    },
    // 绩效考核详情
    employeeDet(is,func=function(){}) {
      let params = {};
      // 重置按钮状态
      this.revocationShow=false,
      this.gradeButShow = false;
      this.examineButShow=false;
      this.isAction=false
      this.resultButShow = false;
      this.isShowTargetBtn = false;
      this.isShowConfirmBtn = false;
      this.isUpdateIndex=false;
      this.atPresentFlow = 0;
      this.nowFLow="";
      if (is) {
        params.package_id = this.headvalue;
        params.employee_id = this.employID; //用户ID
      } else {
        params.id = this.employeeID; //个人考核记录ID
      }
      this.staffLoad = true;
      this.$axiosUser('get', '/api/pro/per/package/employee/info', params).then(res => {
          if (res.data.code == 1) {
            let data = res.data.data;
            this.has_finish=data.has_finish;
            this.recordMemberIds = data.record_member_ids;
            this.empDetList = data;
            this.employeeID = data.id; //考核记录id
            this.package_id=data.package_id
            this.publicity=data.publicity;
            if(this.pendingList){
               this.setUpD();
            }
            this.remployee =this.$getEmployeeMapItem(data.employee_id); //被考核人员信息
            this.flow = data.flow; //流程
            this.config = data.config;
            this.calc_dimension = data.calc_dimension; //是否参与权重
            this.apList = JSON.parse(JSON.stringify(data.dimension));
            this.scoreInfo = data.score_info; //各个节点的人评的总分
            // 沟通反馈是否启用
            this.feedbackBut = data.config.assessment.feedback == '1' ? true : false;
            let point_scope = data.config.assessment.point_scope; //评分可见权限
            let point_comment = data.config.assessment.point_comment; //说明可见权限
            let executor = {}; //与当前登录账号相同的执行人
            let review = {}; //与当前登录账号相同的审批人
            let isReview=false;//判断账号是否审批人中一位

            let targetUserList=[];//结果值录入人 ，用来显示结果值录入人
            data.flow.forEach((item,index) => {
              if (item.code == 'execution') {//查找 已开始或已结束的执行节点中有无当前账号
                if (item.status != 0) {
                  item.target.forEach(tar => {
                    if (tar.employee_id == this.userInfo.id) {
                      executor = tar; //存入与当前登录账号相同的执行人
                      executor.newCode = 'employee'; //保存执行人节点code
                    }
                  });
                }
              }
              if (item.code == 'review') {//查找 已开始或已结束的审批节点中有无当前账号
                if(item.status != 0){
                  item.target.forEach(tar => {
                    if (tar.employee_id == this.userInfo.id) {
                      isReview=true;
                      review = tar; //存入与当前登录账号相同的审批人
                      review.newCode = 'reviewer'; //保存审批人节点code
                    }
                  });
                }
              }
              if (item.code=='result_value'){//获取结果值录入人集合
                targetUserList=item.target
              }
              //当前步骤
              if (item.status == 1) {
                // 判断是否显示撤销按钮
                if(item.code != 'cc'){
                    this.isRevocation(item,data.flow[index-1]);
                }
                this.nowFLow = item.code;
                this.atPresentFlow = item.id;
                this.setBtn(item)//其他按钮控制
                if(item.code == 'target'||item.code == 'confirm'){//当是目标制定，目标确认时，隐藏调整目标按钮
                  this.dropdownMenu[1].isShow=false
                }else{
                  this.dropdownMenu[1].isShow=true
                }
                //审批按钮
                if (item.code == 'review') {
                  let reviewif = false;
                  item.target.forEach(tar => {
                    if (tar.employee_id == this.userInfo.id && tar.status == 1) {
                      reviewif = true;
                    }
                  });
                  this.examineButShow = reviewif ? true : false;
                  this.isAction=item.action.indexOf('refuse')>=0? true:false;
                }
                //结果值录入按钮
                if(item.code=='result_value'||item.code=='score_supervisor'||item.code=='special_scorer'){
                  this.isresultBtn(item)
                }
              }
              let remName = item.remark;
              item.target.forEach((add, att) => {
                remName += add.employee_name;
                remName += item.target.length - att > 1 ? ',' : '';
              });
              item.remarks = remName;
              item.remarkDel = item.remark.split('：')[0];
            });

            if(this.atPresentFlow == 0){//如果当前节点id为0，代表此考核详情已完毕，把最后一个节点作为当前节点
              this.atPresentFlow = data.flow[data.flow.length-1].id
              // 判断抄送节点里是否包含当前登录者
              let cs= data.flow[data.flow.length-1];
							if(cs.code=='cc'){  //判断最后一个节点是否抄送节点
								cs.target.some(item => {
									if (item.employee_id == this.userInfo.id) {
										this.isCs = true;
										return true;
									}
								});
							}
            }
            //整合表格格式
            let dimension = data.dimension;
            let dimeTab = [];
            let gradeTab = [];
            let weight = 0; //权重统计
            dimension.forEach((item, keys) => {
              item.index.forEach((arr, index) => {
                weight += Number(arr.weight);
                arr.wdLeg = 0; //其他这个指标集合的指标给值为0
                item.index[0].wdLeg = item.index.length; //找出这个指标集合的第一个并给与他的长度
                arr.theDimension = item.name;
                arr.dimension_weight = item.dimension_weight; //维度权重
                arr.score_infos = [];
                arr.planIndex = [keys, index]; //当打开执行计划时的下标
                arr.per_remark = this.initData(arr.per_remark);
                arr.remark = this.initData(arr.remark);
                arr.target = this.initData(arr.target);
                arr.result = arr.result; //结果值
                arr.point_limit = this.initData(arr.point_limit);
                if(item.index_type==3||item.index_type==4){
                   arr.weight = this.initData(Number(arr.weight));
                }
                // 写入每个指标的结果值录入人
                targetUserList.forEach(target=>{
                  target.list.forEach(target2=>{
                    if(target2.index_id==arr.id){
                       arr.resultUserName = target.employee_name; //结果值
                    }
                  })
                })

                // 权限区分
                arr.score_info.forEach((list, auto) => {
                  if (list.id <= this.atPresentFlow) {//atPresentFlow为当前节点id。。数据-id <= 当前节点id .   :筛选出当前节点及之前的评分节点的数据
                    list.employees.forEach(emplo => {
                      //获取code
                      data.flow.forEach(codes => {
                        if (codes.id == list.id) {
                          emplo.code = codes.code;
                          codes.target.some(tar => {//找到每个评分人获取评分状态
                            if(tar.employee_id==emplo.employee_id){
                              emplo.status = tar.status;
                              return true
                            }
                          });
                        }
                      });
                      emplo.id = list.id;
                      emplo.newKey = Number(emplo.id + '' + emplo.employee_id); //给一个唯一key，目的：找到不同节点的相同的人    去重
                      arr.score_infos.push(emplo);
                      gradeTab.push(emplo);
                    });
                  }
                });
                dimeTab.push(arr);
              });
            });
            this.weight = '指标权重(' + weight + '%)';
            let poiSco = data.config.assessment.point_scope; //评分可见权限
            let poicom = data.config.assessment.point_comment; //说明可见权限
            let duplicat = this.duplicateRemoval(gradeTab, 'newKey');
            duplicat.forEach(item => {
              if (item.code == 'review') {//审批
                item.newCode = 'reviewer';
              } else if (item.code == 'execution') {//执行中
                item.newCode = 'employee';
              } else if (item.code == 'score_supervisor') {//指定上级
                item.newCode = 'manager';
              } else if (item.code == 'special_scorer') {//特定上级
                item.newCode = 'special';
              }
              //item为评分数据，数据内只有两个节点：指定（score_supervisor，权限名：manager）  特定上级（special_scorer，权限名：special）
              //poiSco    评分权限
              //poicom    说明权限
              //executor  执行人中的当前登陆账号
              //review    审批人中的当前登陆账号
              if(executor.employee_id){//若有数据，那么当前登录账号必定在执行人中并且执行节点正在执行或已结束（哪怕正在执行也无所谓，前方已经过滤评分数据，会得到[]）
                if(poiSco[executor.newCode] == '2'){//已有数据并且为2 ‘查看所有的’ ，那就可以将所有的评分权限都改为 ‘2’
                  for(let i in poiSco){
                    poiSco[i] = '2'
                  }
                }
                if(poicom[executor.newCode] == '2'){//说明同上
                  for(let i in poicom){
                    poicom[i] = '2'
                  }
                }
              }
              if(review.employee_id){//审批节点--同上  （审批节点默认为2，可以直接全部变成2）
                if(poiSco[review.newCode] == '2'){
                  for(let i in poiSco){
                    poiSco[i] = '2'
                  }
                }
                if(poicom[review.newCode] == '2'){//说明同上
                  for(let i in poicom){
                    poicom[i] = '2'
                  }
                }
              }
              if (item.employee_id == executor.employee_id) {//判断当前评分数据是否 与 执行节点的当前帐号一致
                if (poiSco[executor.newCode] == '2') {//如果一致并且执行节点为‘2’即查看所有，那么就修改当前 评分数据 的权限也为‘2’
                  poiSco[item.newCode] = '2';
                }
                if (poicom[executor.newCode] == '2') {//执行中的 -- 说明权限-同上
                  poicom[item.newCode] = '2';
                }
              }
              if (item.employee_id == review.employee_id) {//判断当前评分数据是否 与 审批节点的当前帐号一致
                if (poiSco[review.newCode] == '2') {
                  poiSco[item.newCode] = '2';
                }
                if (poicom[review.newCode] == '2') {//审批的 -- 说明权限-同上
                  poicom[item.newCode] = '2';
                }
              }
            });
            let poiSOk = false//评分--为true时所有评分可看
            let poiCOk = false//说明--为true时所有说明可看
            duplicat.forEach(item => {
              if (poiSco[item.newCode] == '1' && item.employee_id == this.userInfo.id) {
                item.poiSco = true;
              }else if(poiSco[item.newCode] == '2'){//当前 评分 数据权限等于2时并且 （当前数据id为登陆账号  或  执行中权限等于2（代表当前登陆账号为执行中的一员 或 审批权限等于2（代表当前登陆账号为审批中的一员）） 时，所有评分都可见
                if(item.employee_id == this.userInfo.id || poiSco[executor.newCode] == '2' || poiSco[review.newCode] == '2'){
                  poiSOk = true
                }
              }
              //说明可见权限。
              if (poicom[item.newCode] == '1' && item.employee_id == this.userInfo.id) {//说明--同上
                item.poicom = true;
              }else if(poicom[item.newCode] == '2'){
                if(item.employee_id == this.userInfo.id || poicom[executor.newCode] == '2' || poicom[review.newCode] == '2'){
                  poiCOk = true
                }
              }
            });
            duplicat.forEach(item => {
              if(poiSOk || this.$getRole(1)||this.isCs){
                item.poiSco = true;
              }
              if(poiCOk || this.$getRole(1)||this.isCs){
                item.poicom = true;
              }
            })
            //遍历列表总分
            let scoreListInfo = [];
            let totSco = false;
            let points=[];//最终显示评分
            this.scoreInfo.forEach(item => {
              item.employees.forEach(arr => {
                arr.newKey = Number(item.id + '' + arr.employee_id);
                arr.codeId = item.id;
                scoreListInfo.push(arr);
              });
            });
            duplicat.forEach((item,index) => {
              scoreListInfo.forEach(arr => {
                if (item.newKey == arr.newKey) {
                  item.totalScore = arr.point;
                  item.comment = arr.comment;
                  if (arr.point) {
                    totSco = true;
                  }
                }
              });
               if(item.status!=2&&item.id!=this.atPresentFlow){
                 // delete duplicat[index]
               }else{
                 points.push(item)
               }
            });
            points.sort(this.rule("id"))//跟距ID排序
            console.log(points)
            this.lingScore_infos = points;
            this.isShowOneselfScore = !this.isShowOneselfScore
            setTimeout(()=>{
              this.isShowOneselfScore = !this.isShowOneselfScore
            })
            // this.lingScore_infos = this.deepCopyAndMakeReactive(points,this)
            // console.log(this.lingScore_infos)
            // this.lingScore_infos = []
            // points.map((item,index) => {
            //   this.lingScore_infos.push(item)
            // })
            // this.$set(this.lingScore_infos,points.map(item => ({ ...item })))

            let toScore = {
              theDimension: '总分',
              wdLeg: 0,
              toScore: true
            };
            if (totSco) {
              let poiScoDimeTab = false;
              duplicat.forEach(item => {
                if (item.poiSco) {
                  poiScoDimeTab = true;
                }
              });
              if (poiScoDimeTab) {
                dimeTab.push(toScore);
                this.$nextTick(() => {
                  //刷新总分--行
                  dimeTab.forEach((item, index) => {
                    if (item.toScore) {
                      this.sgradeInp(index);
                    }
                  });
                });
              }
            }
            //流程结束后的判断
            this.pdLc()
            if (!this.nowFLow||this.nowFLow=='review') {//是审批节点或者流程结束，（流程结束nowFLow为空）
              if(data.publicity == 1||this.$getRole(1)||isReview){ //结果是否公示，是否主次管理员，是否是审批人
                dimeTab[0].final_point = data.final_point; //考核结果--总分
                dimeTab[0].final_level = data.final_level; //考核结果--等级
                dimeTab[0].doing_id  = 11;
                dimeTab[0].zfLeg = dimeTab.length;
              }
            }
            this.dimension = dimeTab.map(item => ({ ...item })); //表格数据
            //记录
            let record = res.data.data.record;
            record.forEach(item => {
              item.userData = this.$getEmployeeMapItem(item.employee_id);
            });
            this.record = record;
            func();
          }
        })
      .finally(() => {
        this.staffLoad = false;
      });
    },
    // 判断是否显示撤销按钮
    isRevocation(dqItem,upItem){
      // 当前只需要评分节点需要撤回
      //当前节点包含自己并且其他任意一人未完成的显示按钮
      if(dqItem.code=='score_supervisor'||dqItem.code=='special_scorer'){
        dqItem.target.some((item,index)=>{
          if(item.employee_id==this.userInfo.id&&item.status==2){
            dqItem.target.some((item2,index2)=>{
              if(item2.status==1){
                this.revocationNodeId=dqItem.id
                this.revocationShow=true;
                 return true;
              }
            })
          }
        })
      }
      let is=true;//判断当前节点人员是否有完成的
      //上一节点中包含登录者并且是完成的状态显示按钮
      if(upItem){
        dqItem.target.some((item,index)=>{
          if(item.status==2){
            is=false;
          }
        })
        if((upItem.code=='score_supervisor'||upItem.code=='special_scorer')){
            upItem.target.some((item,index)=>{
              if(item.employee_id==this.userInfo.id&&item.status==2&&is){
                this.revocationNodeId=upItem.id
                this.revocationShow=true;
                return true;
              }
            })
        }
      }
    },
    //判断是否显示结果值
    isresultBtn(item){
      //结果值录入按钮
      let flow=this.flow;
      if (item.code == 'result_value') {
        item.target.forEach(tar => {
          if (tar.employee_id == this.userInfo.id) {
            this.resultButShow = true;
            this.resultStr=tar.status==2? '调整结果值':'录入结果值'
          }
        });
        return true;
      }else{
        let is=false
        flow.some(obj=>{
          if(obj.code == 'result_value') {
            obj.target.forEach(tar => {
              if (tar.employee_id == this.userInfo.id) {
                is = true;
              }
            });
          }
          if(obj.code=='score_supervisor'||obj.code=='special_scorer'){
            let isUpdate=true;
            if(obj.target.length>0){
              obj.target.forEach(e=>{
                if(e.status==2){
                  isUpdate=false
                }
              })
              if(isUpdate&&is){
                this.resultButShow = true;
                this.resultStr='调整结果值';
              }
            }
            return true
          }
        })
      }
    },
    pdLc(){
       let flow=JSON.parse(JSON.stringify(this.flow)).reverse();//反转流程，找第一个评分节点
      //流程结束，但是最后一个“评分”节点里有自己显示撤销
      if(this.publicity==1){
        flow.some(item=>{
           if(item.code=='review'||item.code=='cc'){
             return true
           }
           if(item.code=='score_supervisor'||item.code=='special_scorer'){
             item.target.some(e=>{
               if(e.employee_id==this.userInfo.id&&e.status==2){
                 this.revocationNodeId=item.id
                 this.revocationShow=true;
                 return true
               }
             })
            return true
           }
        })
      }
    },
    // 各按钮控制
    setBtn(item){
      // 目标制定
      if(item.code == 'target'){
          item.target.forEach(tar => {
            if (tar.employee_id == this.userInfo.id && tar.status == 1) {
              this.isShowTargetBtn = true;
            }
          });
          return
      }
      // 目标确认
      if(item.code == 'confirm'){
          item.target.forEach(tar => {
            if (tar.employee_id == this.userInfo.id && tar.status == 1) {
              this.isShowConfirmBtn = true;
            }
          });
          this.isUpdateIndex=item.action.indexOf('index')>=0? true:false
          return
      }
      //评分按钮
      if (item.code == 'score_self' || item.code == 'score_mutual' || item.code == 'score_supervisor' || item.code == 'special_scorer') {
        item.target.forEach(tar => {
          if (tar.employee_id == this.userInfo.id && tar.status == 1) {
          this.gradeButShow = true;
          }
        });
        return
      }
    },
    //去重
    duplicateRemoval(data, name) {
      let bbt = {};
      let abbts = data.reduce((cur, next) => {
        bbt[next[name]] ? '' : (bbt[next[name]] = true && cur.push(next));
        return cur;
      }, []);
      return abbts;
    },
    //跟距ID排序
    rule(key) {
        return function (a, b) { // sort 默认接受a,b两个参数表示数组中的值
          var value1 = a[key]
          var value2 = b[key]
          return value1 - value2
         }
    },
    groupBy(data, params) {
      const groups = {};
      data.forEach(v => {
        const group = JSON.stringify(v[params]);
        groups[group] = groups[group] || [];
        groups[group].push(v);
      });
      return Object.values(groups);
    },
    //数据初始化，没有值或者空数组的显示-
    initData(str) {
      if (str == null) {
        return str ? str : '-';
      }
      if (typeof str == 'object') {
        return str.length > 0 ? str : '-';
      } else {
        return str ? str : '-';
      }
    },
    // 根据数据结构显示table,
    getTableItem(str) {
      let dimension = this.dimension;
      let is = false;
      dimension.some(item => {
        for (var key in item) {
          if (str == key) {
            if (typeof item[key] == 'object') {
              if(key=='result_file'){
                // 附件
                  if(item[key].append.length>0||item[key].images.length>0){
                    is = true;
                    return true;
                  }
              }else{
                //是数组并且长度大于0
                if (item[key].length > 0) {
                  is = true;
                  return true;
                }
              }
            } else {
              if(key=='target'){
                if (item[key] != '0'&&item[key] != '-') {
                  //是有数据并且！= -
                  is = true;
                  return true;
                }
              }else{
                if (item[key] != '-') {
                  //是有数据并且！= -
                  is = true;
                  return true;
                }
              }
            }
          }
        }
      });
      return is;
    },
    //流程点击
    processDet(data) {
      this.processDel = data;
      this.isChecks = true;
      if (data.target.length == 0) {
        this.proNum = '';
      } else {
        let arr = 0;
        data.target.forEach((item, index) => {
          if (item.status == 2) {
            arr++;
          }
        });
        this.proNum = '（' + arr + '/' + data.target.length + '）';
      }
      let code = this.processDel.code;
      if (this.processDel.status == 1) {//当是目标制定，目标确认 结果值录入，上级评分，指定人评分，审批时显示转交按钮
        if (code == 'target'||code == 'confirm'||code == 'score_supervisor' || code == 'special_scorer' || code == 'result_value' || code == 'review') {
          this.transferBut = true;
        }//当上级评分，指定人评分，判断是否具有转交权限
      }
    },
    handleCommand(val) {
      //管理选项
      if (val == 'a') {
        //重置流程
        this.resetFlow = true;
      } else if (val == 'b') {
        this.isAdjustment=true;
      }
    },
    //
    setDataAccess(){
      this.isAdjustment=false;
      if(this.radio==2){
        //调整目标
        this.$router.push({
          name: 'adjustment',
          query: { id: this.employeeID }
        });
      }else{
        //调整目标
        this.$router.push({
          name: 'adjustment2',
          query: { id: this.employeeID }
        });
      }
    },
    // 沟通反馈
    saveCommunication() {
      if (!this.communicationVal) {
        this.$message.error('请输入沟通内容');
        return false;
      }
      let target_id = this.tags.map(item => {
        return item.id;
      });
      this.$axiosUser('post', '/api/pro/per/package/negotiation', {
        id: this.employeeID,
        content: this.communicationVal,
        target_id: JSON.stringify(target_id)
      }).then(res => {
        this.$message.success('已沟通');
        this.employeeDet();
        this.communication = false;
      });
    },
    confirmCreator(e) {
      this.tags = e.employee;
    },
    handleClose(tag, index) {
      this.tags.splice(index, 1);
    },
    //评分按钮
    gradeClick() {
      this.gradeBegin = true;
      let dnsion = [];
      this.dimension.forEach(item => {
        if (!item.toScore) {
          item.score_infos.forEach(arr => {
            if (arr.employee_id == this.userInfo.id&&arr.id==this.atPresentFlow) {
              item.score_grade = arr.point; //某指标的分数
              item.score_remark = arr.remark; //评分说明
              if(item.type==1){
                item.expressionStr=getExpressionStr(item.expression)
              }else{
                item.expressionStr=''
              }
              dnsion.push(item);
            }
          });
        }
      });
      let data = {};
      dnsion.forEach(item => {
        item.wdLeg = 0;
      });
      let totalScore = {
        theDimension: '总分',
        wdLeg: 0,
        totalScore: true
      };
      this.flow.forEach(item => {
        if (item.code == 'score_supervisor' && item.status == 1) {
          this.ruleScore = item.rule == 2 ? 2 : 1; //1-指标均要评分 2-评分总结
          this.thecurrentFlow = 'score_supervisor';
          totalScore.codeId = item.id;
        } else if (item.code == 'special_scorer' && item.status == 1) {
          this.ruleScore = 1;
        }
        if ((item.code == 'score_supervisor' && item.status == 1) || (item.code == 'special_scorer' && item.status == 1)) {
          //上级评分，特定评分     评分人必填项
          item.action.forEach(arr => {
            this.mandatoryScore = arr == 'comment' ? true : false; //指标说明是否必填
          });
        }
      });
      this.scoreInfo.forEach(item => {
        item.employees.forEach(arr => {
          if (arr.employee_id == this.userInfo.id) {
            this.tabTotaScore = arr.point ? arr.point : 0;
            if (item.id == totalScore.codeId && this.ruleScore == 2) {
              totalScore.score_grade = arr.point;
              totalScore.total_score_comment = arr.comment ? arr.comment : '';
            }
          }
        });
      });
      let dimenList = [];
      let users=[];//当前节点的自己的信息
      this.flow.forEach(item => {//根据流程当前节点，找节点的人员中的登陆者
        if (item.status == 1) {
          item.target.some(arr => {
            if (arr.employee_id == this.userInfo.id) {
              arr.flowStatusId=item.id;//当前节点的ID
              users=arr
              return true
            }
          });
        }
      });
      users.list.forEach(att => {//获取当前节点审批人员中的登陆者
        dnsion.forEach((add,index) => {
          if (att.index_id == add.id&&att.dimension_key==add.planIndex[0]&&att.index_key==add.planIndex[1]) {//因为不同维度下可能存在相同的指标，所以也要判断他的维度是否一致
            add.dimension_key = att.dimension_key; //维度索引
            add.index_key = att.index_key; //指标索引
            add.score_infos.forEach(user=>{ //显示的文案，找到当前登录人
              if(user.id==users.flowStatusId){
                if(user.employee_id==this.userInfo.id){
                  this.scoreTab.title = user.title;
                  this.scoreTab.explain = user.title.split('：')[0] + '说明';
                }
              }
            })
            dimenList.push(add);
          }
        });
      });
      dimenList.push(totalScore);
      this.$nextTick(()=>{
        //  this.dimension = dimenList;
         this.dimension = dimenList.map(item => ({ ...item }));
      })
    },
    gradeTurn() {
      //评分驳回按钮
      this.turnDown = true;
    },
    gradeOk() {
      //评分驳回按钮
      this.examineConsent = true;
    },
    tDownOk(num, formName) {
      let tDownList = this.tDownList;
      if (num == 1) {
        let data = {
          id: this.employeeID, //个人考核包ID
          agree: 1, //同意1    驳回0
          c_node_id:this.atPresentFlow,//当前节点ID
          comment: tDownList.comment //审核意见
        };
        this.tDownHttpJx(1, data);
      } else if (num == 0) {
        //驳回
        this.$refs[formName].validate(valid => {
          if (valid) {
            if (tDownList.employee_id.length == 0) {
              this.$message.error('至少选择一名重置人员');
              return false;
            }
            if (!tDownList.comment) {
              this.$message.error('请输入驳回说明');
              return false;
            }
            this.$confirm('流程将驳回到选中节点，已完成的节点需要重新进行处理，确认重置流程？', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            })
              .then(() => {
                let data = {
                  id: this.employeeID, //个人考核包ID
                  agree: 0, //同意1    驳回0
                  node_id: tDownList.node_id, //重置到某个节点， （type 1 必填）
                  c_node_id:this.atPresentFlow,//当前节点ID
                  employee_id: JSON.stringify(tDownList.employee_id), //重置到节点的某个用户 string(JSOn)
                  comment: tDownList.comment //审核意见
                };
                this.tDownHttpJx(0, data);
              })
              .catch(() => {});
          } else {
            return false;
          }
        });
      }
    },
    tDownHttpJx(num, data) {
      this.$axiosUser('post', '/api/pro/per/package/review', data).then(res => {
        this.$message.success('提交成功');
        this.tDlose(num);
        this.employeeDet();
      });
    },
    tDlose(num) {
      //驳回侧边栏关闭
      if (num == 0) {
        this.turnDown = false;
      } else if (num == 1) {
        this.examineConsent = false;
      }
    },
    //重置确定
    rFlowOk(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          let rFlowList = this.rFlowList;
          if (rFlowList.type == 1) {
            if (rFlowList.employee_id.length == 0) {
              this.$message.error('至少选择一名重置人员');
              return false;
            }
          }
          this.$confirm('流程将重置，已完成的节点需要重新进行处理，确认重置流程？', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          })
            .then(() => {
              let data;
              if (rFlowList.type == 1) {
                data = {
                  id: this.employeeID, //个人考核包ID
                  type: rFlowList.type, //重置类型 1 流程内重置 2 重读维度流程 重置
                  node_id: rFlowList.node_id, //重置到某个节点， （type 1 必填）
                  employee_id: JSON.stringify(rFlowList.employee_id), //重置到节点的某个用户 string(JSOn)
                  comment: rFlowList.comment //审核意见
                };
              } else {
                data = {
                  id: this.employeeID, //个人考核包ID
                  type: rFlowList.type, //重置类型 1 流程内重置 2 重读维度流程 重置
                  overwrite_mode: rFlowList.overwrite_mode, //1 从原来考核模板覆写，2 从个人考核包重置 （type 2 必填）
                  comment: rFlowList.comment //审核意见
                };
              }
              this.$axiosUser('post', 'api/pro/per/package/reset_flow', data).then(res => {
                this.$message.success('提交成功');
                this.resetFlow = false;
                this.employeeDet();
              });
            })
            .catch(() => {});
        } else {
          return false;
        }
      });
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (!this.gradeBegin && !row.toScore) {
        if (columnIndex === 0) {
          return {
            rowspan: row.wdLeg,
            colspan: 1
          };
        }
      }
      if (row.zfLeg) {
        //考核结果、绩效等级
        if (column.label == '考核结果' || column.label == '绩效等级') {
          if (rowIndex != 1) {
            return {
              rowspan: row.zfLeg,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }
      }
    }
  },
  beforeRouteLeave(to, from, next) {
    if(to.name!='formulate'&&to.name!='resultSet'){
      localStorage.removeItem("staffAssDet")
    }
    next();
  }
};
</script>
<style scoped lang="scss">
.guidang{
  margin-left: 20px;
  width: 70px;
  animation:example 1s;
}
@keyframes example {
  from {transform: scale(1.4);}
  to {transform: scale(1);}
}
.popover-box{
  opacity: 1;
  border-radius: 4px;
  width: 250px;
}
.popover-title{
   font-size: 14px;
   font-family: PingFang SC;
   font-weight: 400;
   text-align: center;
   color: #FFCB00;
   margin-bottom: 10px;
 }
.popover-content{
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  opacity: 1;
  color: #fff;
}
.result{
  border: 2px solid #ff9600;
  padding: 5px 10px;
  color: #ff9600;
  text-align: center;
}
.flow-img{
  width: 20px;
  position: absolute;
  right: -30px;
}
.all {
  position: relative;
  font-size: 14px;
  background-color: #fff;
  padding: 20px;
  header {
    margin-bottom: 60px;
    .head {
      border-top: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      padding: 20px 0;
      margin-top: 10px;
    }
    .head2User {
      .headTname {
        padding: 7px 0 0 15px;
        div {
          padding: 0 0 3px 0;
          font-size: 15px;
        }
        span {
          font-size: 13px;
          color: #969696;
        }
      }
    }
  }
}
.upDown-box{
  position: fixed;
  bottom: 10px;
  left: 50%;
  background-color: #fff;
  z-index: 100;
  width: 370px;
  height: 60px;
  border-radius: 100px;
  margin-left: -185px;
  box-shadow: 0 0 5px #999999;
}
.upName{
  width: 80px;
  text-align: center;
  padding: 0 5px;
  font-weight: 600;
}
.up-item{
  cursor: pointer;
}
.up-item:hover{
  cursor: pointer;
  color: #409EFF;
}
.shuru{
  border-bottom: 1px solid #DCDFE6;
  cursor: pointer;
  color: #C0C4CC;
  line-height: 36px;
  height: 36px;
}
.aite {
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  width: 40px;
}
.aite:hover {
  color: #409EFF;
}
.flow-item-start,
.flow-item {
  background-color: #ECF5FF;
  height: 60px;
  min-width: 280px;
  position: relative;
  margin-right: 40px;
  margin-top: 20px;
  padding: 0 10px;
  border-radius: 5px;
}
.flow-box {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 230px;
  display: inline-block;
}
// .flow-item-start::after {
//   position: absolute;
//   content: '';
//   width: 0;
//   height: 0;
//   border-top: 18px solid transparent;
//   border-left: 20px solid #f4f6f9;
//   border-bottom: 18px solid transparent;
//   border-radius: 2px;
//   top: 0;
//   right: -20px;
// }
// .flow-item::before {
//   content: '';
//   position: absolute;
//   width: 0;
//   height: 0;
//   border-top: 18px solid transparent;
//   border-left: 20px solid #fff;
//   border-bottom: 18px solid transparent;
//   border-radius: 2px;
//   top: 0;
//   left: 0px;
// }
// .flow-item::after {
//   content: '';
//   position: absolute;
//   width: 0;
//   height: 0;
//   border-top: 18px solid transparent;
//   border-left: 20px solid #f4f6f9;
//   border-bottom: 18px solid transparent;
//   border-radius: 2px;
//   top: 0;
//   right: -20px;
// }
.el-icon-warning-outline {
  color: #848484;
  position: relative;
  top: 1px;
}
.flow-item-color {
  background-color: #409EFF;
  color: #fff;
  .detailsPonit {
    color: #ffffff;
  }
  .el-icon-warning-outline {
    color: #ffffff;
  }
}
.detailsPonit {
  margin-left: 10px;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
}
.flow-item-color::after {
  border-left: 20px solid #409EFF;
}

.feedDoalog {
  /deep/ .el-dialog__body {
    padding: 0 20px 30px;
  }
}

.mentSty {
  max-width: 300px;
  height: 23px;
  display: inline-block;
}
// .button-width {
//   button {
//     width: 80px;
//   }
// }
.elFrom-margin {
  /deep/ .el-form-item__label {
    padding: 0;
  }
  padding: 0 20px 0 0;
}

.processSty {
  margin-top: -20px;
  .proListSty {
    border-bottom: 1px solid #e2e2e2;
    padding: 17px 0;
    .proButt {
      color: #4799ff;
      border: 1px solid #78a1ff;
      font-size: 14px;
      padding: 0px 10px;
      height: 30px;
    }
    .proName {
      font-size: 15px;
      line-height: 30px;
      padding-left: 8px;
    }
  }
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  padding: 12px 30px;
  z-index: 100;
}
.dian {
  position: absolute;
  right: 10px;
}
</style>