From c930c296a8cda9300d13f50a904a40b7bf6cd32c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E6=88=90=E5=BC=BA?= <xiongchengqiang@linzikg.com>
Date: Tue, 24 Nov 2020 11:13:06 +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

---
 src/style/common.less                         |  4 +-
 .../performance/components/table.vue          | 37 ++++++++++++-------
 2 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/style/common.less b/src/style/common.less
index 7caafc9..bcdbd7d 100644
--- a/src/style/common.less
+++ b/src/style/common.less
@@ -16,9 +16,9 @@
   cursor: pointer;
 }
 .pre{
-  line-height: 23px;
+  line-height: 20px;
   pre{
-    line-height: 23px;
+    line-height: 20px;
     // white-space:pre-line;
     // word-wrap: break-word;
     white-space: pre-line; /* css-3 */
diff --git a/src/views/kpi/assessment/performance/components/table.vue b/src/views/kpi/assessment/performance/components/table.vue
index 5212786..e8d6b59 100644
--- a/src/views/kpi/assessment/performance/components/table.vue
+++ b/src/views/kpi/assessment/performance/components/table.vue
@@ -1,6 +1,6 @@
 <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">
           <div class="table-header">
             <div class="table-left name">维度</div>
             <div class="table-content-right-item" style="flex:1;">
@@ -8,9 +8,9 @@
               <div class="table-header-flex pre kaohe">考核标准</div>
               <div class="table-header-flex jieguo" v-if="tableInfo.result || tableAuth.showResult">结果值</div>
               <div class="table-header-flex quanzhomng" style="flex:none;">权重({{Math.round((obj.weight * 100)*1000)/1000}}%)</div>
-              <div class="table-header-flex" style="flex:none;width:130px;"  v-if="tableInfo.score || tableAuth.showScore">上级评分</div>
-              <div class="table-header-flex quanzhomng" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">得分</div>
-              <div class="table-header-flex" style="width: 200px;"   v-if="tableInfo.score || tableAuth.showScore">评分说明</div>
+              <div class="table-header-flex pingfen"   v-if="tableInfo.score || tableAuth.showScore">上级评分</div>
+              <div class="table-header-flex defen" style="flex:none;" v-if="tableInfo.score || tableAuth.showScore">得分</div>
+              <div class="table-header-flex pingfen"    v-if="tableInfo.score || tableAuth.showScore">评分说明</div>
             </div>
           </div>
 
@@ -37,7 +37,7 @@
                 <div class="quanzhomng" style="flex:none;">
                     {{( Math.round((child.checkWeight * 100) * 1000) / 1000 )}}%
                 </div>
-                <div v-if="tableInfo.score || tableAuth.showScore" class="pingfen" style="flex:none;width:130px;">
+                <div v-if="tableInfo.score || tableAuth.showScore" class="pingfen" >
                     <!-- gradeGroupId=== 1  下拉 -->
                     <el-select v-if="tableInfo.score && obj.gradeGroupId===1"   style="width:115px;" size="mini" v-model="child.scoreDtos[child.scoreDtos.length-1].acquireScore">
                       <el-option
@@ -50,10 +50,10 @@
                     <el-input v-if="tableInfo.score && obj.gradeGroupId===2"  style="width:115px;" size="mini"  placeholder="请输入评分值" v-model="child.scoreDtos[child.scoreDtos.length-1].acquireScore" clearable></el-input>
                     <span v-if="!tableInfo.score">{{handleScore(child.scoreDtos[child.scoreDtos.length-1].acquireScore)}}</span>
                 </div>
-                <div class="quanzhomng pingfen" style="flex:none;"  v-if="tableInfo.score || tableAuth.showScore">
+                <div class="defen" style="flex:none;"  v-if="tableInfo.score || tableAuth.showScore">
                     <span>{{child.scoreDtos[child.scoreDtos.length-1].acquireScore || '--'}}</span>
                 </div>
-                <div class='pre pingfen' style="padding:10px;width: 200px;" v-if="tableInfo.score || tableAuth.showScore">
+                <div class='pre pingfen'  v-if="tableInfo.score || tableAuth.showScore">
                     <el-input v-if="tableInfo.score" style="width:200px;" :rows="12"  size="mini"  type="textarea" placeholder="请输入内容" v-model="child.scoreComment" clearable></el-input>
                     <span v-else>{{child.scoreComment || '--'}}</span>
                 </div>
@@ -74,7 +74,7 @@
                 <div  class="quanzhomng" style="flex:none;"  v-if="tableInfo.score || tableAuth.showScore">
 
                 </div>
-                <div style="padding:10px;width: 200px;" v-if="tableInfo.score || tableAuth.showScore">
+                <div class='pingfen' v-if="tableInfo.score || tableAuth.showScore">
                 </div>
               </div>
               <div v-if="item.name==='总分'" class="table-content-right-item">
@@ -86,13 +86,13 @@
                 </div>
                 <div class="quanzhomng pingfen"  style="flex:none;">
                 </div>
-                 <div class="pingfen" style="padding:10px;flex:none;width:130px;" v-if="tableInfo.score || tableAuth.showScore">
+                 <div class="pingfen"  v-if="tableInfo.score || tableAuth.showScore">
                    {{score.scoreLevel}}
                 </div>
-                <div  class="quanzhomng pingfen" style="flex:none;"  v-if="tableInfo.score || tableAuth.showScore">
+                <div  class="defen" style="flex:none;"  v-if="tableInfo.score || tableAuth.showScore">
                   {{score.lastScore}}
                 </div>
-                <div class="pingfen" style="padding:10px;width: 200px;" v-if="tableInfo.score || tableAuth.showScore">
+                <div class="pingfen"v-if="tableInfo.score || tableAuth.showScore">
                 </div>
               </div>
             </div>
@@ -244,6 +244,7 @@ export default {
 </script>
 <style lang='less' scoped>
 .pingfen{
+    width: 120px ;
    .center();
 }
 .names{
@@ -265,6 +266,8 @@ export default {
   width: 260px !important;
   display: block;
   flex: 1 1 auto;
+  display: flex;
+  align-items: center;
   // flex: none;
 }
 .nojixiao{
@@ -278,6 +281,8 @@ export default {
 }
 .table-list{
   overflow: auto;
+  color: #52575b;
+  font-size: 12px;
    border: 1px solid @borderColor;
    border-bottom: none;
 
@@ -289,6 +294,7 @@ export default {
 
   // border: 1px solid @borderColor;
   >div{
+
     background: #f5f5f5;
     // padding: 10px;
      border-bottom:  1px solid @borderColor;;
@@ -299,7 +305,7 @@ export default {
   }
   &-flex{
     // flex: 1;
-    // .center();
+    .center();
   }
 }
 .table-content{
@@ -363,8 +369,13 @@ export default {
   width: 60px;
   text-align: center;
 }
+.defen{
+   width: 50px !important;
+    .center();
+    text-align: center;
+}
 .quanzhomng{
-     width: 100px !important;
+     width: 86px !important;
      .center();
      text-align: center;
   }