登录页面优化

src/components/jbd-panel/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="jbd-sys-title">
       <!--<span  class="jbd-sys-title-cont-center" style="margin-left: 40px;float: left;">金通实验室认证认可LIMS系统V2.0</span>-->
-      <span  class="jbd-sys-title-cont-center" style="margin-left: 40px;float: left;">深圳市罗湖医院集团细胞质量检测实验室</span>
+      <span  class="jbd-sys-title-cont-center" style="margin-left: 40px;float: left;">深圳市罗湖医院集团细胞质量检测实验室lims系统</span>
        <span style="float: right; " class="jbd-sys-title-contact">
          </br>
        深圳市金源信通科技有限公司开发 <i style="margin-left: 10px;" class="el-icon-phone"/> 0755-2642-4403

src/views/system/login/page.vue

@@ -1,121 +1,87 @@
 <template>
-
-        <el-container class="login-container" @keyup.enter="handleLogin">
-            <el-header style="width: 80%;">
-              <div style="width:100%;height: 93px;text-align: center; position: relative;top:10%;overflow:hidden;" >
-                <h1 class="login-info-title" style="font-size: 40px;color:#1894d0;">深圳市罗湖医院集团细胞质量检测实验室</h1>
-              </div>
-            </el-header>
-
-            <el-main style="width: 80%;height:100%; margin-top:60px; overflow: hidden; border:0px">
-
-                    <div class="login-border" >
-                      <div class="animated fadeIn jbd-login-page-main-img">
-                      </div>
-
-                      <div class="login-main animated fadeIn jbd-login-page-main ">
-
-                        <h3><span>{{ $t('login.userLogin') }}</span>
-
-                          <ibps-api-base-url-controller v-if="$nodeEnv === 'development'">
-                            <el-tooltip
-                              effect="dark"
-                              :content="$t('navbar.switchEnvironment')"
-                              placement="bottom"
-                            >
-                              <el-button type="text" class="ibps-fr ibps-mr-5 btn-text can-hover">
-                                <ibps-icon name="wifi" style="font-size: 18px;" />
-                              </el-button>
+    <el-container class="login-container" @keyup.enter="handleLogin">
+        <el-main style="width: 80%; height: 100%; margin-top: 60px; overflow: hidden; border: 0px">
+            <div class="login-border">
+                <div class="animated fadeIn">
+                  <h1 class="login-info-title login-title">
+                    <img src="../../../assets/images/login/logo.jpg" class="logoImg"/>
+                    深圳市罗湖医院集团
+                  </h1>
+                  <h1 class="login-info-title login-title">细胞质量检测实验室lims系统</h1>
+                </div>
+
+                <div class="login-main animated fadeIn jbd-login-page-main">
+                    <h3>
+                        <span>{{ $t('login.userLogin') }}</span>
+                        <ibps-api-base-url-controller v-if="$nodeEnv === 'development'">
+                            <el-tooltip effect="dark" :content="$t('navbar.switchEnvironment')" placement="bottom">
+                                <el-button type="text" class="ibps-fr ibps-mr-5 btn-text can-hover">
+                                    <ibps-icon name="wifi" style="font-size: 18px" />
+                                </el-button>
                             </el-tooltip>
-                          </ibps-api-base-url-controller>
-                        </h3>
-                        <user-login />
-                        <login-bottom />
-                      </div>
-
-                    </div>
-
-
-            </el-main>
-            <el-footer style=" width: 80%;" >
-
-            <div style="font-size: 12px;text-align:right;">
-                <hr>
-
-                <p>
-                  <!--<i style="margin-left: 50px;" class="el-icon-office-building"/> 深圳市明鉴细胞专业技术有限公司
-                  <i style="margin-left: 20px;" class="el-icon-location-information"/> 深圳市南山区科技园高新北区源兴科技大厦东座303
-                  <i style="margin-left: 20px;" class="el-icon-phone"/> 400-9919-863
-                  <i style="margin-left: 20px;" class="el-icon-message"/> services@mingjiantech.com-->
-                  <i class="el-icon-s-platform"/> 深圳市金源信通科技有限公司开发
-                </p>
+                        </ibps-api-base-url-controller>
+                    </h3>
+                    <user-login />
+                    <login-bottom />
+                </div>
             </div>
-         </el-footer>
-        </el-container>
+        </el-main>
+        <el-footer style="width: 80%">
+            <div style="font-size: 12px; text-align: right">
+                <hr />
+                <div>
+                    <i class="el-icon-s-platform" /> 深圳市金源信通科技有限公司开发
+                </div>
+            </div>
+        </el-footer>
+    </el-container>
 </template>
 <script>
 import '@/assets/styles/pages/login.scss'
 import LoginBottom from './login-bottom'
 import UserLogin from './user-login'
-import IbpsPluginLanguage from '@/plugins/language'
+// import IbpsPluginLanguage from '@/plugins/language'
 import IbpsApiBaseUrlController from '@/plugins/api-base-url'
 
 export default {
-  name: 'login',
-  components: {
-    LoginBottom,
-    UserLogin,
-    IbpsPluginLanguage,
-    IbpsApiBaseUrlController
-  },
-  data() {
-    return {
-      activeName: 'user'
+    name: 'login',
+    components: {
+        LoginBottom,
+        UserLogin,
+        // IbpsPluginLanguage,
+        IbpsApiBaseUrlController
+    },
+    data() {
+        return {
+            activeName: 'user'
+        }
+    },
+    methods: {
+        handleLogin() {}
     }
-  },
-  methods: {
-    handleLogin() { }
-  }
 }
 </script>
 <style>
-/*.jbd-login-page-bg{
-    margin-top:70px;
-    height: 1200px;
-    width: 800px;
-
-    background-image: url("../../../assets/images/login/MJ_bg01.png");
-    background-repeat:no-repeat;
-    background-size:100% ;
-
-
-  }
-*/
-  .jbd-login-page-main{
-    margin-top:140px;
-    margin-left:3%;
-    margin-bottom:20px;
+.jbd-login-page-main {
+    margin-left: 3%;
+    margin-bottom: 20px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     padding: 30px;
     height: 320px;
     width: 300px;
-    background-repeat:no-repeat;
+    background-repeat: no-repeat;
     border-radius: 5%;
     box-sizing: border-box;
-
-  }
-
-  /*  margin-left: 12%;*/
-  .jbd-login-page-main-img{
-    /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
-   margin-top:120px;
-   height: 520px;
-   width: 650px;
-   margin-right:3%;
-   background-image: url("../../../assets/images/login/login3.png");
-   /* background-image: url("../../../assets/images/login/MJ_login0.jpg"); */
-   background-size:100% ;
-   background-repeat:no-repeat;
-
-  }
+}
+.login-title{
+  text-align: center;
+  font-size: 40px;
+  color: #1894d0
+}
+.logoImg{
+  width: 50px;
+  height: 50px;
+  position: relative;
+  top: 10px;
+}
 </style>