From 792814cf135bb176d6984ab223cc14fb4ed5e8bb Mon Sep 17 00:00:00 2001
From: zhujida <zhujida@ldxinyong.com>
Date: Fri, 18 Dec 2020 15:26:38 +0800
Subject: [PATCH] no message

---
 .../kpi/assessment/performance/index.vue      | 230 +++++++++++-------
 1 file changed, 142 insertions(+), 88 deletions(-)

diff --git a/src/views/kpi/assessment/performance/index.vue b/src/views/kpi/assessment/performance/index.vue
index 3c9501b..5dc292f 100644
--- a/src/views/kpi/assessment/performance/index.vue
+++ b/src/views/kpi/assessment/performance/index.vue
@@ -2,149 +2,203 @@
 <template>
   <div class="performance">
     <SmallNav v-if="!isNoRouter" />
-    <div v-if="isNoRouter"
-         style="margin:20px 0;"
-         class="commonFont">我的绩效</div>
+    <div
+      v-if="isNoRouter"
+      style="margin:20px 0;"
+      class="commonFont"
+    >我的绩效</div>
     <div class="performance-content boderAndRadius">
-      <div v-if="isNoRouter"
-           class="isNoRouter commonFont">
-        <el-cascader style="width:210px;"
-                     v-if="isNoRouter"
-                     :key="key"
-                     v-model="startId"
-                     size="mini"
-                     :props="props"
-                     :options="timeOptions"
-                     @change="handleChange"></el-cascader>
+      <div
+        v-if="isNoRouter"
+        class="isNoRouter commonFont"
+      >
+        <el-cascader
+          style="width:210px;"
+          v-if="isNoRouter"
+          :key="key"
+          v-model="startId"
+          size="mini"
+          :props="props"
+          :options="timeOptions"
+          @change="handleChange"
+        ></el-cascader>
       </div>
 
-      <div v-if="!isNoList"
-           class="performance-content-title">
+      <div
+        v-if="!isNoList"
+        class="performance-content-title"
+      >
         <InfoHeader :obj="{
                 src:obj.avatar || '',
                 name:obj.staffName,
                 departmentName:obj.departmentName
                 }" />
         <div class="performance-content-title-right">
-          <UseButton :obj='obj'
-                     :resultRecordId='resultRecordId'
-                     v-if="isShow && !tableInfo.result && !tableInfo.score && obj.recortModelDtos.length !==0"
-                     :formList='formList'
-                     :tableInfo.sync='tableInfo' />
+          <UseButton
+            :obj='obj'
+            :resultRecordId='resultRecordId'
+            v-if="isShow && !tableInfo.result && !tableInfo.score && obj.recortModelDtos.length !==0"
+            :formList='formList'
+            :tableInfo.sync='tableInfo'
+          />
         </div>
       </div>
-      <div v-if="!isNoList"
-           class="performance-content-center">
-        <div class="performance-content-center-item commonFont"
-             :class="{
+      <div
+        v-if="!isNoList"
+        class="performance-content-center"
+      >
+        <div
+          class="performance-content-center-item commonFont"
+          :class="{
                   active:i.isActive,
                   right:true,
                   left:index !==0
                 }"
-             v-for="(i,index) in formList.flowRecordList"
-             :key="index">
-          <el-tooltip v-if="i.flowName !== '执行中'"
-                      class="item"
-                      effect="dark"
-                      :content="(index >= (formList.flowRecordList.length-1))?i.flowName:i.flowName +' : '+i.staffName"
-                      placement="top">
+          v-for="(i,index) in formList.flowRecordList"
+          :key="index"
+        >
+          <el-tooltip
+            v-if="i.flowName !== '执行中'"
+            class="item"
+            effect="dark"
+            :content="(index >= (formList.flowRecordList.length-1))?i.flowName:i.flowName +' : '+i.staffName"
+            placement="top"
+          >
             <div>
               {{index+1}}.{{i.flowName}} <span v-if="index !== (formList.flowRecordList.length-1)">:{{i.staffName}}
-                <i v-if="i.isGou && !i.isActive"
-                   style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
-                   class="el-icon-check"></i></span>
-              <i v-if="index !== formList.flowRecordList.length-1"
-                 style="cursor: pointer;"
-                 @click="handleRight(i)"
-                 class="el-icon-video-pause"></i>
+                <i
+                  v-if="i.isGou && !i.isActive"
+                  style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
+                  class="el-icon-check"
+                ></i></span>
+              <i
+                v-if="index !== formList.flowRecordList.length-1"
+                style="cursor: pointer;"
+                @click="handleRight(i)"
+                class="el-icon-video-pause"
+              ></i>
             </div>
           </el-tooltip>
-          <el-tooltip v-if="i.flowName === '执行中'"
-                      class="item"
-                      effect="dark"
-                      placement="top">
+          <el-tooltip
+            v-if="i.flowName === '执行中'"
+            class="item"
+            effect="dark"
+            placement="top"
+          >
             <div slot="content">执行中”是员工在目标确认后，努力达成目标的一个过程，直到管理员发起评分。<br />管理员如何发起评分：返回上级页面&lt;考核详情&gt;，点击"开始评分"按钮发起。</div>
             <div>
-              {{index+1}}.{{i.flowName}}<i class="el-icon-warning-outline" />:{{i.staffName}} <i v-if="i.isGou && !i.isActive"
-                 style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
-                 class="el-icon-check"></i>
-              <i style="cursor: pointer;"
-                 @click="handleRight(i)"
-                 class="el-icon-video-pause"></i>
+              {{index+1}}.{{i.flowName}}<i class="el-icon-warning-outline" />:{{i.staffName}} <i
+                v-if="i.isGou && !i.isActive"
+                style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
+                class="el-icon-check"
+              ></i>
+              <i
+                style="cursor: pointer;"
+                @click="handleRight(i)"
+                class="el-icon-video-pause"
+              ></i>
             </div>
           </el-tooltip>
         </div>
       </div>
-      <div v-if="!isNoList"
-           class="performance-content-bottom">
-        <tables :resultRecordId='String(resultRecordId)'
-                :tableAuth='formList.auth'
-                :tableInfo.sync='tableInfo'
-                v-if="obj.recortModelDtos.length !==0"
-                :obj='obj' />
+      <div
+        v-if="!isNoList"
+        class="performance-content-bottom"
+      >
+        <tables
+          :resultRecordId='String(resultRecordId)'
+          :tableAuth='formList.auth'
+          :tableInfo.sync='tableInfo'
+          v-if="obj.recortModelDtos.length !==0"
+          :obj='obj'
+        />
       </div>
       <div v-if="!isNoList">
-        <div v-if="formList.resultCommentList.length !== 0 "
-             class="performance-content-jilu">
+        <div
+          v-if="formList.resultCommentList.length !== 0 "
+          class="performance-content-jilu"
+        >
           <div class="performance-content-jilu-title commonFont">
             记录
           </div>
-          <div v-for="(i) in formList.resultCommentList"
-               :key="i.id"
-               class="performance-content-jilu-item commonFont">
+          <div
+            v-for="(i) in formList.resultCommentList"
+            :key="i.id"
+            class="performance-content-jilu-item commonFont"
+          >
             <div class="performance-content-jilu-item-time">
               {{i.gmtCreate}}
             </div>
             <div class="performance-content-jilu-item-content">
               <div class="performance-content-jilu-item-content-img">
-                <InfoHeader :isShow='false'
-                            :obj='{src:i.avatar}' />
+                <InfoHeader
+                  :isShow='false'
+                  :obj='{src:i.avatar}'
+                />
               </div>
               <div>
                 <span>{{i.staffName}}</span><span class="mubiao">#{{i.optDesc}}#</span>
               </div>
             </div>
-            <div class="comment"
-                 v-if="i.comment">
+            <div
+              class="comment"
+              v-if="i.comment"
+            >
               <pre>{{i.isShow?i.comment:(i.comment.substring(0,12)+'...')}}</pre>
-              <div style="width:40px;flex-shrink:0; cursor: pointer;"
-                   @click="handleShow(i)">{{!!i.isShow?'收起':'展开'}}</div>
+              <div
+                style="width:40px;flex-shrink:0; cursor: pointer;"
+                @click="handleShow(i)"
+              >{{!!i.isShow?'收起':'展开'}}</div>
             </div>
           </div>
         </div>
       </div>
 
     </div>
-    <popup-right v-if="right.showRight"
-                 @cancel='handleCancel'
-                 @submit="handleSubmit"
-                 :footer='false'
-                 :title="form.item.flowName">
-      <div slot="content"
-           class="chooseManage">
-        <div class='chooseManage-item'
-             :key="index"
-             v-for="(i,index) in form.item.flowDetailRespList">
+    <popup-right
+      v-if="right.showRight"
+      @cancel='handleCancel'
+      @submit="handleSubmit"
+      :footer='false'
+      :title="form.item.flowName"
+    >
+      <div
+        slot="content"
+        class="chooseManage"
+      >
+        <div
+          class='chooseManage-item'
+          :key="index"
+          v-for="(i,index) in form.item.flowDetailRespList"
+        >
           <InfoHeader :obj="{
                 src:i.avatar,
                 name:i.staffName,
                 departmentName:i.departName
                 }" />
           <div class="chooseManage-item-center">
-            <el-tag v-if='i.status===0'
-                    size="mini"
-                    type="warning">未确认</el-tag>
-            <el-tag v-if='i.status===4'
-                    size="mini">已跳过</el-tag>
-            <el-tag v-if='i.status===1'
-                    size="mini"
-                    type="success">已确认</el-tag>
+            <el-tag
+              v-if='i.status===0'
+              size="mini"
+              type="warning"
+            >未确认</el-tag>
+            <el-tag
+              v-if='i.status===4'
+              size="mini"
+            >已跳过</el-tag>
+            <el-tag
+              v-if='i.status===1'
+              size="mini"
+              type="success"
+            >已确认</el-tag>
           </div>
           <div>
-            <UseButton :resultRecordId='resultRecordId'
-                       :info='i'
-                       :formList='formList'
-                       :tableInfo.sync='tableInfo' />
+            <UseButton
+              :resultRecordId='resultRecordId'
+              :info='i'
+              :formList='formList'
+              :tableInfo.sync='tableInfo'
+            />
           </div>
         </div>
       </div>