修改UI

src/layout/components/Navbar.vue

@@ -2,7 +2,8 @@
   <div class="navbar">
     <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
 
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
+    <!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" /> -->
+    <span class="hospital">滨州医学院烟台附属医院</span>
 
     <div class="right-menu">
       <template v-if="device!=='mobile'">
@@ -24,11 +25,12 @@
         <div class="avatar-wrapper">
           <!--          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">-->
           <!--          <i class="el-icon-caret-bottom" />-->
-          <el-button type="primary" icon="el-icon-setting">设置</el-button>
+          <!-- <el-button type="primary" icon="el-icon-setting">设置</el-button> -->
+          <span class="realname">{{ realname }}</span>
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown" size="mini">
-          <router-link to="/rule/index">
+          <router-link to="/rule/basic/index">
             <el-dropdown-item>
               规则配置
             </el-dropdown-item>
@@ -44,7 +46,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Breadcrumb from '@/components/Breadcrumb'
+// import Breadcrumb from '@/components/Breadcrumb'
 import Hamburger from '@/components/Hamburger'
 // import ErrorLog from '@/components/ErrorLog'
 // import Screenfull from '@/components/Screenfull'
@@ -54,7 +56,7 @@ import Hamburger from '@/components/Hamburger'
 
 export default {
   components: {
-    Breadcrumb,
+    // Breadcrumb,
     Hamburger
     // ErrorLog,
     // Screenfull,
@@ -62,6 +64,11 @@ export default {
     // LangSelect,
     // Search
   },
+  data() {
+    return {
+      realname: ''
+    }
+  },
   computed: {
     ...mapGetters([
       'sidebar',
@@ -69,6 +76,9 @@ export default {
       'device'
     ])
   },
+  created() {
+    this.realname = localStorage.getItem('realname') !== 'undefined' ? localStorage.getItem('realname') : '用户一'
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')
@@ -82,6 +92,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.realname {
+  font-size: 16px;
+}
+.hospital {
+  line-height: 50px;
+  font-size: 14px;
+}
 .navbar {
   height: 50px;
   overflow: hidden;

src/settings.js

@@ -1,5 +1,5 @@
 module.exports = {
-  title: 'Admin',
+  title: '病案数据治理与服务管理平台',
 
   /**
    * @type {boolean} true | false

src/store/modules/user.js

@@ -42,6 +42,7 @@ const actions = {
       commit('SET_ROLES', [])
       login({ account: account.trim(), password: password }).then(response => {
         const { p } = response
+        localStorage.setItem('realname', p.realname)
         commit('SET_TOKEN', p.token)
         setToken(p.token)
         resolve()

vue.config.js

@@ -6,7 +6,7 @@ function resolve(dir) {
   return path.join(__dirname, dir)
 }
 
-const name = defaultSettings.title || 'vue Element Admin' // page title
+const name = '病案数据治理与服务管理平台' // page title
 
 // If your port is set to 80,
 // use administrator privileges to execute the command line.