修改首页登录logo名字

.env.development

@@ -1,11 +1,11 @@
 # 页面标题
-VUE_APP_TITLE = 新医路新版小程序管理系统
+VUE_APP_TITLE = 新医路健康管理平台
 
 # 开发环境配置
 ENV = 'development'
 
-# 新医路新版小程序管理系统/开发环境
+# 新医路健康管理平台/开发环境
-VUE_APP_BASE_API = 'http://192.168.16.76:8088'
+VUE_APP_BASE_API = 'http://192.168.16.35:8088'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -1,8 +1,8 @@
 # 页面标题
-VUE_APP_TITLE = 新医路新版小程序管理系统
+VUE_APP_TITLE = 新医路健康管理平台
 
 # 生产环境配置
 ENV = 'production'
 
-# 新医路新版小程序管理系统/生产环境
+# 新医路健康管理平台/生产环境
 VUE_APP_BASE_API = 'http://192.168.16.76:8088'

.env.staging

@@ -1,10 +1,10 @@
 # 页面标题
-VUE_APP_TITLE = 新医路新版小程序管理系统
+VUE_APP_TITLE = 新医路健康管理平台
 
 NODE_ENV = production
 
 # 测试环境配置
 ENV = 'staging'
 
-# 新医路新版小程序管理系统/测试环境
+# 新医路健康管理平台/测试环境
 VUE_APP_BASE_API = '/stage-api'

package.json

@@ -1,7 +1,7 @@
 {
   "name": "xinelu",
   "version": "3.8.3",
-  "description": "新医路新版小程序管理系统",
+  "description": "新医路健康管理平台",
   "author": "新医路",
   "license": "MIT",
   "scripts": {

src/layout/components/Sidebar/Logo.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import logoImg from '@/assets/logo/lg.png'
+import logoImg from '@/assets/images/logo.png'
 import variables from '@/assets/styles/variables.scss'
 
 export default {
@@ -35,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: '新版小程序管理系统',
+      title: '新医路健康管理平台',
       logo: logoImg
     }
   }

src/views/index.vue

@@ -1,8 +1,23 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
+    <div
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
+      style="
-        <h2>新医路新版小程序管理系统</h2>
+        display: flex;
+        position: absolute;
+        top: 48%;
+        transform: translateY(-48%);
+        /* background-color: red; */
+        left: 20%;
+        transform: translateX(45%);
+      "
+    >
+      <img class="imgitem" src="../assets/images/logo.png" alt="" />
+      <div class="name">新医路新版小程序管理系统</div>
+    </div>
+
+    <!-- <el-row :gutter="20"> -->
+    <!-- <el-col :sm="24" :lg="12" style="padding-left: 20px">
+        <h2>新医路健康管理平台</h2>
         <p>
         </p>
         <p>
@@ -12,8 +27,8 @@
         <el-row>
         </el-row>
       </el-col>
-    </el-row>
+    </el-row> -->
-    <el-divider />
+    <!-- <el-divider /> -->
   </div>
 </template>
 
@@ -21,8 +36,7 @@
 export default {
   name: "index",
   data() {
-    return {
+    return {};
-    };
   },
   methods: {
     goTarget(href) {
@@ -33,18 +47,34 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.imageitem {
+  width: 73px;
+  height: 97px;
+}
+.name {
+  height: 47px;
+  line-height: 47px;
+  padding-top: 20px;
+  padding-left: 20px;
+  font-size: 51px;
+  font-family: Source Han Sans CN;
+  font-weight: 400;
+  color: #333333;
+  line-height: 30px;
+}
 .home {
+  // position: relative;
   blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 17.5px;
-    border-left: 5px solid #eee;
+    // border-left: 5px solid #eee;
   }
   hr {
     margin-top: 20px;
     margin-bottom: 20px;
     border: 0;
-    border-top: 1px solid #eee;
+    // border-top: 1px solid #eee;
   }
   .col-item {
     margin-bottom: 20px;

src/views/login.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="login">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
+    <el-form
-      <h3 class="title">若依后台管理系统</h3>
+      ref="loginForm"
+      :model="loginForm"
+      :rules="loginRules"
+      class="login-form"
+    >
+      <img class="imgitem" src="../assets/images/logo.png" alt="" />
+      <h3 class="title">新医路健康管理平台</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -9,7 +15,11 @@
           auto-complete="off"
           placeholder="账号"
         >
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+          <svg-icon
+            slot="prefix"
+            icon-class="user"
+            class="el-input__icon input-icon"
+          />
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
@@ -20,7 +30,11 @@
           placeholder="密码"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+          <svg-icon
+            slot="prefix"
+            icon-class="password"
+            class="el-input__icon input-icon"
+          />
         </el-input>
       </el-form-item>
       <el-form-item prop="code" v-if="captchaOnOff">
@@ -28,29 +42,51 @@
           v-model="loginForm.code"
           auto-complete="off"
           placeholder="验证码"
-          style="width: 63%"
+          style="width: 44%"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+          <svg-icon
+            slot="prefix"
+            icon-class="validCode"
+            class="el-input__icon input-icon"
+          />
         </el-input>
         <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+          <img :src="codeUrl" @click="getCode" class="login-code-img" />
         </div>
       </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
+      <el-checkbox
-      <el-form-item style="width:100%;">
+        v-model="loginForm.rememberMe"
+        style="margin: 2px 20px 35px 122px"
+        >记住密码</el-checkbox
+      >
+      <el-form-item style="width: 100%">
         <el-button
           :loading="loading"
           size="medium"
           type="primary"
-          style="width:100%;"
+          style="
+            width: 55%;
+            height: 44px;
+            font-size: 18px;
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            color: #ffffff;
+            text-align: center;
+            position: absolute;
+            left: 50%;
+            top: 10%;
+            transform: translateX(-50%);
+          "
           @click.native.prevent="handleLogin"
         >
           <span v-if="!loading">登 录</span>
           <span v-else>登 录 中...</span>
         </el-button>
-        <div style="float: right;" v-if="register">
+        <div style="float: right" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
+          <router-link class="link-type" :to="'/register'"
+            >立即注册</router-link
+          >
         </div>
       </el-form-item>
     </el-form>
@@ -64,7 +100,7 @@
 <script>
 import { getCodeImg } from "@/api/login";
 import Cookies from "js-cookie";
-import { encrypt, decrypt } from '@/utils/jsencrypt'
+import { encrypt, decrypt } from "@/utils/jsencrypt";
 
 export default {
   name: "Login",
@@ -76,32 +112,32 @@ export default {
         password: "",
         rememberMe: false,
         code: "",
-        uuid: ""
+        uuid: "",
       },
       loginRules: {
         username: [
-          { required: true, trigger: "blur", message: "请输入您的账号" }
+          { required: true, trigger: "blur", message: "请输入您的账号" },
         ],
         password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" }
+          { required: true, trigger: "blur", message: "请输入您的密码" },
         ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
       },
       loading: false,
       // 验证码开关
       captchaOnOff: true,
       // 注册开关
       register: false,
-      redirect: undefined
+      redirect: undefined,
     };
   },
   watch: {
     $route: {
-      handler: function(route) {
+      handler: function (route) {
         this.redirect = route.query && route.query.redirect;
       },
-      immediate: true
+      immediate: true,
-    }
+    },
   },
   created() {
     this.getCode();
@@ -109,8 +145,9 @@ export default {
   },
   methods: {
     getCode() {
-      getCodeImg().then(res => {
+      getCodeImg().then((res) => {
-        this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff;
+        this.captchaOnOff =
+          res.captchaOnOff === undefined ? true : res.captchaOnOff;
         if (this.captchaOnOff) {
           this.codeUrl = "data:image/gif;base64," + res.img;
           this.loginForm.uuid = res.uuid;
@@ -120,38 +157,46 @@ export default {
     getCookie() {
       const username = Cookies.get("username");
       const password = Cookies.get("password");
-      const rememberMe = Cookies.get('rememberMe')
+      const rememberMe = Cookies.get("rememberMe");
       this.loginForm = {
         username: username === undefined ? this.loginForm.username : username,
-        password: password === undefined ? this.loginForm.password : decrypt(password),
+        password:
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
+          password === undefined ? this.loginForm.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
       };
     },
     handleLogin() {
-      this.$refs.loginForm.validate(valid => {
+      this.$refs.loginForm.validate((valid) => {
         if (valid) {
           this.loading = true;
           if (this.loginForm.rememberMe) {
             Cookies.set("username", this.loginForm.username, { expires: 30 });
-            Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
+            Cookies.set("password", encrypt(this.loginForm.password), {
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
+              expires: 30,
+            });
+            Cookies.set("rememberMe", this.loginForm.rememberMe, {
+              expires: 30,
+            });
           } else {
             Cookies.remove("username");
             Cookies.remove("password");
-            Cookies.remove('rememberMe');
+            Cookies.remove("rememberMe");
           }
-          this.$store.dispatch("Login", this.loginForm).then(() => {
+          this.$store
-            this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
+            .dispatch("Login", this.loginForm)
-          }).catch(() => {
+            .then(() => {
-            this.loading = false;
+              this.$router.push({ path: this.redirect || "/" }).catch(() => {});
-            if (this.captchaOnOff) {
+            })
-              this.getCode();
+            .catch(() => {
-            }
+              this.loading = false;
-          });
+              if (this.captchaOnOff) {
+                this.getCode();
+              }
+            });
         }
       });
-    }
+    },
-  }
+  },
 };
 </script>
 
@@ -160,33 +205,61 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100%;
+  height: 70%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/background.png");
   background-size: cover;
 }
 .title {
-  margin: 0px auto 30px auto;
+  margin: 120px auto 30px auto;
   text-align: center;
-  color: #707070;
+  font-size: 34px;
+  font-family: Source Han Sans CN;
+  font-weight: 400;
+  color: #333333;
+  line-height: 24px;
 }
 
 .login-form {
   border-radius: 6px;
+  z-index: 999;
   background: #ffffff;
-  width: 400px;
+  width: 800px;
+  top: 50%;
+  position: absolute;
+  transform: translateY(-50%);
+  height: 607px;
+  background: #fefefe;
+  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
+  border-radius: 6px 6px 0px 6px;
   padding: 25px 25px 5px 25px;
-  .el-input {
+  .imgitem {
-    height: 38px;
+    position: absolute;
-    input {
+    left: 50%;
-      height: 38px;
+    transform: translateX(-50%);
-    }
+    width: 58px;
+    height: 76px;
   }
-  .input-icon {
+}
-    height: 39px;
+
-    width: 14px;
+.el-input {
-    margin-left: 2px;
+  // position: absolute;
+  // left: 50%;
+  // transform: translateX(-50%);
+  margin-left: 16%;
+
+  width: 474px;
+  height: 40px;
+  input {
+    background: #ffffff;
+    border: 1px solid #e6e6e6;
+    border-radius: 2px;
   }
 }
+.input-icon {
+  height: 39px;
+  width: 14px;
+  margin-left: 2px;
+}
 .login-tip {
   font-size: 13px;
   text-align: center;
@@ -215,5 +288,7 @@ export default {
 }
 .login-code-img {
   height: 38px;
+  position: absolute;
+  left: 62%;
 }
 </style>

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 // 端口