浏览 案例 布局

src/components/Portal/interactBar.vue

@@ -43,7 +43,7 @@
 
       <div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
         <el-tooltip effect="light" content="浏览量" placement="top">
-          <svg-icon style="margin-right: 0;font-size: 16px;" icon-class="views"></svg-icon>
+          <svg-icon style="margin-right: 0;font-size: 16px;" icon-class="browse"></svg-icon>
         </el-tooltip>
         <span class="interact-bar-value"> {{ data.views}}</span>
       </div>

src/icons/svg/browse.svg

@@ -0,0 +1 @@
+<svg t="1654588163796" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2388" width="200" height="200"><path d="M512.00085 738.377c-121.05 0-219.428-98.377-219.428-219.428S390.95085 299.52 512.00185 299.52s219.428 98.377 219.428 219.429-98.377 219.428-219.428 219.428M0.00085 517.413c0 24.502 8.923 48.53 25.636 66.486 325.779 350.647 693.614 350.501 977.225-1.316 13.934-17.189 21.139-39.132 21.139-61.294v-3.072c0-23.15-7.936-45.934-23.004-63.561C690.03085 90.88 321.72085 93.513 22.05385 455.022A98.011 98.011 0 0 0 0.00185 517.376" p-id="2389" fill="#A3B1CC"></path><path d="M658.28685 518.949c0 80.932-65.353 146.285-146.285 146.285S365.71585 599.881 365.71585 518.95s65.353-146.286 146.286-146.286 146.285 65.353 146.285 146.286" p-id="2390" fill="#A3B1CC"></path></svg>

src/views/portal/case/Detail.vue

@@ -19,7 +19,7 @@
               <span>部门：{{ authorInfo.orgInfo }}</span>
               <!-- <span>案例编号：{{ caseDetail.id }}</span> -->
               <span v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
-              <interactBar :views="false" :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
+              <interactBar  :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
               
             </div>
             <div class="case-summary"><span>{{ caseDetail.summary }}</span></div>

src/views/portal/case/Index.vue

@@ -71,8 +71,8 @@
 
             <el-row class="order-div">
               <span class="quyer-tag">
-                <el-button type="text" class="order-class" @click="searchData('')" :class="{ actice: queryCondition.orderField == '' }">最热</el-button>
-                <el-button type="text" class="order-class" @click="searchData('praises')" :class="{ actice: queryCondition.orderField == 'praises' }">最新</el-button>
+                <el-button type="text" class="order-class" @click="searchData('comments')" :class="{ actice: queryCondition.orderField == 'comments' }">最热</el-button>
+                <el-button type="text" class="order-class" @click="searchData('')" :class="{ actice: queryCondition.orderField == '' }">最新</el-button>
 
                 <!-- <el-button type="text" class="order-class" @click="queryCondition.breCommend = queryCondition.breCommend == ture ? true : null" :class="{ actice: queryCondition.breCommend == true }">组织推荐</el-button> -->
               </span>
@@ -84,21 +84,31 @@
                     <div class="case-info-title">
                       <router-link :to="'/case/detail?id='+item.id">
                         <!-- <span v-if="i % 2 == 0" style="color:red;margin-right:5px">[组织推荐]</span> -->
-                        <span v-html="item.title"></span>
-                        <div class="case-info-date">
+             <div>
+                <span v-html="item.title"></span>
+                 <div class="case-info-date">
                          <i class="el-icon-time"></i>
                          <time-show :time="item.sysCreateTime"></time-show>
-                        </div>
-                      </router-link>
-                    </div>
+                 </div>
+                </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}}
                     </div>
                      </router-link>
                     <div style="display: flex;justify-content: space-between;">
-                      <div><author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author> </div>
-                      <div><interactBar :type="0" :shares="false" :views="false" :data="item" :readonly="false"></interactBar> </div>
+                     
+                     <div>
+                        <interactBar :type="0" :shares="false"  :data="item" :readonly="false"></interactBar> </div>
                     </div>
                   </div>
                 </div>
@@ -234,9 +244,9 @@ export default {
      word: function() {
       if (this.showAll == false) {
         //对文字进行处理
-        return "展开搜索";
+        return "展开";
       } else {
-        return "收起搜索";
+        return "收起";
       }
     },
     isMore() {
@@ -267,7 +277,7 @@ export default {
       queryCondition:{
         pageIndex:1,
         pageSize:10,
-        orderField:'',
+        orderField:'comments',
         // breCommend:null,
         keyWord:'',
         majorType:null,//专业分类
@@ -749,7 +759,8 @@ export default {
           }
         }
         .case-info-summary {
-          height: 45px;
+          height: 60px;
+          
           line-height: 30px;
           font-size: 15px;
           color: #444444;