添加动态隐藏接口

src/components/HomePage/answerList.vue

@@ -2,9 +2,15 @@
     <div class="answer-list">
         <ul v-if="list.length > 0">
             <li class="answer-list-index" v-for="item in list" :key="item.id">
-                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
+                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
+                    <span v-if="!personal">{{item.aname}}</span>
+                    {{item.cusInfo}}<span style="margin-left:28px">{{item.eventTime}}</span> 
+                    <span v-if="personal && !item.hidden" class="follow-hide" style="float:right"  @click="emitHide(item.id)">
+                        <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+                    </span>
+                </p>
                 <h6 class="answer-title-info follow-home-title">{{item.contentInfo}}
-                    <span class="follow-hide" style="float:right" v-if="!isDynamic && personal">
+                    <span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden"  @click="emitHide(item.id)">
                           <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
                     </span>
                 </h6>
@@ -56,6 +62,9 @@
               }
           },
       methods:{
+        emitHide(id) {
+          this.$emit('hideIndex',id)
+        },
         displayAll(item) {
           if (!item.isAll && item.info.content && item.info.content.length > 180) {
             return item.info.content.slice(0, 180) + "...";

src/components/HomePage/articleList.vue

@@ -2,9 +2,15 @@
     <div class="article-list">
         <ul v-if="list.length > 0">
             <li class="article-list-index" v-for="item in list" :key="item.id">
-                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
+                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
+                    <span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  
+                    <span style="margin-left:28px">{{item.eventTime}}</span> 
+                    <span v-if="personal && !item.hidden" class="follow-hide" style="float:right"  @click="emitHide(item.id)">
+                        <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+                    </span>
+                </p>
                 <h6 class="article-title-info follow-home-title">{{item.info.title || item.contentInfo}}
-                    <span class="follow-hide" style="float:right" v-if="!isDynamic && personal">
+                    <span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden"  @click="emitHide(item.id)">
                           <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
                     </span>
                 </h6>
@@ -60,6 +66,9 @@
               }
           },
       methods:{
+        emitHide(id) {
+          this.$emit('hideIndex',id)
+        },
         displayAll(item) {
           if (!item.isAll && item.info.summary && item.info.summary.length > 250) {
             return item.info.summary.slice(0, 180) + "...";

src/components/HomePage/caseList.vue

@@ -3,13 +3,19 @@
       <div class="data-content" v-if="list.length >0">
               <div :span="24" v-for="item in list" :key="item.id" class="case-list">
                 <div class="case-info">
-                  <p v-if="isDynamic" class="portal-summary-text"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
+                  <p v-if="isDynamic" class="portal-summary-text">
+                    <span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  
+                    <span style="margin-left:28px">{{item.eventTime}}</span> 
+                    <span v-if="personal && !item.hidden" class="follow-hide" style="float:right"  @click="emitHide(item.id)">
+                      <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+                    </span>
+                  </p>
                   <div class="case-info-cont">
                       <router-link :to="'/case/detail?id='+item.info.id">
                     <div class="case-info-title">
                     <div class="case-titdiv">
                         <span class="case-tittext" v-html="item.info.title || item.contentInfo"></span>
-                        <div class="follow-hide" style="width:59px" v-if="!isDynamic && personal">
+                        <div class="follow-hide" style="width:59px" v-if="!isDynamic && personal && !item.hidden"  @click="emitHide(item.id)">
                            <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
                         </div>
                     </div>
@@ -85,6 +91,9 @@
           mounted() {
           },
       methods:{
+        emitHide(id) {
+          this.$emit('hideIndex',id)
+        },
         majorTypeTranslate(code){
           if(code==''){return '';}
           return this.majorTypeMap.get(code);

src/components/HomePage/courseList.vue

@@ -2,7 +2,13 @@
     <div class="">
       <ul class="data-info-ul" v-if="list.length > 0">
         <li class="data-info" v-for="item in list" :key="item.id">
-          <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
+          <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
+            <span v-if="!personal">{{item.aname}}</span>
+            {{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span>
+            <span v-if="personal && !item.hidden" class="follow-hide" style="float:right"  @click="emitHide(item.id)">
+              <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+            </span>
+          </p>
             <div style="width:254px">
                 <course-image width="254px" height="144px" :course="item.info"></course-image>
             </div>
@@ -15,7 +21,7 @@
                 <p class="portal-time">最新一次学习时间：2022-5-28 22:30:28</p>
             </div> 
             <div style="width:150px">
-                <div class="follow-hide" style="text-align: right;" v-if="!isDynamic && personal">
+                <div class="follow-hide" style="text-align: right;" v-if="!isDynamic && personal && !item.hidden"  @click="emitHide(item.id)">
                     <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
                 </div>
                 <div class="btn-right">
@@ -57,6 +63,9 @@
             }
           },
           methods:{
+            emitHide(id) {
+              this.$emit('hideIndex',id)
+            },
             jumpDetail(data) {
                 if(!data.id){
                 return;

src/components/HomePage/noteList.vue

@@ -2,9 +2,15 @@
     <div class="note-list">
         <ul v-if="list.length > 0">
             <li class="note-list-index" v-for="item in list" :key="item.id">
-                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
+                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
+                  <span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  
+                  <span style="margin-left:28px">{{item.eventTime}}</span> 
+                  <span v-if="personal && !item.hidden" class="follow-hide" style="float:right"  @click="emitHide(item.id)">
+                    <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+                  </span>
+                </p>
                 <h6 class="note-title-info follow-home-title">{{item.contentInfo}} <span style="color: #333333;font-weight: 400;font-size: 14px;margin-left: 20px;"></span>  <span class="score-info" style="margin-left:22px">4.8分</span> 
-                    <span class="follow-hide" style="float:right" v-if="!isDynamic && personal">
+                    <span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden"  @click="emitHide(item.id)">
                           <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
                     </span>
                 </h6>
@@ -55,6 +61,9 @@
           mounted() {
           },
       methods:{
+        emitHide(id) {
+          this.$emit('hideIndex',id)
+        },
          //展示全部
          changeIsAll(item) {
           item.isAll = !item.isAll;

src/components/HomePage/putTo.vue

@@ -2,9 +2,15 @@
     <div class="put-list">
         <ul v-if="list.length > 0">
             <li class="put-list-index" v-for="item in list" :key="item.id">
-                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px;margin-top:10px"><span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  <span style="margin-left:28px">{{item.eventTime}}</span> <span v-if="personal" class="follow-hide" style="float:right"><svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏</span></p>
+                <p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px;margin-top:10px">
+                    <span v-if="!personal">{{item.aname}}</span>{{item.cusInfo}}  
+                    <span style="margin-left:28px">{{item.eventTime}}</span> 
+                    <span v-if="personal && !item.hidden" class="follow-hide" style="float:right" @click="emitHide(item.id)">
+                        <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+                    </span>
+                </p>
                 <h6 class="put-title-info follow-home-title">{{item.info.title || item.contentInfo}}
-                    <span class="portal-time follow-hide" style="float:right" v-if="!isDynamic && personal">
+                    <span class="portal-time follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
                           <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
                     </span>
                 </h6>
@@ -51,6 +57,9 @@
               }
           },
       methods:{
+        emitHide(id) {
+          this.$emit('hideIndex',id)
+        },
         jumpDetail(data) {
                 if(!data.id){
                 return;