From 4e391b8f1d5fa94e78a06480621bfaba9e2f48ac Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Fri, 25 Feb 2022 17:09:48 +0800
Subject: [PATCH] =?UTF-8?q?navbar-sidebar-=E9=A1=B5=E9=9D=A2=E6=95=B4?=
 =?UTF-8?q?=E4=BD=93=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/logo-x.png            | Bin 0 -> 2350 bytes
 src/assets/images/logo.png              | Bin 8282 -> 0 bytes
 src/assets/images/menu_bg_02.png        | Bin 0 -> 5104 bytes
 src/assets/styles/sidebar.scss          |   1 +
 src/assets/styles/variables.scss        |   8 +-
 src/layout/components/AppMain.vue       |  24 ++--
 src/layout/components/Navbar.vue        | 181 ++++--------------------
 src/layout/components/Sidebar/Logo.vue  |  17 +--
 src/layout/components/Sidebar/index.vue |  23 ++-
 src/layout/index.vue                    |  94 ++++++------
 src/views/home.vue                      |  92 +-----------
 11 files changed, 120 insertions(+), 320 deletions(-)
 create mode 100644 src/assets/images/logo-x.png
 delete mode 100644 src/assets/images/logo.png
 create mode 100644 src/assets/images/menu_bg_02.png

diff --git a/src/assets/images/logo-x.png b/src/assets/images/logo-x.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e1f4e95de0b98817bee67a62155e80893e431eb
GIT binary patch
literal 2350
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
Np^!aDCC<U|{{!r>;B5c^

literal 0
HcmV?d00001

diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
deleted file mode 100644
index 79805ce7616918b8d24dde30059dd49950017225..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8282
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
OejQB%jf&g$QU3?^wKR(W

diff --git a/src/assets/images/menu_bg_02.png b/src/assets/images/menu_bg_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaf989e05608b81ae9f041a8f8ab6b63f2f1d142
GIT binary patch
literal 5104
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
CxBVvo

literal 0
HcmV?d00001

diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index 17381fc..7655962 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -11,6 +11,7 @@
     transition: width 0.28s;
     width: $sideBarWidth !important;
     background-color: $menuBg;
+    background: url(../images/menu_bg_02.png) no-repeat left bottom #fff;
     height: 100%;
     position: fixed;
     font-size: 0;
diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index 179bd0f..a3cf334 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -11,15 +11,15 @@ $panGreen: #30B08F;
 // sidebar
 $menuText:#bfcbd9;
 $menuActiveText:#409EFF;
-$subMenuActiveText:#f4f4f5; 
+$subMenuActiveText:#f4f4f5;
 
-$menuBg:#304156;
+$menuBg:#fff;
 $menuHover:#263445;
 
-$subMenuBg:#1f2d3d;
+$subMenuBg:#fff;
 $subMenuHover:#001528;
 
-$sideBarWidth: 205px;
+$sideBarWidth: 264px;
 
 
 :export {
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 3d805df..5d47ee3 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -7,8 +7,11 @@
     </transition>
     <div v-if="$store.state.settings.showFooter" id="el-main-footer">
       <span v-html="$store.state.settings.footerTxt" />
-      <span> ⋅ </span>
-      <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{{ $store.state.settings.caseNumber }}</a>
+      <span>⋅</span>
+      <a
+        href="https://beian.miit.gov.cn/#/Integrated/index"
+        target="_blank"
+      >{{ $store.state.settings.caseNumber }}</a>
     </div>
   </section>
 </template>
@@ -30,25 +33,14 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  min-height: calc(100vh - 64px);
   width: 100%;
   position: relative;
   overflow: hidden;
 }
 
-.fixed-header+.app-main {
-  padding-top: 50px;
-}
-
-.hasTagsView {
-  .app-main {
-
-    min-height: calc(100vh - 84px);
-  }
-
-  .fixed-header+.app-main {
-    padding-top: 84px;
-  }
+.fixed-header + .app-main {
+  padding-top: 64px;
 }
 </style>
 
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index e504969..db7b566 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,82 +1,22 @@
 <template>
   <div class="navbar">
-    <hamburger
-      id="hamburger-container"
-      :is-active="sidebar.opened"
-      class="hamburger-container"
-      @toggleClick="toggleSideBar"
-    />
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
-
     <!-- 顶部菜单  start-->
-    <div class="navmenu">
-      <template>
-        <el-menu
-          :default-active="activeIndex"
-          class="el-menu-demo"
-          mode="horizontal"
-          active-text-color="#409EFF"
-          @select="handleSelect"
-        >
-          <!-- <el-menu-item index="1">系统管理</el-menu-item> -->
-          <!-- <el-submenu index="2">
-            <template slot="title">瀑布墙管理</template>
-            <el-menu-item index="2-1">子菜单</el-menu-item>
-            <el-submenu index="2-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="2-4-1">选项1</el-menu-item>
-              <el-menu-item index="2-4-2">选项2</el-menu-item>
-              <el-menu-item index="2-4-3">选项3</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="3">竖屏管理</el-menu-item>
-          <el-menu-item index="4" disabled>AI阅行管理</el-menu-item> -->
-        </el-menu>
-      </template>
-    </div>
+    <div class="navmenu">武汉图书馆</div>
     <!-- 顶部菜单  end-->
     <div class="right-menu">
-      <template v-if="device !== 'mobile'">
-        <search id="header-search" class="right-menu-item" />
-        <el-tooltip content="项目文档" effect="dark" placement="bottom">
-          <Doc class="right-menu-item hover-effect" />
-        </el-tooltip>
-        <el-tooltip content="全屏缩放" effect="dark" placement="bottom">
-          <screenfull id="screenfull" class="right-menu-item hover-effect" />
-        </el-tooltip>
-        <el-tooltip content="布局设置" effect="dark" placement="bottom">
-          <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
-      </template>
-
-      <el-dropdown
-        class="avatar-container right-menu-item hover-effect"
-        trigger="click"
-      >
+      <div class="current_date">2022-02-25 星期五</div>
+      <el-dropdown class="avatar-container right-menu-item" trigger="click">
         <div class="avatar-wrapper">
-          <img
-            :src="
-              user.avatarName ? baseApi + '/avatar/' + user.avatarName : Avatar
-            "
-            class="user-avatar"
-          />
+          <!-- <p>{{user.phone}}</p> -->
+          <p class="user_phone">13476289682</p>
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown">
-          <span style="display:block;" @click="show = true">
-            <el-dropdown-item>
-              布局设置
-            </el-dropdown-item>
-          </span>
           <router-link to="/user/center">
-            <el-dropdown-item>
-              个人中心
-            </el-dropdown-item>
+            <el-dropdown-item>个人中心</el-dropdown-item>
           </router-link>
           <span style="display:block;" @click="open">
-            <el-dropdown-item divided>
-              退出登录
-            </el-dropdown-item>
+            <el-dropdown-item divided>退出登录</el-dropdown-item>
           </span>
         </el-dropdown-menu>
       </el-dropdown>
@@ -86,49 +26,19 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Breadcrumb from '@/components/Breadcrumb'
-import Hamburger from '@/components/Hamburger'
-import Doc from '@/components/Doc'
-import Screenfull from '@/components/Screenfull'
-import SizeSelect from '@/components/SizeSelect'
-import Search from '@/components/HeaderSearch'
 import Avatar from '@/assets/images/avatar.png'
 
 export default {
-  components: {
-    Breadcrumb,
-    Hamburger,
-    Screenfull,
-    SizeSelect,
-    Search,
-    Doc
-  },
+  components: {},
   data() {
     return {
-      Avatar: Avatar,
-      dialogVisible: false,
-      activeIndex: '1',
-      activeIndex2: '1'
+      Avatar: Avatar
     }
   },
   computed: {
-    ...mapGetters(['sidebar', 'device', 'user', 'baseApi']),
-    show: {
-      get() {
-        return this.$store.state.settings.showSettings
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'showSettings',
-          value: val
-        })
-      }
-    }
+    ...mapGetters(['user'])
   },
   methods: {
-    toggleSideBar() {
-      this.$store.dispatch('app/toggleSideBar')
-    },
     open() {
       this.$confirm('确定注销并退出系统吗？', '提示', {
         confirmButtonText: '确定',
@@ -138,9 +48,6 @@ export default {
         this.logout()
       })
     },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath)
-    },
     logout() {
       this.$store.dispatch('LogOut').then(() => {
         location.reload()
@@ -152,79 +59,51 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
-  height: 60px;
+  display: flex;
+  justify-content: space-between;
+  height: 64px;
+  line-height: 64px;
   overflow: hidden;
   position: relative;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
 
   .navmenu {
-    float: left;
-  }
-
-  .hamburger-container {
-    line-height: 46px;
-    height: 100%;
-    float: left;
-    cursor: pointer;
-    transition: background 0.3s;
-    -webkit-tap-highlight-color: transparent;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.025);
-    }
-  }
-
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .errLog-container {
-    display: inline-block;
-    vertical-align: top;
+    flex: 1;
+    font-size: 18px;
+    font-weight: bold;
+    padding-left: 32px;
   }
 
   .right-menu {
-    float: right;
+    display: flex;
     height: 100%;
-    line-height: 50px;
-
+    line-height: 64px;
+    font-size: 14px;
+    color: #333333;
     &:focus {
       outline: none;
     }
-
+    .current_date {
+      display: block;
+      margin-right: 72px;
+    }
     .right-menu-item {
       display: inline-block;
       padding: 0 8px;
       height: 100%;
-      font-size: 18px;
-      color: #5a5e66;
       vertical-align: text-bottom;
-
-      &.hover-effect {
-        cursor: pointer;
-        transition: background 0.3s;
-
-        &:hover {
-          background: rgba(0, 0, 0, 0.025);
-        }
-      }
     }
 
     .avatar-container {
-      margin-right: 30px;
+      margin-right: 68px;
 
       .avatar-wrapper {
-        margin-top: 5px;
         position: relative;
-
-        .user-avatar {
+        .user_phone {
+          margin: 0;
           cursor: pointer;
-          width: 40px;
-          height: 40px;
-          border-radius: 10px;
         }
-
         .el-icon-caret-bottom {
           cursor: pointer;
           position: absolute;
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 9ccdee7..d5028a8 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -3,18 +3,16 @@
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo">
-        <h1 v-else class="sidebar-title">{{ title }} </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo">
-        <h1 class="sidebar-title">{{ title }} </h1>
       </router-link>
     </transition>
   </div>
 </template>
 
 <script>
-import Logo from '@/assets/images/logo.png'
+import Logo from '@/assets/images/logo-x.png'
 export default {
   name: 'SidebarLogo',
   props: {
@@ -45,20 +43,19 @@ export default {
 .sidebar-logo-container {
   position: relative;
   width: 100%;
-  height: 50px;
-  line-height: 50px;
+  height: 64px;
+  line-height: 64px;
   text-align: center;
   overflow: hidden;
-
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
   & .sidebar-logo-link {
     height: 100%;
     width: 100%;
 
     & .sidebar-logo {
-      width: 32px;
-      height: 32px;
+      width: 121px;
+      height: 23px;
       vertical-align: middle;
-      margin-right: 6px;
     }
 
     & .sidebar-title {
@@ -66,7 +63,7 @@ export default {
       margin: 0;
       color: #fff;
       font-weight: 600;
-      line-height: 50px;
+      line-height: 64px;
       font-size: 14px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 8f25b9e..97e77e7 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -2,9 +2,22 @@
   <div :class="{ 'has-logo': showLogo }">
     <logo v-if="showLogo" :collapse="isCollapse" />
     <el-scrollbar wrap-class="scrollbar-wrapper">
-      <el-menu :default-active="activeMenu" :collapse="isCollapse" :background-color="variables.menuBg" :text-color="variables.menuText" :unique-opened="$store.state.settings.uniqueOpened"
-        :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical">
-        <sidebar-item v-for="route in sidebarRouters" :key="route.path" :item="route" :base-path="route.path" />
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :unique-opened="$store.state.settings.uniqueOpened"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        mode="vertical"
+      >
+        <sidebar-item
+          v-for="route in sidebarRouters"
+          :key="route.path"
+          :item="route"
+          :base-path="route.path"
+        />
       </el-menu>
     </el-scrollbar>
   </div>
@@ -37,7 +50,7 @@ export default {
     },
     isCollapse() {
       return !this.sidebar.opened
-    },
-  },
+    }
+  }
 }
 </script>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 2de68ff..4318fb9 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,28 +1,29 @@
 <template>
   <div :class="classObj" class="app-wrapper">
-    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+    <div
+      v-if="device === 'mobile' && sidebar.opened"
+      class="drawer-bg"
+      @click="handleClickOutside"
+    />
     <sidebar class="sidebar-container" />
-    <div :class="{hasTagsView:needTagsView}" class="main-container">
-      <div :class="{'fixed-header':fixedHeader}">
+    <div class="main-container">
+      <div :class="{ 'fixed-header': fixedHeader }">
         <navbar />
-        <tags-view v-if="needTagsView" />
+        <!-- <tags-view v-if="needTagsView" /> -->
       </div>
       <app-main />
       <right-panel v-if="showSettings">
         <settings />
       </right-panel>
     </div>
-    <!--  防止刷新后主题丢失  -->
-    <Theme v-show="false" ref="theme" />
   </div>
 </template>
 
 <script>
 import RightPanel from '@/components/RightPanel'
-import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components'
+import { AppMain, Navbar, Settings, Sidebar } from './components'
 import ResizeMixin from './mixin/ResizeHandler'
 import { mapState } from 'vuex'
-import Theme from '@/components/ThemePicker'
 import Cookies from 'js-cookie'
 export default {
   name: 'Layout',
@@ -31,10 +32,7 @@ export default {
     Navbar,
     RightPanel,
     Settings,
-    Sidebar,
-    TagsView,
-    Theme
-    
+    Sidebar
   },
   mixins: [ResizeMixin],
   computed: {
@@ -42,7 +40,7 @@ export default {
       sidebar: state => state.app.sidebar,
       device: state => state.app.device,
       showSettings: state => state.settings.showSettings,
-      needTagsView: state => state.settings.tagsView,
+      // needTagsView: state => state.settings.tagsView,
       fixedHeader: state => state.settings.fixedHeader
     }),
     classObj() {
@@ -72,46 +70,46 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/assets/styles/mixin.scss";
-  @import "~@/assets/styles/variables.scss";
+@import "~@/assets/styles/mixin.scss";
+@import "~@/assets/styles/variables.scss";
 
-  .app-wrapper {
-    @include clearfix;
-    position: relative;
-    height: 100%;
-    width: 100%;
+.app-wrapper {
+  @include clearfix;
+  position: relative;
+  height: 100%;
+  width: 100%;
 
-    &.mobile.openSidebar {
-      position: fixed;
-      top: 0;
-    }
-  }
-
-  .drawer-bg {
-    background: #000;
-    opacity: 0.3;
-    width: 100%;
-    top: 0;
-    height: 100%;
-    position: absolute;
-    z-index: 999;
-  }
-
-  .fixed-header {
+  &.mobile.openSidebar {
     position: fixed;
     top: 0;
-    right: 0;
-    z-index: 9;
-    width: calc(100% - #{$sideBarWidth});
-    transition: width 0.28s;
-    padding: 0;
   }
+}
 
-  .hideSidebar .fixed-header {
-    width: calc(100% - 54px)
-  }
+.drawer-bg {
+  background: #000;
+  opacity: 0.3;
+  width: 100%;
+  top: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
+}
 
-  .mobile .fixed-header {
-    width: 100%;
-  }
+.fixed-header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 9;
+  width: calc(100% - #{$sideBarWidth});
+  transition: width 0.28s;
+  padding: 0;
+}
+
+.hideSidebar .fixed-header {
+  width: calc(100% - 54px);
+}
+
+.mobile .fixed-header {
+  width: 100%;
+}
 </style>
diff --git a/src/views/home.vue b/src/views/home.vue
index c2f031b..b2cacad 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,107 +1,27 @@
 <template>
   <div class="dashboard-container">
-    <div class="dashboard-editor-container">
-      <github-corner class="github-corner" />
-
-      <panel-group @handleSetLineChartData="handleSetLineChartData" />
-
-      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
-        <line-chart :chart-data="lineChartData" />
-      </el-row>
-      <el-row :gutter="32">
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <radar-chart />
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <pie-chart />
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <bar-chart />
-          </div>
-        </el-col>
-      </el-row>
-    </div>
+    <div class="dashboard-editor-container"></div>
   </div>
 </template>
 
 <script>
-import GithubCorner from '@/components/GithubCorner'
-import PanelGroup from './dashboard/PanelGroup'
-import LineChart from './dashboard/LineChart'
-import RadarChart from '@/components/Echarts/RadarChart'
-import PieChart from '@/components/Echarts/PieChart'
-import BarChart from '@/components/Echarts/BarChart'
-
-const lineChartData = {
-  newVisitis: {
-    expectedData: [100, 120, 161, 134, 105, 160, 165],
-    actualData: [120, 82, 91, 154, 162, 140, 145]
-  },
-  messages: {
-    expectedData: [200, 192, 120, 144, 160, 130, 140],
-    actualData: [180, 160, 151, 106, 145, 150, 130]
-  },
-  purchases: {
-    expectedData: [80, 100, 121, 104, 105, 90, 100],
-    actualData: [120, 90, 100, 138, 142, 130, 130]
-  },
-  shoppings: {
-    expectedData: [130, 140, 141, 142, 145, 150, 160],
-    actualData: [120, 82, 91, 154, 162, 140, 130]
-  }
-}
-
 export default {
   name: 'Dashboard',
   components: {
-    GithubCorner,
-    PanelGroup,
-    LineChart,
-    RadarChart,
-    PieChart,
-    BarChart
   },
   data() {
     return {
-      lineChartData: lineChartData.newVisitis
     }
   },
   methods: {
-    handleSetLineChartData(type) {
-      this.lineChartData = lineChartData[type]
-    }
   }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .dashboard-editor-container {
-    padding: 32px;
-    background-color: rgb(240, 242, 245);
-    position: relative;
-
-    .github-corner {
-      position: absolute;
-      top: 0;
-      border: 0;
-      right: 0;
-    }
-
-    .chart-wrapper {
-      background: #fff;
-      padding: 16px 16px 0;
-      margin-bottom: 32px;
-    }
-  }
-
-  @media (max-width:1024px) {
-    .chart-wrapper {
-      padding: 8px;
-    }
-  }
+.dashboard-editor-container {
+  padding: 32px;
+  background-color: #f5f5f5;
+  position: relative;
+}
 </style>