案例

src/views/portal/case/Detail.vue

@@ -25,8 +25,8 @@
             </div> -->
             <!-- <div class="case-summary"><span>{{ caseDetail.summary }}</span></div> -->
             <div class="btn-div clearfix" >
-              <div style="color:#666" v-if="caseDetail.orgDomain" class="item">{{ caseDetail.orgDomain }}</div>
+              <div style="color:#666" v-if="caseDetail.orgDomain" class="item">{{ orgDomainTranslate(caseDetail.orgDomain) }}</div>
-              <div style="color:#666" v-if="caseDetail.majorType" class="item">{{ caseDetail.majorType }}</div>
+              <div style="color:#666" v-if="caseDetail.majorType" class="item">{{ majorTypeTranslate(caseDetail.majorType) }}</div>
               <div v-if="caseDetail.keyword1" class="item">{{ caseDetail.keyword1 }}</div>
               <div v-if="caseDetail.keyword2" class="item">{{ caseDetail.keyword2 }}</div>
               <div v-if="caseDetail.keyword3" class="item">{{ caseDetail.keyword3 }}</div>
@@ -197,7 +197,10 @@ export default {
         filePath:''
       },
       ankingList:[],
-      authorInfo:{ aid: '', name: '', orgInfo: '', avatar: '', code: '',sex:null}
+      authorInfo:{ aid: '', name: '', orgInfo: '', avatar: '', code: '',sex:null},
+      domain: [],
+      Profess: [],
+      orgData: [],
     };
   },
   mounted() {
@@ -207,6 +210,8 @@ export default {
     if (this.resolveId) {
       this.getCaseData();
     }
+    this.getdomain();
+    this.getProfess();
     this.getAnkingData();
     this.getPopularity();
     this.getPositive();
@@ -216,6 +221,59 @@ export default {
     );
   },
   methods: {
+     getdomain() {
+      let key = "org_domain";
+      apiDict.items(key).then(res => {
+        if (res.status == 200) {
+          this.domain = res.result;
+          if(res.result.length > 0) {
+           this.orgDomainLevel(res.result)
+          }
+        }
+      });
+    },
+    getProfess() {
+      let key = "major_type";
+      apiDict.items(key).then(res => {
+        if (res.status == 200) {
+          this.Profess = res.result;
+        }
+      });
+    },
+    orgDomainLevel(organization) {
+     this.orgData = [];
+     organization.forEach(item=>{
+       this.orgData.push(item);
+       if(item.list && item.list != "" && item.list.length > 0){
+            item.list.forEach(it =>{
+              this.orgData.push(it);
+            })
+       }
+     })
+    },
+    orgDomainTranslate(code){ // 组织领域翻译
+      if(code == '') {
+       return
+      }
+     let name = '';
+      let data = this.orgData.find(item => item.code == code);
+      if(data == undefined){
+        name = '';
+      } else {
+        name = data.name;
+      }
+      return name;
+    },
+    majorTypeTranslate(code){ // 专业分类翻译
+      let name = '';
+      let data = this.Profess.find(item => item.code == code);
+      if(data == undefined){
+        name = '';
+      } else {
+        name = data.name;
+      }
+      return name;
+    },
     zoomBox(){
       this.zoomShow = !this.zoomShow;
     },

src/views/portal/case/Index.vue

@@ -32,7 +32,7 @@
                     <div style="flex:1;">
                     <el-radio-group v-model="queryCondition.orgDomain" size="mini" @change="search()">
                     <el-radio-button :label="null">全部</el-radio-button>
-                    <el-radio-button v-for="item in domain" :key="item.code" :label="item.name"> {{ item.name}}</el-radio-button>
+                    <el-radio-button v-for="item in domain" :key="item.code" :label="item.code"> {{ item.name}}</el-radio-button>
                   </el-radio-group>
                     </div>
                   </div>
@@ -48,9 +48,9 @@
                      </div>
                      <div style="flex:1" id="searchBox">
                         <el-radio-group v-model="queryCondition.majorType" size="mini" @change="search()">
-                      <el-radio-button :label="null">全部</el-radio-button>
+                          <el-radio-button :label="null">全部</el-radio-button>
-                      <el-radio-button v-for="item in Profess" :key="item.code" :label="item.name" > {{ item.name }} </el-radio-button>
+                          <el-radio-button v-for="item in Profess" :key="item.code" :label="item.code" > {{ item.name }} </el-radio-button>
-                    </el-radio-group>
+                        </el-radio-group>
                      </div>
                     </div>
                   </el-col>
@@ -90,8 +90,8 @@
                       <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
                     </div>
                     <div class="keyword-text clearfix">
-                      <div style="color:#666" v-if="item.orgDomain">{{ item.orgDomain }}</div>
+                      <div style="color:#666" v-if="item.orgDomain">{{ orgDomainTranslate(item.orgDomain) }}</div>
-                      <div style="color:#666" v-if="item.majorType">{{ item.majorType }}</div>
+                      <div style="color:#666" v-if="item.majorType">{{ majorTypeTranslate(item.majorType) }}</div>
                       <div v-if="item.keyword1">{{ item.keyword1 }}</div>
                       <div v-if="item.keyword2">{{ item.keyword2 }}</div>
                       <div v-if="item.keyword3">{{ item.keyword3 }}</div>
@@ -306,12 +306,12 @@ export default {
       type2: 0,
       type3: 0,
       isFind: false,
-      searchTags: []
+      searchTags: [],
+      orgData: [],
     };
   },
 
   mounted() {
-    
     this.$nextTick(function() {
       this.closeSearch();
     });
@@ -390,7 +390,6 @@ export default {
       apiCase.usernameList(5).then(res => {
         if (res.status == 200) {
           this.ankingList = res.result;
-          console.log(res);
         }
       });
     },
@@ -416,6 +415,9 @@ export default {
       apiDict.items(key).then(res => {
         if (res.status == 200) {
           this.domain = res.result;
+          if(res.result.length > 0) {
+           this.orgDomainLevel(res.result)
+          }
         }
       });
     },
@@ -427,6 +429,40 @@ export default {
         }
       });
     },
+    orgDomainLevel(organization) {
+     this.orgData = [];
+     organization.forEach(item=>{
+       this.orgData.push(item);
+       if(item.list && item.list != "" && item.list.length > 0){
+            item.list.forEach(it =>{
+              this.orgData.push(it);
+            })
+       }
+     })
+    },
+    orgDomainTranslate(code){ // 组织领域翻译
+      if(code == '') {
+       return
+      }
+     let name = '';
+      let data = this.orgData.find(item => item.code == code);
+      if(data == undefined){
+        name = '';
+      } else {
+        name = data.name;
+      }
+      return name;
+    },
+    majorTypeTranslate(code){ // 专业分类翻译
+      let name = '';
+      let data = this.Profess.find(item => item.code == code);
+      if(data == undefined){
+        name = '';
+      } else {
+        name = data.name;
+      }
+      return name;
+    },
     emitInput(val) {
       this.keyWord = val;
       this.isSeach = true;