From a945cb50447cf914eedd9a6275b9f320f9114446 Mon Sep 17 00:00:00 2001
From: xiongchengqiang <xiongchengqiang@linzikg.com>
Date: Tue, 8 Dec 2020 11:16:48 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=A9=E6=95=88=E8=AF=A6=E6=83=85=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E5=B1=95=E5=BC=80=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kpi/assessment/performance/index.vue      | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/views/kpi/assessment/performance/index.vue b/src/views/kpi/assessment/performance/index.vue
index a2367ec..2bd0b51 100644
--- a/src/views/kpi/assessment/performance/index.vue
+++ b/src/views/kpi/assessment/performance/index.vue
@@ -90,7 +90,7 @@
             记录
           </div>
           <div v-for="(i,index) in formList.resultCommentList"
-               :key="index"
+               :key="i.id"
                class="performance-content-jilu-item commonFont">
             <div class="performance-content-jilu-item-time">
               {{i.gmtCreate}}
@@ -106,7 +106,9 @@
             </div>
             <div class="comment"
                  v-if="i.comment">
-              <pre>{{i.comment}}</pre>
+              <pre>{{i.isShow?i.comment:(i.comment.substring(0,12)+'...')}}</pre>
+              <div style="width:40px;flex-shrink:0;"
+                   @click="handleShow(i)">{{!!i.isShow?'收起':'展开'}}</div>
             </div>
           </div>
         </div>
@@ -223,6 +225,11 @@ export default {
     await this.handleList()
   },
   methods: {
+    handleShow (item) {
+      item.isShow = !item.isShow
+      console.log(item)
+      this.$forceUpdate()
+    },
     async handleChange (item) {
       this.startId = item
       await this.handleGetTbale({ startId: item[1] })
@@ -296,6 +303,10 @@ export default {
         }
       }
       this.formList = res.data
+      this.formList.resultCommentList = this.formList.resultCommentList.map(i => {
+        i.isShow = false
+        return i
+      })
       this.isShow = true
     }
   },
@@ -326,7 +337,9 @@ export default {
   }
   &-content {
     .comment {
-      width: 200px;
+      width: 600px;
+      display: flex;
+      justify-content: space-between;
       margin: 0 0 0 50px;
       padding: 10px;
       background: rgb(240, 240, 240);