修改架构图显示

src/layout/header-aside/components/header-architecture/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="ibps-layout-header-user">
-    <el-button type="text" @click="open" style="color:#000">系统架构图</el-button>
+    <el-tooltip class="item" effect="dark" content="系统架构图" placement="bottom">
+          <el-button type="text" @click="open" style="color:#409EFF;font-size:16px;" icon="el-icon-set-up"></el-button>
+    </el-tooltip>
   </div>
 </template>
 
@@ -28,6 +30,6 @@ export default {
 </script>
 <style>
 .headerArchitectureMessageCss{
-  width: 88%;
+  width: 85%;
 }
 </style>

src/layout/header-aside/layout.vue

@@ -96,14 +96,15 @@
 
                     <span style="font-size: 12px; cursor: pointer;" @click="goToMain()">首页</span>
                     <span style="margin: 0 10px;">|</span>
-                    <ibps-header-architecture />
-                    <span style="margin: 0 10px;">|</span>
                     <ibps-header-message />
                     <!-- 消息中心 -->
                     <span style="margin: 0 10px;">|</span>
                     <ibps-header-user />
+                    <span style="margin: 0 10px;">|</span>
+                    <ibps-header-architecture />
                     <span style="margin-left: 10px;">|</span>
                     <ibps-header-setting />
+                    
                 </div>
             </div>
             <!-- 下面 主体 -->