案例

src/views/portal/case/Index.vue

@@ -52,7 +52,9 @@
                       <el-radio-button v-for="item in Profess" :key="item.code" :label="item.name" > {{ item.name }} </el-radio-button>
                     </el-radio-group>
                      </div>
+
                     </div>
+
                   </el-col>
                 </el-row>
               </div>
@@ -78,6 +80,7 @@
                   <div class="case-info-cont">
                       <router-link :to="'/case/detail?id='+item.id">
                     <div class="case-info-title">
+                    
                         <!-- <span v-if="i % 2 == 0" style="color:red;margin-right:5px">[组织推荐]</span> -->
                <div class="case-titdiv">
                 <span class="case-tittext" v-html="item.title"></span>
@@ -86,29 +89,36 @@
                          <time-show :time="item.sysCreateTime"></time-show>
                  </div>
                 </div>
+                
                   </div>
-            
+                   </router-link>
+
                 <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="keyword-text">
                   <span v-if="item.keyword1">{{ item.keyword1 }}</span>
                   <span v-if="item.keyword2">{{ item.keyword2 }}</span>
                   <span v-if="item.keyword3">{{ item.keyword3 }}</span>
                   <span v-if="item.keyword4">{{ item.keyword4 }}</span>
                   <span v-if="item.keyword5">{{ item.keyword5 }}</span>
+
                 </div>
-                </router-link>
+                
+
                     <div class="case-info-summary">
-                      <router-link :to="'/case/detail?id='+item.id">
+                    
                           {{displayAll(item)}}
-                      </router-link>
+                         
+                         
                           <span style="color:#588afc" v-if="item.summary.length>190" @click.stop="changeIsAll(item)">
+
                               {{item.isAll?'收起':'展开'}}
                           </span>
                     </div>
-               
+                   </router-link>
                     <div style="display: flex;justify-content: space-between;">
                      <div style="margin:8px 0;">
                         <interactBar :type="0" :shares="false"  :data="item" :readonly="true"></interactBar> </div>
@@ -124,8 +134,10 @@
               <span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span>
             </div>
             <div v-if="isSeach" style="height:382px">
+
             </div>
           </el-card>
+
         </el-col>
          </el-row>
       </div>
@@ -138,6 +150,8 @@
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
+                  <!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
+                  <!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
                 </el-row>
                 <el-row class="ranking-title  bacolor" v-for="(item, index) in ankingList" :key="index" >
                   <el-col :span="6" style="height:34px">
@@ -149,6 +163,7 @@
                   <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.sysCreateUname" placement="top-start">
                         <el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
                   </el-tooltip>
+                  <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
                 </el-row>
               </div>
             </el-card>
@@ -159,6 +174,8 @@
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
+                  <!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
+                  <!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
                 </el-row>
                 <el-row class="ranking-title  bacolor" v-for="(item, index) in Popularity" :key="index" >
                   <el-col :span="6" style="height:34px">
@@ -170,6 +187,7 @@
                   <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title" placement="top-start">
                         <el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
                   </el-tooltip>
+                  <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
                 </el-row>
               </div>
             </el-card>
@@ -180,6 +198,8 @@
               </div>
               <div style="padding-bottom:10px">
                 <el-row class="ranking-title">
+                  <!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
+                  <!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
                 </el-row>
                 <el-row class="ranking-title  bacolor" v-for="(item, index) in Positive" :key="index" >
                   <el-col :span="6" style="height:34px">
@@ -191,12 +211,14 @@
                   <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title" placement="top-start">
                         <el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
                   </el-tooltip>
+                  <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
                 </el-row>
               </div>
             </el-card>
            </div>
         </div>
       </div>
+
       <el-row :gutter="10">
       </el-row>
       <div style="height: 50px;"></div>
@@ -208,7 +230,7 @@
         </div>
         <span slot="footer" class="dialog-footer">
           <el-checkbox label="我已阅读并同意。" @change="protocolCheck" style="float: left"></el-checkbox>
-          <el-tooltip :disabled="!protocolConfirmButton" effect="light" content="请先勾选‘我已阅读并同意。’" placement="bottom">
+          <el-tooltip :disabled="!protocolConfirmButton" effect="light" content="请先勾选‘我以阅读并同意。’" placement="bottom">
             <span><el-button type="primary" :disabled="protocolConfirmButton" @click="protocolConfirm">确 定</el-button></span>
           </el-tooltip>
         </span>
@@ -300,6 +322,7 @@ export default {
       searchTags: []
     };
   },
+
   mounted() {
     this.$nextTick(function() {
       this.closeSearch();
@@ -348,6 +371,7 @@ export default {
     },
     //展示全部
     displayAll(item) {
+      
       if (!item.isAll && item.summary && item.summary.length > 180) {
         return item.summary.slice(0, 180) + "...";
       }
@@ -369,6 +393,7 @@ export default {
         searchBoxHeght.style.height = "auto";
       }
     },
+
     getAnkingData() {
       apiCase.usernameList(5).then(res => {
         if (res.status == 200) {
@@ -389,9 +414,11 @@ export default {
       apiCase.queryComments(5).then(res => {
         if (res.status == 200) {
           this.Positive = res.result;
+          console.log(res);
         }
       });
     },
+
     getdomain() {
       let key = "org_domain";
       apiDict.items(key).then(res => {
@@ -544,11 +571,8 @@ export default {
           if (i == "orgDomain") {
             this.queryCondition.orgDomain = null;
           }
-          if(i == 'keyWord') {
-            this.queryCondition.keyWord = '';
-            this.keyWord = '';
-          }
           this.queryCondition[i] = "";
+
           this.searchTags.splice(index, 1);
           this.getCaseData();
         }
@@ -597,6 +621,7 @@ export default {
         }
       });
     },
+
     jumpRouter(item) {
       this.$router.push(`/case/detail?id=${item.id}`);
     }