fix bugs

src/components/Login.vue

@@ -127,7 +127,7 @@ export default {
         this.$message.error("账号或密码错误！");
         this.createCode();
       } finally {
-        this.spinning = false;
+        this.spinning = false
       }
     },
     reset() {

src/components/Main.vue

@@ -1,33 +1,80 @@
 <template>
   <a-layout>
-    <a-layout-header style="height:108px;">
-        <a-row style="height:38px;position:absolute; line-height:38px;top:70px;">
-          <a-button type="primary">
-            主页
-          </a-button>
-          <a-button type="danger">
-            查询
-          </a-button>
-        </a-row>
+    <a-layout-header style="height: 110px;background:#04888A;">
+      <a-row style="color:white"> 标题？ </a-row>
+      <a-row>
+        <a-menu v-model="current" mode="horizontal" theme="dark" @click="handleMenuClick">
+          <a-menu-item key="map">
+            <icon-font type="wt-iconmap" />主页
+          </a-menu-item>
+          <a-sub-menu>
+            <span slot="title" class="submenu-title-wrapper"
+              ><icon-font type="wt-iconsearch" />数据查询</span
+            >
+            <a-menu-item-group title="Item 1">
+              <a-menu-item key="setting:1"> Option 1 </a-menu-item>
+              <a-menu-item key="setting:2"> Option 2 </a-menu-item>
+            </a-menu-item-group>
+            <a-menu-item-group title="Item 2">
+              <a-menu-item key="setting:3"> Option 3 </a-menu-item>
+              <a-menu-item key="setting:4"> Option 4 </a-menu-item>
+            </a-menu-item-group>
+          </a-sub-menu>
+          <a-menu-item key="analysis">
+            <icon-font type="wt-iconmap" />图形分析
+          </a-menu-item>
+          <a-menu-item key="admin" v-if="isAdmin">
+            <icon-font type="wt-iconmap" />后台管理
+          </a-menu-item>
+
+        </a-menu>
+      </a-row>
     </a-layout-header>
-    <a-layout-content>Content</a-layout-content>
+    <a-layout-content>
+      
+    </a-layout-content>
   </a-layout>
 </template>
 
 <script>
+
+import IconFont from '@/components/icon'
+import MapLayout from '@/components/map/Index'
+import Search from '@/components/search/Index'
+import Logs from '@/components/logs/Index'
+import Admin from '@/components/admin/Index'
+
 export default {
+  components: {
+    'icon-font':IconFont,
+    // 'map':MapLayout,
+    // 'search':Search,
+    // 'logs':Logs,
+    // 'admin':Admin
+  },
   data() {
-    return {}
+    return {
+      current:['map']
+    };
+  },
+  computed: {
+    isAdmin() {
+      return this.$store.getters.isSuper || this.$store.getters.isProject
+    }
+  },
+  methods: {
+    handleMenuClick({item, key, keyPath}) {
+
+    }
   }
-}
+};
 </script>
 
 <style>
 .ant-layout-header {
-  height: 108px;
+  height: 110px;
 }
 .ant-layout-content {
-  height: calc(100vh - 108px);
+  height: calc(100vh - 110px);
 }
-
 </style>

src/components/admin/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  
+  <div></div>
 </template>
 
 <script>

src/components/analysis/Index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/components/icon/index.js

@@ -0,0 +1,7 @@
+import { Icon } from 'ant-design-vue';
+
+const IconFont = Icon.createFromIconfontCN({
+    scriptUrl: '//at.alicdn.com/t/font_2205869_701srfkqc5.js', // generated by iconfont.cn
+  });
+
+export default IconFont

src/components/logs/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  
+  <div></div>
 </template>
 
 <script>

src/components/map/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  
+  <div></div>
 </template>
 
 <script>

src/components/search/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  
+  <div></div>
 </template>
 
 <script>