框架样式修改

.env.development

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 智慧食堂
+VUE_APP_TITLE = 智慧食堂系统
 
 # 开发环境配置
 ENV = 'development'

.env.production

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 智慧食堂
+VUE_APP_TITLE = 智慧食堂系统
 
 # 生产环境配置
 ENV = 'production'

.env.staging

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 智慧食堂
+VUE_APP_TITLE = 智慧食堂系统
 
 NODE_ENV = production
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bonus",
   "version": "3.6.4",
-  "description": "智慧食堂",
+  "description": "智慧食堂系统",
   "author": "博诺思",
   "license": "MIT",
   "scripts": {

src/components/TopNav/index.vue

@@ -6,8 +6,10 @@
   >
     <template v-for="(item, index) in topMenus">
       <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber" style="background: transparent;">
-        <svg-icon v-if="item.meta && item.meta.icon && item.meta.icon !== '#'" :icon-class="item.meta.icon"/>
+        <div style="width: 100px;text-align: center;height: 20px;">
-        {{ item.meta.title }}
+          <svg-icon v-if="item.meta && item.meta.icon && item.meta.icon !== '#'" :icon-class="item.meta.icon" style="height: 40px;width: 40px;"/>
+        </div>
+        <div style="width: 100px;text-align: center;height: 40px;font-size: 18px;">{{ item.meta.title }}</div>
       </el-menu-item>
     </template>
 

src/layout/components/Navbar.vue

@@ -4,7 +4,7 @@
     <!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/> -->
     <div style="position: absolute;left: 0;top: 20px;width: 15%;">
       <router-link key="collapse" class="sidebar-logo-link" to="/">
-        <div style="height: 40px;width: 40px;background: #fff;border-radius: 50%;margin-right: 20px;display: flex;align-items: center;justify-content: center;">
+        <div style="height: 42px;width: 42px;background: #fff;border-radius: 50%;margin-right: 20px;display: flex;align-items: center;justify-content: center;">
           <img :src="logo" class="sidebar-logo" />
         </div>
         <h1 class="sidebar-title">{{ title }} </h1>
@@ -121,7 +121,7 @@ export default {
   height: 84px;
   overflow: hidden;
   position: relative;
-  background: #026559;
+  background: #006F68;
   box-shadow: 0 1px 4px rgba(0,21,41,.08);
 
   .hamburger-container {

src/router/index.js

@@ -68,7 +68,7 @@ export const constantRoutes = [
     children: [
       {
         path: 'index',
-        component: () => import('@/views/index_v1'),
+        component: () => import('@/views/index'),
         name: 'Index',
         meta: { title: '首页', icon: 'dashboard', affix: true }
       }

src/views/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container home">
     <el-row :gutter="20">
       <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>智慧食堂</h2>
+        <h2>智慧食堂系统</h2>
         <p>
           <b>当前版本:</b> <span>v{{ version }}</span>
         </p>
@@ -59,7 +59,7 @@
           </div>
         </el-card>
       </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+      <!-- <el-col :xs="24" :sm="24" :md="12" :lg="8">
         <el-card class="update-log">
           <div slot="header" class="clearfix">
             <span>更新日志</span>
@@ -84,7 +84,7 @@
             </el-collapse-item>
           </el-collapse>
         </el-card>
-      </el-col>
+      </el-col> -->
 
     </el-row>
 

src/views/index_v1.vue

@@ -136,10 +136,12 @@ export default {
     $_sidebarResizeHandler(e) {
       if (e.propertyName === 'width') {
         console.log(e)
-        this.myCharts1.resize();
+        setTimeout(() => {
-        this.myCharts2.resize();
+          this.myCharts1.resize();
-        this.myCharts3.resize();
+          this.myCharts2.resize();
-        this.myCharts4.resize();
+          this.myCharts3.resize();
+          this.myCharts4.resize();
+        }, 500);
       }
     },
     getTopData(){ 
@@ -269,10 +271,6 @@ export default {
           };
           this.myCharts1 = echarts.init(document.querySelector('#lineChartOne'));
           this.myCharts1.setOption(option)   
-          // 根据页面大小自动响应图表大小
-          // window.addEventListener("resize1", function () {
-          //     this.myCharts1.resize(); 
-          // });
       }); 
     },
     changType2(e){
@@ -397,11 +395,6 @@ export default {
           };
           this.myCharts2 = echarts.init(document.querySelector('#lineChartTwo'));
           this.myCharts2.setOption(option)  
-
-          // // 根据页面大小自动响应图表大小
-          // window.addEventListener("resize2", function () {
-          //     myCharts2.resize(); 
-          // });
       }); 
     },
     InitEChartsThree() { 

src/views/login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">智慧食堂</h3>
+      <h3 class="title">智慧食堂系统</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"

src/views/login1.vue

@@ -3,7 +3,7 @@
     <div class="login">
       <div class="login-form" style="width: 450px;">
         <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" >
-          <h3 class="title">智慧食堂</h3>
+          <h3 class="title">智慧食堂系统</h3>
           <template v-if="loginMethod === 'password'">
             <el-form-item prop="username">
               <el-input

src/views/register.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">智慧食堂</h3>
+      <h3 class="title">智慧食堂系统</h3>
       <el-form-item prop="username">
         <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />

src/views/register1.vue

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="register">
       <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-        <h3 class="title">智慧食堂</h3>
+        <h3 class="title">智慧食堂系统</h3>
 
         <el-form-item prop="nickName">
           <el-input v-model="registerForm.nickName" type="text" auto-complete="off" placeholder="请输入姓名">

vue.config.js

@@ -7,7 +7,7 @@ function resolve(dir) {
 
 const CompressionPlugin = require('compression-webpack-plugin')
 
-const name = process.env.VUE_APP_TITLE || '智慧食堂' // 网页标题
+const name = process.env.VUE_APP_TITLE || '智慧食堂系统' // 网页标题
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口