From 7ed758d90a082db91ef9280741ba1dcb3a96e3db Mon Sep 17 00:00:00 2001
From: zhujida <zhujida@ldxinyong.com>
Date: Tue, 22 Dec 2020 18:16:31 +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

---
 .../performance/components/table.vue          | 391 ++++++++++--------
 1 file changed, 230 insertions(+), 161 deletions(-)

diff --git a/src/views/kpi/assessment/performance/components/table.vue b/src/views/kpi/assessment/performance/components/table.vue
index f960489..d9587a2 100644
--- a/src/views/kpi/assessment/performance/components/table.vue
+++ b/src/views/kpi/assessment/performance/components/table.vue
@@ -1,20 +1,26 @@
 <template>
   <div class='table'>
-    <div v-if="obj.recortModelDtos.length !== 0"
-         class="table-list commonFont">
+    <div
+      v-if="obj.recortModelDtos.length !== 0"
+      class="table-list commonFont"
+    >
       <div class="table-header">
         <div class="title table-left weidu">维度</div>
         <div class="title table-header-flex name">名称</div>
         <div class="title table-header-flex jindu">任务</div>
         <div class="title table-header-flex kaohe">考核标准</div>
-        <div class="title table-header-flex jieguo"
-             v-if="tableInfo.result || tableAuth.showResult">结果值</div>
+        <div
+          class="title table-header-flex jieguo"
+          v-if="tableInfo.result || tableAuth.showResult"
+        >结果值</div>
         <div class="title table-header-flex quanzhong">权重({{Math.round((obj.weight * 100)*1000)/1000}}%)</div>
         <template v-if="obj.recortModelDtos.length>0 && obj.recortModelDtos[0].detailDtos && obj.recortModelDtos[0].detailDtos.length>0">
           <!-- v-if="tableAuth.editScore" -->
-          <div class="title table-header-flex pingfen"
-               v-for="(k,index1) in handleGetScorlList(obj.recortModelDtos[0].detailDtos[0].scoreDtos)"
-               :key="index1">
+          <div
+            class="title table-header-flex pingfen"
+            v-for="(k,index1) in handleGetScorlList(obj.recortModelDtos[0].detailDtos[0].scoreDtos)"
+            :key="index1"
+          >
             <div class="pingfen-title">上级评分 - {{k.approvalName}} ( {{( Math.round((k.weight * 100) * 1000) / 1000 )}}%)</div>
             <div class="pingfen-content">
               <div class="pingfen-content-ping">评分</div>
@@ -23,185 +29,247 @@
             </div>
           </div>
         </template>
-        <div class="title table-header-flex kaohejieguo" v-if="auth.showAllScore">考核结果</div>
-        <div class="title table-header-flex jixiaodengji" v-if="auth.showAllScore">绩效等级</div>
+        <div
+          class="title table-header-flex kaohejieguo"
+          v-if="auth.showAllScore"
+        >考核结果</div>
+        <div
+          class="title table-header-flex jixiaodengji"
+          v-if="auth.showAllScore"
+        >绩效等级</div>
       </div>
       <div class="tableRight">
         <div style="flex:1 0 auto;">
-           <div class="table-weidu"
-           v-for="(item,index) in ((tableInfo.score || tableAuth.showScore)?obj.recortModelDtos:obj.recortModelDtos.slice(0,obj.recortModelDtos.length-1))"
-           :key="index">
-        <!-- ((tableInfo.score || tableAuth.showScore) && tableAuth.editScore?obj.recortModelDtos:obj.recortModelDtos.slice(0,obj.recortModelDtos.length-1)) -->
-        <div class="weidu">
-          <div v-for="(name,indexname) in item.name"
-               :key="indexname">
-            {{name}}
-          </div>
-        </div>
-        <div style="flex: 1 1 auto;"
-             class="table-right">
-          <div class="table-content"
-               v-for="(i,index2) in item.detailDtos"
-               :key="index2">
-            <div class="name pre"
-                 >
-                 <pre>{{i.target}}</pre>
+          <div
+            class="table-weidu"
+            v-for="(item,index) in ((tableInfo.score || tableAuth.showScore)?obj.recortModelDtos:obj.recortModelDtos.slice(0,obj.recortModelDtos.length-1))"
+            :key="index"
+          >
+            <!-- ((tableInfo.score || tableAuth.showScore) && tableAuth.editScore?obj.recortModelDtos:obj.recortModelDtos.slice(0,obj.recortModelDtos.length-1)) -->
+            <div class="weidu">
+              <div
+                v-for="(name,indexname) in item.name"
+                :key="indexname"
+              >
+                {{name}}
+              </div>
             </div>
-            <div class="jindu">
-              <el-progress v-if='i.taskDtos.length !== 0' type="circle"
-                           :width='50'
-                           :stroke-width='4'
-                           :percentage="Math.round((i.processRate * 100) * 1000) / 1000 "></el-progress>
-              <el-button v-if='i.taskDtos.length !== 0' type="text"
-                         @click="handleLookProcess(i.id)"
-                         size="mini">
-                查看任务({{i.taskDtos.length || 0}})
-              </el-button>
-              <el-button v-if='i.taskDtos.length === 0' type="text"
-                         @click="handleLookProcess(i.id)"
-                         size="mini">
-                暂无任务<br/>去添加
-              </el-button>
+            <div
+              style="flex: 1 1 auto;"
+              class="table-right"
+            >
+              <div
+                class="table-content"
+                v-for="(i,index2) in item.detailDtos"
+                :key="index2"
+              >
+                <div class="name pre">
+                  <pre>{{i.target}}</pre>
+                </div>
+                <div class="jindu">
+                  <el-progress
+                    v-if='i.taskDtos.length !== 0'
+                    type="circle"
+                    :width='50'
+                    :stroke-width='4'
+                    :percentage="Math.round((i.processRate * 100) * 1000) / 1000 "
+                  ></el-progress>
+                  <el-button
+                    v-if='i.taskDtos.length !== 0'
+                    type="text"
+                    @click="handleLookProcess(i.id)"
+                    size="mini"
+                  >
+                    查看任务({{i.taskDtos.length || 0}})
+                  </el-button>
+                  <el-button
+                    v-if='i.taskDtos.length === 0'
+                    type="text"
+                    @click="handleLookProcess(i.id)"
+                    size="mini"
+                  >
+                    暂无任务<br />去添加
+                  </el-button>
 
-            </div>
-            <div class="kaohe pre" style="justify-content: flex-start;">
-                    <pre>
+                </div>
+                <div
+                  class="kaohe pre"
+                  style="justify-content: flex-start;"
+                >
+                  <pre>
                      {{i.keyResult}}
                    </pre>
-            </div>
-            <div class="jieguo pre"
-                 v-if="tableInfo.result || tableAuth.showResult">
-              <el-input v-if="tableInfo.result"
-                        type="textarea"
-                        :rows="12"
+                </div>
+                <div
+                  class="jieguo pre"
+                  v-if="tableInfo.result || tableAuth.showResult"
+                >
+                  <el-input
+                    v-if="tableInfo.result"
+                    type="textarea"
+                    :rows="12"
+                    size="mini"
+                    placeholder="请输入内容"
+                    v-model="i.checkResult"
+                    clearable
+                  ></el-input>
+                  <pre v-else>{{i.checkResult || '--'}}</pre>
+                </div>
+                <div class="quanzhong">
+                  {{( Math.round((i.checkWeight * 100) * 1000) / 1000 )}}%
+                </div>
+                <template>
+                  <div
+                    v-for="(dto,index3) in handleGetScorlList(i.scoreDtos)"
+                    :key="index3"
+                    class="pingfen table-content-pingfen"
+                  >
+                    <div class="pingfen-content-ping">
+                      <el-select
+                        v-if="tableInfo.score && obj.gradeGroupId===1 &&  dto.approvalId ===userInfo.userId"
+                        style="width:115px;"
                         size="mini"
+                        v-model="dto.acquireScore"
+                      >
+                        <el-option
+                          v-for="item in scoreList"
+                          :key="item.id"
+                          :label="item.name"
+                          :value="item.score"
+                        >
+                        </el-option>
+                      </el-select>
+                      <el-input
+                        v-if="tableInfo.score && obj.gradeGroupId===2 &&  dto.approvalId ===userInfo.userId"
+                        style="width:115px;"
+                        size="mini"
+                        placeholder="请输入评分值"
+                        v-model="dto.acquireScore"
+                        clearable
+                      ></el-input>
+                      <span v-if="!tableInfo.score || dto.approvalId !== userInfo.userId">{{handleScore(dto.acquireScore)}}</span>
+                    </div>
+                    <div class="pingfen-content-defen">
+                      {{dto.acquireScore}}
+                    </div>
+                    <div class="pingfen-content-shuoming">
+                      <el-input
+                        v-if="tableInfo.score &&  dto.approvalId ===userInfo.userId"
+                        style="width:200px;"
+                        :rows="4"
+                        size="mini"
+                        type="textarea"
                         placeholder="请输入内容"
-                        v-model="i.checkResult"
-                        clearable></el-input>
-              <pre v-else>{{i.checkResult || '--'}}</pre>
-            </div>
-            <div class="quanzhong">
-              {{( Math.round((i.checkWeight * 100) * 1000) / 1000 )}}%
-            </div>
-            <template>
-              <div v-for="(dto,index3) in handleGetScorlList(i.scoreDtos)"
-                   :key="index3"
-                   class="pingfen table-content-pingfen">
-                <div class="pingfen-content-ping">
-                  <el-select v-if="tableInfo.score && obj.gradeGroupId===1 &&  dto.approvalId ===userInfo.userId"
-                             style="width:115px;"
-                             size="mini"
-                             v-model="dto.acquireScore">
-                    <el-option v-for="item in scoreList"
-                               :key="item.id"
-                               :label="item.name"
-                               :value="item.score">
-                    </el-option>
-                  </el-select>
-                  <el-input v-if="tableInfo.score && obj.gradeGroupId===2 &&  dto.approvalId ===userInfo.userId"
-                            style="width:115px;"
-                            size="mini"
-                            placeholder="请输入评分值"
-                            v-model="dto.acquireScore"
-                            clearable></el-input>
-                  <span v-if="!tableInfo.score || dto.approvalId !== userInfo.userId">{{handleScore(dto.acquireScore)}}</span>
-                </div>
-                <div class="pingfen-content-defen">
-                  {{dto.acquireScore}}
-                </div>
-                <div class="pingfen-content-shuoming">
-                  <el-input v-if="tableInfo.score &&  dto.approvalId ===userInfo.userId"
-                            style="width:200px;"
-                            :rows="4"
-                            size="mini"
-                            type="textarea"
-                            placeholder="请输入内容"
-                            v-model="dto.scoreComment"
-                            clearable></el-input>
-                  <span v-else>{{dto.scoreComment || '--'}}</span>
-                </div>
-              </div>
-            </template>
+                        v-model="dto.scoreComment"
+                        clearable
+                      ></el-input>
+                      <span v-else>{{dto.scoreComment || '--'}}</span>
+                    </div>
+                  </div>
+                </template>
 
-          </div>
-          <div class="table-content"
-               v-if="item.detailDtos.length===0">
-            <div class="name">
-              --
-            </div>
-            <div class="jindu">
-              暂无任务
-            </div>
-            <div class="kaohe">
-              --
-            </div>
-            <div class="jieguo"
-                 v-if="tableInfo.result || tableAuth.showResult">
-              --
-            </div>
-            <div class="quanzhong">
-              --
-            </div>
-            <template>
-              <div v-for="(k,index4) in (scoreListForParams)"
-                   :key="index4"
-                   class="pingfen table-content-pingfen">
-                <div class="pingfen-content-ping">
-                  {{handleGetDengJi(k.ScoreSimple)}}
-                </div>
-                <div class="pingfen-content-defen">
-                  {{k.ScoreSimple}}
-                </div>
-                <div class="pingfen-content-shuoming">
+              </div>
+              <div
+                class="table-content"
+                v-if="item.detailDtos.length===0"
+              >
+                <div class="name">
                   --
                 </div>
-              </div>
-            </template>
+                <div class="jindu">
+                  暂无任务
+                </div>
+                <div class="kaohe">
+                  --
+                </div>
+                <div
+                  class="jieguo"
+                  v-if="tableInfo.result || tableAuth.showResult"
+                >
+                  --
+                </div>
+                <div class="quanzhong">
+                  --
+                </div>
+                <template>
+                  <div
+                    v-for="(k,index4) in (scoreListForParams)"
+                    :key="index4"
+                    class="pingfen table-content-pingfen"
+                  >
+                    <div class="pingfen-content-ping">
+                      {{handleGetDengJi(k.ScoreSimple)}}
+                    </div>
+                    <div class="pingfen-content-defen">
+                      {{k.ScoreSimple}}
+                    </div>
+                    <div class="pingfen-content-shuoming">
+                      --
+                    </div>
+                  </div>
+                </template>
 
+              </div>
+            </div>
           </div>
         </div>
-        </div>
-        </div>
-        <div v-if="auth.showAllScore" style='display:flex;'>
+        <div
+          v-if="auth.showAllScore"
+          style='display:flex;'
+        >
           <div class="item kaohejieguo">
             {{handleGetAllScore(scoreListForParams).score}}
           </div>
           <div class="item  jixiaodengji">
-              {{handleGetAllScore(scoreListForParams).a}}
+            {{handleGetAllScore(scoreListForParams).a}}
           </div>
         </div>
       </div>
     </div>
-    <div v-else
-         class='nojixiao'>
-      <img src="./imgs/nojixiao.png"
-           alt="">
+    <div
+      v-else
+      class='nojixiao'
+    >
+      <img
+        src="./imgs/nojixiao.png"
+        alt=""
+      >
       <div class="commonFont">
         未制定绩效目标，暂无数据
       </div>
     </div>
-    <div v-if="tableInfo.result || tableInfo.score"
-         class="table-bottom">
+    <div
+      v-if="tableInfo.result || tableInfo.score"
+      class="table-bottom"
+    >
       <div class="table-bottom-content">
-        <el-button size='small'
-                   @click="handleCancelResult"
-                   plain>取消</el-button>
-        <el-button size='small'
-                   :loading='loadingZan'
-                   @click="handleSaveDetail()"
-                   plain>暂存</el-button>
-        <el-button size='small'
-                   :loading='loadingTi'
-                   @click="handleGetNext"
-                   type="primary">{{tableInfo.result?'提交结果值':'提交评分'}}</el-button>
+        <el-button
+          size='small'
+          @click="handleCancelResult"
+          plain
+        >取消</el-button>
+        <el-button
+          size='small'
+          :loading='loadingZan'
+          @click="handleSaveDetail()"
+          plain
+        >暂存</el-button>
+        <el-button
+          size='small'
+          :loading='loadingTi'
+          @click="handleGetNext"
+          type="primary"
+        >{{tableInfo.result?'提交结果值':'提交评分'}}</el-button>
       </div>
     </div>
     <!-- <div v-if="scoreListForParams.length>0"
          class="commonFont"
          style="font-size:12px;margin:10px 0;">{{handleGetAllScore(scoreListForParams)}}</div> -->
-    <process v-if="!_.isEmpty(taskInfo)"
-             :taskObj='taskInfo'
-             :drawer.sync='drawer' />
+    <process
+      v-if="!_.isEmpty(taskInfo)"
+      :taskObj='taskInfo'
+      :drawer.sync='drawer'
+    />
   </div>
 </template>
 <script>
@@ -358,9 +426,10 @@ export default {
       return this.scoreList.filter(i => i.score === item).length > 0 ? this.scoreList.filter(i => i.score === item)[0].name : 0
     },
     async handleGetNext () {
+      console.log(this.obj)
       this.loadingTi = true
       const obj = { status: 1, menuName: this.tableInfo.result ? '提交了结果值' : '提交了评分' }
-      const params = Object.assign({}, { resultRecordId: this.$route.query.id || '' }, obj)
+      const params = Object.assign({}, { resultRecordId: this.obj.id || '' }, obj)
       if (!this.tableInfo.result) {
         let isScore = true
         this.obj.recortModelDtos.map(i => {
@@ -410,7 +479,7 @@ export default {
       if (res.code !== 200) return
       this.scoreList = res.data
     },
-    async handleSaveDetail (params = Object.assign({}, this.obj, this.score, {save: 1})) {
+    async handleSaveDetail (params = Object.assign({}, this.obj, this.score, { save: 1 })) {
       this.loadingZan = true
       let res = await apiSaveDetail(params)
       this.loadingZan = false
@@ -427,21 +496,21 @@ export default {
 }
 </script>
 <style lang='less' scoped>
-.item{
+.item {
   border-right: 1px solid @borderColor;
   border-bottom: 1px solid @borderColor;
 }
-.tableRight{
+.tableRight {
   display: flex;
 }
-.kaohejieguo{
+.kaohejieguo {
   width: 100px;
   .center();
-  font-size:10px;
+  font-size: 10px;
 }
-.jixiaodengji{
+.jixiaodengji {
   width: 100px;
-  font-size:10px;
+  font-size: 10px;
   .center();
 }
 .title {