中建四局: 完成点击菜单跳转

src/views/projectAdmin/zjsj/index.vue

@@ -16,11 +16,19 @@
         <div class="title">中建四局数字建造管控平台</div>
         <div class="between">
           <div class="company"></div>
-          <div class="exit" @click="$router.back()"></div>
+          <div class="exit" @click="$router.push('/projectIndex')"></div>
         </div>
       </div>
       <div class="tabs">
-        <div class="tab" v-for="i in 9" :key="i"></div>
+        <div
+          class="tab"
+          :class="{ checked: $route.path === menu.modulePath }"
+          v-for="(menu, index) in menus"
+          :key="index"
+          @click="handleMenu(menu.modulePath)"
+        >
+          {{ menu.moduleName }}
+        </div>
       </div>
     </div>
     <div class="content">
@@ -30,7 +38,19 @@
 </template>
 
 <script>
-export default {}
+export default {
+  methods: {
+    handleMenu(path) {
+      this.$router.push(path)
+    }
+  },
+  computed: {
+    menus() {
+      const moduleList = this.$store.state.userInfo.menuAuthority.moduleList
+      return moduleList.filter(menu => menu.moduleType === 4)
+    }
+  }
+}
 </script>
 
 <style lang="less" scoped>
@@ -116,6 +136,9 @@ export default {}
       .tab {
         width: 170px;
         height: 32px;
+        line-height: 32px;
+        text-align: center;
+        font-size: 18px;
         color: #fff;
         background: url(./assets/images/header/bg-tab.png) no-repeat;
         background-size: 100% 100%;