背景 文字

.env.development

@@ -1,12 +1,12 @@
 # 页面标题
-VUE_APP_TITLE = 泉医通护理站管理平台
+VUE_APP_TITLE = 泉医到家运营管理平台
 
 # 开发环境配置
 ENV = 'development'
 
-# 泉医通护理站管理平台/开发环境
+# 泉医到家运营管理平台/开发环境
 # VUE_APP_BASE_API = '/dev-api'
-VUE_APP_BASE_API = 'http://192.168.16.30:8080'
+VUE_APP_BASE_API = 'http://192.168.16.49:8080'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -1,8 +1,8 @@
 # 页面标题
-VUE_APP_TITLE = 泉医通护理站管理平台
+VUE_APP_TITLE = 泉医到家运营管理平台
 
 # 生产环境配置
 ENV = 'production'
 
-# 泉医通护理站管理平台/生产环境
+# 泉医到家运营管理平台/生产环境
 VUE_APP_BASE_API = '/prod-api'

.env.staging

@@ -1,10 +1,10 @@
 # 页面标题
-VUE_APP_TITLE = 泉医通护理站管理平台
+VUE_APP_TITLE = 泉医到家运营管理平台
 
 NODE_ENV = production
 
 # 测试环境配置
 ENV = 'staging'
 
-# 泉医通护理站管理平台/测试环境
+# 泉医到家运营管理平台/测试环境
 VUE_APP_BASE_API = '/stage-api'

src/layout/components/Sidebar/Logo.vue

@@ -35,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: '泉医到家护理站管理平台',
+      title: '泉医到家运营管理平台',
       logo: logoImg
     }
   }

src/layout/index.vue

@@ -3,6 +3,7 @@
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
     <sidebar v-if="!sidebar.hide" class="sidebar-container" />
     <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
+      <div :class="show ? 'bj' : ''">
       <div :class="{'fixed-header':fixedHeader}">
         <navbar />
         <tags-view v-if="needTagsView" />
@@ -11,6 +12,7 @@
       <right-panel>
         <settings />
       </right-panel>
+      </div>
     </div>
   </div>
 </template>
@@ -31,6 +33,11 @@ export default {
     Settings,
     Sidebar,
     TagsView
+  },
+     data() {
+    return {
+      show: true,
+    };
   },
   mixins: [ResizeMixin],
   computed: {
@@ -53,8 +60,27 @@ export default {
     variables() {
       return variables;
     }
+  },
+     created() {
+    this.info();
+  },
+      watch: {
+    $route(to, from) {
+      if (to.path != "/index") {
+        this.show = false;
+      } else {
+        this.show = true;
+      }
+    },
   },
   methods: {
+    info() {
+      if (this.$route.path != "/index") {
+        this.show = false;
+      } else {
+        this.show = true;
+      }
+    },
     handleClickOutside() {
       this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
     }
@@ -65,7 +91,11 @@ export default {
 <style lang="scss" scoped>
   @import "~@/assets/styles/mixin.scss";
   @import "~@/assets/styles/variables.scss";
-
+  .bj {
+  background-image: url("../assets/images/body.png");
+  -moz-background-size: 100% 100%;
+  background-size: 100% 100%;
+}
   .app-wrapper {
     @include clearfix;
     position: relative;

src/views/index.vue

@@ -86,7 +86,7 @@ export default {
   width: 100%;
   background-size: cover;
   // margin-top: 300px;
-   background-image: url("../assets/images/mian.png");
+  //  background-image: url("../assets/images/mian.png");
   // blockquote {
   //   padding: 10px 20px;
   //   margin: 0 0 20px;

src/views/login.vue

@@ -6,14 +6,14 @@
       :rules="loginRules"
       class="login-form"
     >
-      <h3 class="title">泉医到家护理站管理平台</h3>
+      <h3 class="title">欢迎登录</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
           type="text"
           auto-complete="off"
           placeholder="账号"
-          style="width: 300px;"
+          style="width: 310px;"
         >
           <svg-icon
             slot="prefix"
@@ -29,7 +29,7 @@
           auto-complete="off"
           placeholder="密码"
           @keyup.enter.native="handleLogin"
-          style="width: 300px"
+          style="width: 310px"
         >
           <svg-icon
             slot="prefix"
@@ -68,7 +68,7 @@
           style="
             width: 300px;
             height: 50px;
-            background-image: linear-gradient(to right, #90c8df, #4ca8cd);
+            background-image: linear-gradient(to right, #01A4FF, #1259EE );
             border-radius: -33px;
             border: none;
             color: #ffffff;
@@ -86,6 +86,13 @@
         </div>
       </el-form-item>
     </el-form>
+     <div class="bg" style="border-radius: 0 6px 6px 0; padding: 0">
+      <img
+        src="../assets/images/bg3.png"
+        alt=""
+        style="width: 1400px; height: 700px; border-radius: 0 6px 6px 0;"
+      />
+    </div>
     <!--  底部  -->
     <div class="el-login-footer">
       <!-- <span>Copyright © 2018-2022 xinyilu.vip All Rights Reserved.</span> -->
@@ -187,13 +194,31 @@ export default {
 };
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
+.bg{
+  position:absolute;
+}
+// .el-input el-input--medium el-input--prefix{
+//    height: 50px;
+//     line-height: 36px;
+//     background-color: red;
+//     border: none;
+//   border-radius: 10px;
+// }
+.el-input--medium ::v-deep .el-input__inner{
+    height: 50px;
+    line-height: 36px;
+    // background-color: red;
+    border: none;
+    border: 1px solid #E5E5E5;
+  border-radius: 36px;
+}
 .login {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/bg.png");
+  background-image: url("../assets/images/bg2.png");
   background-size: cover;
 }
 .title {
@@ -208,6 +233,8 @@ export default {
   background: #ffffff;
   width: 400px;
   padding: 25px 25px 5px 25px;
+  z-index: 999;
+    margin-right: 50%;
   .el-input {
     height: 38px;
     input {
@@ -217,7 +244,8 @@ export default {
   .input-icon {
     height: 39px;
     width: 14px;
-    margin-left: 2px;
+     margin-left: 5px;
+    margin-top: 5px;
   }
 }
 .login-tip {
@@ -249,6 +277,7 @@ export default {
 }
 .login-code-img {
   height: 38px;
+   margin-top: 5px;
 }
 // .el-button{
 //    background-image: linear-gradient(to right , #90C8DF, #4CA8CD);

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