From 1b3ca4ce1e2fec37e75a1b72fb632a03893cceb4 Mon Sep 17 00:00:00 2001
From: zhaofang <752743406@qq.com>
Date: Tue, 7 Jun 2022 17:34:30 +0800
Subject: [PATCH] =?UTF-8?q?=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

---
 src/views/portal/case/Index.vue | 51 ++++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index b413dac1..189cc36d 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -90,25 +90,32 @@
                          <i class="el-icon-time"></i>
                          <time-show :time="item.sysCreateTime"></time-show>
                  </div>
-                </div> 
-                 </router-link> 
+                </div>
+                 </router-link>
                   </div>
          <div style="height:35px">
-           <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author> 
-           </div> 
-                    <router-link :to="'/case/detail?id='+item.id">
-                    <div class="case-info-summary" >
-                         {{item.summary}}
+           <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
+           </div>
+                    <!-- <router-link :to="'/case/detail?id='+item.id"> -->
+                    <!-- class="case-info-summary"  -->
+                    <div>
+                      <router-link :to="'/case/detail?id='+item.id">
+                         <!-- {{item.summary}} -->
+                          {{displayAll(item)}}
+                          </router-link>
+                          <span style="color:#588afc" v-if="item.summary.length>90" @click="changeIsAll(item)">
+                              {{item.isAll?'收起':'全文'}}
+                          </span>
                     </div>
-                     </router-link>
-                     <div class="button-wrap" v-if="needShowExpande">
+                     <!-- </router-link> -->
+                     <!-- <div class="button-wrap" v-if="needShowExpande">
                         <div class="exp-but" @click="expandeClick" v-if="!expande">展开
                         </div>
                         <div class="exp-but" @click="expandeClick" v-else>收起</div>
-                    </div>
-                    
+                    </div> -->
+
                     <div style="display: flex;justify-content: space-between;">
-                     
+
                      <div>
                         <interactBar :type="0" :shares="false"  :data="item" :readonly="false"></interactBar> </div>
                     </div>
@@ -331,17 +338,20 @@ export default {
     window.removeEventListener("scroll",this.handleScroll);
   },
   methods: {
-
-   tagsClose(tag, index){
-
-   },
-
-
+   //展示全部
+      displayAll(item) {
+        if(!item.isAll && item.summary && item.summary.length > 90) {
+            return item.summary.slice(0, 90) + "...";
+        }
+        return item.summary;
+      },
+      changeIsAll(item) {
+        item.isAll=!item.isAll;
+      },
     closeSearch() {
       this.showAll = !this.showAll;
       var searchBoxHeght = document.getElementById("searchBox");
       var searchBoxWidth = document.getElementById("searchBox");
-      // console.log(searchBoxWidth.clientWidth);
       if(searchBoxWidth.clientWidth > 950){
        this.searchwd = false;
       }
@@ -467,6 +477,7 @@ export default {
         if(res.status==200){
           if(res.result.list.length>0){
             res.result.list.forEach(item=>{
+              item.isAll=false;
               item.authorInfo={aid:'',name:'',orgInfo:'',avatar:'',sex:null};
               if(item.isTop) {
                 isTopList.push(item);
@@ -765,7 +776,7 @@ export default {
         }
         .case-info-summary {
           height: 60px;
-          
+
           line-height: 30px;
           font-size: 15px;
           color: #444444;