From 1a506403ec83f5fb08e421e4fabfdeddd19d9d96 Mon Sep 17 00:00:00 2001
From: xiongchengqiang <xiongchengqiang@linzikg.com>
Date: Wed, 2 Dec 2020 10:26:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kpi/assessment/performance/index.vue      | 242 +++++++++---------
 1 file changed, 118 insertions(+), 124 deletions(-)

diff --git a/src/views/kpi/assessment/performance/index.vue b/src/views/kpi/assessment/performance/index.vue
index 95cca67..6a7f49f 100644
--- a/src/views/kpi/assessment/performance/index.vue
+++ b/src/views/kpi/assessment/performance/index.vue
@@ -1,153 +1,147 @@
 <!--  -->
 <template>
   <div class="performance">
-    <SmallNav v-if="!isNoRouter"/>
-    <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>
+    <SmallNav v-if="!isNoRouter" />
+    <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>
 
-      <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 :resultRecordId='resultRecordId'  v-if="isShow"  :formList='formList' :tableInfo.sync='tableInfo'/>
+          <UseButton :resultRecordId='resultRecordId'
+                     v-if="isShow && !tableInfo.result && !tableInfo.score"
+                     :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 class="performance-content-jilu-title commonFont">
-                  记录
-                </div>
-                <div
-                  v-for="(i,index) in formList.resultCommentList"
-                  :key="index"
-                  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}' />
-                    </div>
-                    <div>
-                      <span>{{i.staffName}}</span><span class="mubiao">#{{i.optDesc}}#</span>
-                    </div>
-                  </div>
-                    <div class="comment" v-if="i.comment">
-                      <pre>{{i.comment}}</pre>
-                    </div>
-                </div>
+      <div v-if="!isNoList">
+        <div v-if="formList.resultCommentList.length !== 0 "
+             class="performance-content-jilu">
+          <div class="performance-content-jilu-title commonFont">
+            记录
+          </div>
+          <div v-for="(i,index) in formList.resultCommentList"
+               :key="index"
+               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}' />
               </div>
+              <div>
+                <span>{{i.staffName}}</span><span class="mubiao">#{{i.optDesc}}#</span>
+              </div>
+            </div>
+            <div class="comment"
+                 v-if="i.comment">
+              <pre>{{i.comment}}</pre>
+            </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>
@@ -221,7 +215,7 @@ export default {
   computed: {},
   beforeMount () { },
   async mounted () {
-    await this.handleGetTbale({id: this.$route.query.id || ''})
+    await this.handleGetTbale({ id: this.$route.query.id || '' })
     if (this.isNoRouter) {
       await this.handleStartsReq()
     }
@@ -230,7 +224,7 @@ export default {
   methods: {
     async handleChange (item) {
       this.startId = item
-      await this.handleGetTbale({startId: item[1]})
+      await this.handleGetTbale({ startId: item[1] })
       await this.handleList()
     },
     // 为了不分页直接传999
@@ -275,7 +269,7 @@ export default {
       }
       this.startIds = res.data.startId
       this.resultRecordId = res.data.id
-      res.data.recortModelDtos = res.data.recortModelDtos.concat([{name: '总分', detailDtos: []}])
+      res.data.recortModelDtos = res.data.recortModelDtos.concat([{ name: '总分', detailDtos: [] }])
       this.obj = res.data
     },
     handleRight (item) {
@@ -311,7 +305,7 @@ export default {
 </script>
 
 <style lang='less' scoped>
-.isNoRouter{
+.isNoRouter {
   display: flex;
   margin: 0 0 28px 0;
   align-items: center;
@@ -324,24 +318,24 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    &-center{
+    &-center {
       min-width: 200px;
-      .center()
+      .center();
     }
   }
   &-content {
-    .comment{
+    .comment {
       width: 200px;
-      margin: 0 0 0  50px;
+      margin: 0 0 0 50px;
       padding: 10px;
       background: rgb(240, 240, 240);
       border-radius: 4px;
-      pre{
+      pre {
         white-space: pre;
-          white-space: pre-wrap!important;
-        word-wrap: break-word!important;
-        *white-space:normal!important;
-              }
+        white-space: pre-wrap !important;
+        word-wrap: break-word !important;
+        *white-space: normal !important;
+      }
     }
     padding: 28px;
     margin: 10px 0 50px;