我的收藏加展开收起

src/components/Case/collectList.vue

@@ -18,8 +18,14 @@
           <!-- <span style="margin-top:2px">收藏时间：{{ item.time || item.favoritesTime | timeFilter }}</span> -->
           <!-- <interactBar :type="0" :data="item.cases" :shares="false" :views="false"></interactBar> -->
         </div>
-        <div class="article-info-summary three-line-ellipsis">
-         <router-link :to="'/case/detail?id='+item.cases.id"  > {{item.cases.summary}}</router-link>
+        <div class="article-info-summary ">
+         <!-- <router-link :to="'/case/detail?id='+item.cases.id"  > -->
+          {{displayAll(item)}}
+          <span style="color:#588afc;cursor:pointer;" v-if="item.cases.summary.length>100" @click="changeIsAll(item,idx)">
+                 {{item.isAll?'收起':'展开'}}
+            </span>
+          <!-- </router-link> -->
+        
         </div>
         <div>
             <interactBar   :type="3" :readonly="true" :data="item" :views="false" :shares="false"></interactBar>
@@ -48,6 +54,17 @@
       }
     },
     methods:{
+       displayAll(item) {
+      if (!item.isAll && item.cases.summary && item.cases.summary.length > 100) {
+        return item.cases.summary.slice(0, 100) + "...";
+      }
+      return item.cases.summary;
+    },
+     changeIsAll(item,idx) {
+      console.log(item.isAll)
+      item.isAll = !item.isAll;
+      this.$set(this.items, idx, item);
+    },
       delItem(item){
         this.$confirm('您确定要取消收藏所选案例吗？', '删除提示', {
           confirmButtonText: '确定',

src/components/Qa/favoritesQaList.vue

@@ -1,19 +1,25 @@
 <template>
   <div style="cursor: pointer;">
-    <div class="article-list" v-for="(item, idx) in items" :key="idx" @click="qadetail(item)">
+    <div class="article-list" v-for="(item, idx) in items" :key="idx" >
       <div class="article-info">
         <!-- <div class="article-info-title"> -->
-          <div class="art-head article-info-title" style="line-height: 30px;">
+          <div @click="qadetail(item)" class="art-head article-info-title" style="line-height: 30px;">
             <!-- <span class="qa-basic" :class="item.question.isResolve ? 'qa-solve' : 'qa-unSolve'">{{ item.question.isResolve ? '【已解决】' : '【待解决】' }}</span> -->
             <span style="padding-left: 5px">{{ item.question.title }} <span class="qa-bq">#问答#</span> </span>
           <el-button @click.stop="delCollectItem(item)" type="text" icon="el-icon-star-on" style="color:#8590A6">取消收藏</el-button>
           </div>
         <!-- </div> -->
-        <div class="article-info-summary two-line-ellipsis">{{ item.question.content }}</div>
+        <div class="article-info-summary">
+           {{displayAll(item)}}
+           <span style="color:#588afc;cursor:pointer;" v-if="item.question.content.length>100" @click="changeIsAll(item,idx)">
+                 {{item.isAll?'收起':'展开'}}
+            </span>
+          </div>
         <div v-if="item.question.isResolve" style=";color: #333330;display:flex;margin-bottom:10px">
           <!-- <div style="width:90px"><span>最佳回答:</span></div> -->
 
-          <div class="one-line-ellipsis" style="color: #333330;font-size: 14px;padding-top:1px">{{ item.question.bestAnswer }}</div>
+          <div class="one-line-ellipsis" style="color: #333330;font-size: 14px;padding-top:1px">
+            {{ item.question.bestAnswer }}</div>
         </div>
       <interactBar   :type="4" :readonly="true" :data="item" :views="false" :shares="false"></interactBar>
 
@@ -39,6 +45,11 @@ export default {
       default: () => []
     }
   },
+  data(){
+    return {
+
+    }
+  },
   mounted() {},
   components: {
     interactBar,
@@ -50,6 +61,17 @@ export default {
     }
   },
   methods: {
+     displayAll(item) {
+      if (!item.isAll && item.question.content && item.question.content.length > 100) {
+        return item.question.content.slice(0, 100) + "...";
+      }
+      return item.question.content;
+    },
+     changeIsAll(item,idx) {
+      console.log(item.isAll)
+      item.isAll = !item.isAll;
+      this.$set(this.items, idx, item);
+    },
     qadetail(item) {
       // let routeData = this.$router.resolve({ path: '/qa/answer?id=' + item.question.id });
       // window.open(routeData.href, '_blank');

src/views/exam/MyExamTask.vue

@@ -65,13 +65,14 @@
             </el-pagination>
           </div>
           <div v-else class="home-no-list">
-            <img class="img" :src="`${webBaseUrl}/images/homeWu/no-case.png`" alt="" srcset="">
-            <p class="text">还没有案例</p>
+            <img  :src="`${webBaseUrl}/images/nocouresimg.png`" alt="" srcset="">
+            <p class="text">暂时没有考试哟</p>
             <!-- <div v-if="taskList.length == 0"> -->
               <!-- <div v-if="isSearh" class="zan-wu">没有查询到相关内容</div>
               <div v-else class="zan-wu">暂无数据</div> -->
               <!-- </div> -->
             </div>
+            
           </div>
        
   </div>

src/views/user/MyFavorites.vue

@@ -451,6 +451,9 @@ export default {
       };
       apiFavorite.queryAll(query).then(res=>{
         if(res.status==200){
+
+
+          
           this.dataList.count=res.result.count;
           if(res.result.length!=0){
             let courseIds=[];
@@ -547,10 +550,14 @@ export default {
       // if (this.qaList.title) {
       query.keyword = this.keyword.trim();
       // }
-      apiFavorite.qaPageList(query).then(res => {
+      apiFavorite.qaPageList(query)
+      .then(res => {
         if (res.status == 200) {
           this.qaList.count = res.result.count;
-          this.qaList.list = res.result.list;
+          res.result.list.forEach(item =>{
+            item.isAll = false;
+          })
+          this.qaList.list.push(...res.result.list);
           if (this.qaList.list.length != 0) {
             this.getQaUserData(res.result.list);
           }
@@ -591,7 +598,10 @@ export default {
       apiFavorite.casePageList(query).then(res => {
         if (res.status == 200) {
           this.caseList.count = res.result.count;
-          this.caseList.list = res.result.list;
+          res.result.list.forEach(item =>{
+            item.isAll = false;
+          })
+          this.caseList.list.push(...res.result.list);
           if (this.caseList.list.length != 0) {
             this.getCaseUserData(res.result.list);
           }