From 1714ea49fbbeb8bcb9f9f896ffb873362e8cdca8 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期四, 18 十一月 2021 10:47:59 +0800
Subject: [PATCH] 动态获取

---
 src/components/Home.vue |   68 ++++++++++++++++++++++++----------
 1 files changed, 48 insertions(+), 20 deletions(-)

diff --git a/src/components/Home.vue b/src/components/Home.vue
index 4038afd..df42532 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -23,9 +23,9 @@
         <el-menu-item
           :key="index"
           v-for="(item, index) in menuList"
-          :index="item.index"
+          :index="(item.id).toString()"
         >
-          {{ item.name }}
+          {{ item.contypeName }}
         </el-menu-item>
       </el-menu>
     </el-row>
@@ -40,37 +40,65 @@
 </template>
 
 <script>
+import {getNavList} from '../api/api'
 export default {
   name: '',
   data() {
     return {
-      activeIndex: 'index',
-      menuList: [
-        { index: 'index', name: '棣栭〉' },
-        { index: 'introduce', name: '绉戝崗姒傚喌' },
-        { index: 'zhengce', name: '鏀跨瓥娉曡' },
-        { index: 'keXieXiangMu', name: '绉戝崗椤圭洰' },
-        { index: 'xueShuJiaoLiu', name: '瀛︽湳浜ゆ祦' },
-        { index: 'banShiZhiNan', name: '鍔炰簨鎸囧崡' },
-        { index: 'kePu', name: '绉戞櫘椋庨噰' },
-        { index: 'xueXiaoShouYe', name: '瀛︽牎棣栭〉' },
-        { index: 'telephone', name: '鑱旂郴鎴戜滑' }
-      ]
+      activeIndex: '1',
+      menuList: [],
     }
   },
-  created() {},
+  created() {
+    this.getNavArr();
+  },
   mounted() {},
   watch: {},
   methods: {
+    //鑾峰彇瀵艰埅鏍�
+    getNavArr(){
+      const data ={};
+      //.then() 涓昏鐢ㄤ簬涓�涓嚱鏁扮敤鍒板彟涓�涓嚱鏁扮殑杩斿洖鍊�
+      getNavList(data).then(res => {
+        console.log('res', res)
+        if(res.code == 200){
+          this.menuList = res.data
+        }
+      }).catch(err => {
+        console.log('err', err)
+      })
+    },
+    formatterTitle(t){
+      switch(t){
+        case '1':
+          return 'index'
+        case '2':
+          return 'introduce'
+        case '3':
+          return 'zhengce'
+        case '4':
+          return 'keXieXiangMu'
+        case '5':
+          return 'xueShuJiaoLiu'
+        case '6':
+          return 'banShiZhiNan'
+        case '7':
+          return 'kePu'
+        case '8':
+          return 'xueXiaoShouYe'
+        case '9':
+          return 'telephone'
+      }
+    },
     handleSelect(key, keyPath) {
-      console.log(key, keyPath)
-      if (key == 'xueXiaoShouYe') {
-        window.location.href = 'https://www.pdsu.edu.cn/#'
+      if (key == '8') {
+        window.open('https://www.pdsu.edu.cn/#')
       } else {
         this.$router.push({
-          path: '/home/' + key,
+          path: '/home/' + this.formatterTitle(key),
           query: {
-            title: key
+            title: this.formatterTitle(key),
+            id:key
           }
         })
       }

--
Gitblit v1.8.0