首页案例样式

src/views/portal/case/Index.vue

@@ -34,11 +34,12 @@
                       <span class="item-line"></span>
                     </div>
                     <div>
-                        <el-radio-group v-model="category" size="mini" @change="search()">
+                    <el-radio-group v-model="category" size="mini" @change="search()">
                     <el-radio-button label="0">全部</el-radio-button>
-                    <el-radio-button label="1">显示事业</el-radio-button>
+                    <el-radio-button v-for="item in domain" :key="item.code" :label="item.code"> {{ item.name}}</el-radio-button>
+                    <!-- <el-radio-button label="1">显示事业</el-radio-button>
                     <el-radio-button label="2">传感器事业</el-radio-button>
-                    <el-radio-button label="3">智慧医工事业</el-radio-button>
+                    <el-radio-button label="3">智慧医工事业</el-radio-button> -->
                   </el-radio-group>
                     </div>
                     
@@ -58,13 +59,14 @@
                      <div>
                         <el-radio-group v-model="type2" size="mini" @change="search()">
                       <el-radio-button label="0">全部</el-radio-button>
-                      <el-radio-button label="1">经营</el-radio-button>
+                      <el-radio-button v-for="item in Profess" :key="item.code" :label="item.code" > {{ item.name }} </el-radio-button>
+                      <!-- <el-radio-button label="1">经营</el-radio-button>
                       <el-radio-button label="2">领用</el-radio-button>
                       <el-radio-button label="3">研发</el-radio-button>
                       <el-radio-button label="4">营销</el-radio-button>
                       <el-radio-button label="5">生产技术</el-radio-button>
                       <el-radio-button label="6">信息技术</el-radio-button>
-                      <el-radio-button label="7">质量</el-radio-button>
+                      <el-radio-button label="7">质量</el-radio-button> -->
                     </el-radio-group>
                      </div>
                     </div>
@@ -155,16 +157,18 @@
                     <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
                     <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
                     <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
-                </el-col>
-                <el-col class="center" :span="18">{{item.sysCreateUname}}</el-col>
-                <!-- <el-col class="center" :span="7">{{''}}</el-col>
-                <el-col class="center" :span="7">{{item.counts}}</el-col> -->
-              </el-row>
-            </div>
-          </el-card>
+
+                    <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+                  </el-col>
+                  <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>
@@ -198,6 +202,7 @@ import author from '@/components/Portal/authorInfo.vue';
 import apiCase from '@/api/modules/cases.js';
 import apiUser from '@/api/system/user.js';
 import apiSearchterm from "@/api/modules/searchterm.js";
+import apiDict from "@/api/modules/dict.js"
 export default {
   name: 'index',
   components: { portalHeader, portalFooter, portalFloatTools, interactBar,timeShow ,author},
@@ -219,6 +224,12 @@ export default {
         list:[]
       },
       ankingList:[],
+
+      Popularity:[],
+      Positive:[],
+      domain:[],
+      Profess:[],
+      optionsList: [], //分类数据
       protocolDialogVisible: false,
       protocolConfirmButton:true,
       queryCondition:{
@@ -243,8 +254,12 @@ export default {
       this.protocolDialogVisible = true;
     }
     this.keyWord = this.$route.query.keyword;
-    this.getAnkingData()
-    this.searchterm()
+    this.getAnkingData();
+    this.getPopularity();
+    this.searchterm();
+    this.getPositive();
+    this.getProfess();
+    this.getdomain();
     this.getCaseData();
     window.addEventListener(
       "scroll",
@@ -264,6 +279,24 @@ export default {
     window.removeEventListener("scroll",this.handleScroll);
   },
   methods: {
+    getdomain(){
+     let key ='org_domain'
+      apiDict.items(key).then(res =>{
+        if(res.status==200){
+         //  console.log(res)
+           this.domain = res.result
+        }
+      })
+    },
+     getProfess(){
+     let key ='major_type'
+      apiDict.items(key).then(res =>{
+        if(res.status==200){
+          console.log(res)
+          this.Profess = res.result
+        }
+      })
+    },
     emitInput(val) {
       this.keyWord=val;
       this.search()
@@ -382,6 +415,29 @@ export default {
           this.ankingList=res.result
         }
       })
+
+   
+    },
+    getPopularity(){
+      apiCase.queryPraises(5).then(res=>{
+        if(res.status==200){
+          this.Popularity=res.result
+       
+        }
+      })
+    },
+    getPositive(){
+      apiCase.queryComments(5).then(res=>{
+        if(res.status==200){
+          this.Positive=res.result
+       
+        }
+      })
+    },
+
+    jumpRouter(item){
+        this.$router.push(`/case/detail?id=${item.id}`);
+
     }
   }
 };