submit

src/icons/svg/phone.svg

@@ -0,0 +1,4 @@
+<svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2995 13.34H0.700539C0.699251 13.3388 0.697692 13.3371 0.69587 13.3351C0.680667 13.3179 0.66 13.2799 0.66 13.2222V0.777778C0.66 0.720084 0.680667 0.682115 0.695871 0.664914C0.697693 0.662853 0.699251 0.661242 0.700539 0.66H10.2995C10.3007 0.661242 10.3023 0.662853 10.3041 0.664914C10.3193 0.682114 10.34 0.720083 10.34 0.777778V13.2222C10.34 13.2799 10.3193 13.3179 10.3041 13.3351C10.3023 13.3371 10.3007 13.3388 10.2995 13.34ZM10.295 0.65628C10.295 0.656261 10.2952 0.656383 10.2956 0.656709L10.295 0.65628ZM0.705045 13.3437C0.70504 13.3437 0.704806 13.3436 0.704351 13.3433L0.705045 13.3437Z" stroke="#FF4D4F" stroke-width="1.32"/>
+<circle cx="5.5" cy="10.5" r="1" fill="#FF4D4F"/>
+</svg>

src/layout/components/Navbar.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="navbar">
     <div class="hos-name">
-      <!-- <img :src="logo" alt="logo"> -->
-      <h1>智慧医院</h1>
+      <img :src="logo" alt="logo">
       <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
       <span v-if="userData.ocName" class="tag">{{ userData.ocName }}</span>
       <countdown v-if="userData.licExpiredTime" :end-time="userData.licExpiredTime">
@@ -87,7 +86,7 @@ export default {
 
   data() {
     return {
-      logo: require('@/assets/images/logo/logo_csat.png'),
+      logo: require('@/assets/images/logo/logo.png'),
       sideMenuTabIndex: 0,
       sideMenus: [],
       sideMenuTabList: [

src/layout/index.vue

@@ -86,7 +86,7 @@ export default {
     position: relative;
     height: 100%;
     width: 100%;
-    background-image:  url("../assets/images/login/login_background.jpg");
+    // background-image:  url("../assets/images/login/login_background.jpg");
     background-repeat: no-repeat;
     background-color: #071A29;
 

src/views/login/index.vue

@@ -6,7 +6,7 @@
     <div class="login-form-wrap">
       <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
         <div class="title-container">
-          <h3 class="form-title">用户登录</h3>
+          <h3 class="form-title">欢迎登录</h3>
         </div>
 
         <el-form-item prop="username">
@@ -52,7 +52,7 @@
           <span>*</span> 忘记密码可咨询管理人员重新获取
         </p>
 
-        <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">
+        <el-button :loading="loading" type="primary" style="width:100%;height:48px" @click.native.prevent="handleLogin">
           登录
         </el-button>
 
@@ -93,7 +93,7 @@ export default {
       capsTooltip: false,
       showDialog: false,
       redirect: undefined,
-      logoImage: require('@/assets/images/logo/logo_csat.png'),
+      logoImage: require('@/assets/images/logo/logo.png'),
       otherQuery: {}
     }
   },
@@ -226,8 +226,8 @@ $bg: #2d3a4b;
     .login-container {
         min-height: 100%;
         width: 100%;
-        background-image: url("../../assets/images/login/login_ornament.png");
-        background-size: 910px 870px;
+        background-image: url("../../assets/images/login/login_bg.png");
+        background-size:100% 100%;
         background-repeat: no-repeat;
         background-color: #071A29;
         background-position:344px 106px;
@@ -236,21 +236,22 @@ $bg: #2d3a4b;
         .login-form-wrap {
             position: absolute;
             background: rgba(255, 255, 255, .08);
-            right: 10%;
-            top: 30%;
-            padding: 10px;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%,-50%);
+            // padding: 10px;
         }
 
         .login-form {
-            width: 367px;
-            height: 319px;
+            width: 420px;
+            height: 437px;
             max-width: 100%;
             padding: 30px;
             margin: 0 auto;
             overflow: hidden;
-            background: rgba(255, 255, 255, .08);
             border-radius: 5px;
-
+            background: linear-gradient(0deg, #1C2D46 0%, #304564 100%);
+            box-shadow: 0px 5px 30px 0px #05081B80;
             .icon-image {
                 width: 20px;
                 height: 20px;
@@ -262,16 +263,18 @@ $bg: #2d3a4b;
                 font-size: 14px;
                 font-weight: bold;
                 color: #FFFFFF;
-                text-align: center;
-                margin-top: 0;
                 margin-bottom: 34px;
+                font-family: Be Vietnam;
+                font-size: 28px;
+                font-weight: 700;
+                line-height: 41px;
             }
 
             .tip-text {
                 font-size: 12px;
                 font-weight: bold;
                 color: #7C878E;
-                margin-bottom: 20px;
+                margin-bottom: 32px;
 
                 span {
                     color: #E41111;