登入页面修改

src/views/system/login/page.vue

@@ -1,18 +1,19 @@
 <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">
+  <div class="jbd-login-page-bg">
+    <el-container class="login-container" @keyup.enter="handleLogin" >
+        <el-header style="width: 100%">
+            <!-- <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: #a73a3a">明鉴实验室信息管理系统</h1>
-            </div>
+            </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="animated fadeIn jbd-login-page-main-img"></div> -->
 
                 <div class="login-main animated fadeIn jbd-login-page-main">
                     <h3>
-                        <span>{{ $t('login.userLogin') }}</span>
+                        <!-- <span>{{ $t('login.userLogin') }}</span> -->
 
                         <ibps-api-base-url-controller v-if="$nodeEnv === 'development'">
                             <el-tooltip effect="dark" :content="$t('navbar.switchEnvironment')" placement="bottom">
@@ -27,20 +28,22 @@
                 </div>
             </div>
         </el-main>
-        <el-footer style="width: 80%">
-            <div class="footer">
-                <!-- <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> -->
-                  <span>深圳市明鉴细胞专业技术有限公司 | <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备2022077950号</a></span>
-                  <span class="dev"><i class="el-icon-s-platform" /> 深圳市金源信通科技有限公司开发</span>
-            </div>
-        </el-footer>
-    </el-container>
+                <el-footer style="width: 80%">
+                    <div class="footer">
+                        <!-- <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> -->
+                          <span>深圳市明鉴细胞专业技术有限公司 | <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备2022077950号|</a></span>
+                          <span class="dev"><i class="el-icon-s-platform" /> 深圳市金源信通科技有限公司开发</span>
+                    </div>
+                </el-footer>
+            </el-container>
+</div>
+
 </template>
 <script>
 import '@/assets/styles/pages/login.scss'
@@ -70,63 +73,52 @@ export default {
 }
 </script>
 <style lang="scss">
-/*.jbd-login-page-bg{ 
-    margin-top:70px;
-    height: 1200px;
-    width: 800px;
-    
-    background-image: url("../../../assets/images/login/MJ_bg01.png");
+.jbd-login-page-bg{
+    margin-top:0px;
+    height: 100%;
+    width: 100%;
+    background-image: url("../../../assets/images/login/MJ02.jpg");
     background-repeat:no-repeat;
     background-size:100% ;
-    
-    
+
+
   }
-*/
+
 .jbd-login-page-main {
     margin-top: 140px;
-    margin-left: 3%;
+    margin-right: 40%;
     margin-bottom: 20px;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
     padding: 30px;
-    height: 320px;
+    height: 300px;
     width: 300px;
+    background-image: url('../../../assets/images/login/03.png');
+    background-size:95% ;
     background-repeat: no-repeat;
     border-radius: 5%;
     box-sizing: border-box;
-}
+    // border: solid black;
 
-/*  margin-left: 12%;*/
-.jbd-login-page-main-img {
-    /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
-    margin-top: 70px;
-    height: 520px;
-    width: 650px;
-    margin-right: 3%;
-    background-image: url('../../../assets/images/login/MJ_login0.jpg');
-    background-size: 100%;
-    background-repeat: no-repeat;
+    opacity:0.9;
 }
 
-.login-container{
-    .footer {
-        height: 50px;
-        font-size: 12px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-        border-top: 1px solid #666;
-        position: relative;
-        a {
-            color: #000;
-            &:hover {
-                text-decoration: underline !important;
-            }
-        }
-        .dev {
-            position: absolute;
-            right: 0px;
-        }
+
+// .jbd-login-page-main-img {
+//     /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
+//     margin-top: 70px;
+//     height: 520px;
+//     width: 650px;
+//     margin-right: 3%;
+//     background-image: url('../../../assets/images/login/MJ_login0.jpg');
+//     background-size: 100%;
+//     background-repeat: no-repeat;
+// }
+
+.footer {
+    font-size: 12px;
+    text-align: center;
+    a {
+        color: #000;
     }
 }
 </style>

src/views/system/login/user-login.vue

@@ -2,12 +2,13 @@
 <template>
   <el-form ref="loginForm" :rules="loginRules" :model="loginForm" class="login-form" status-icon label-width="80" @submit.native.prevent>
      </br>
-    <el-form-item label="账号" prop="username" >
+      </br>
+    <el-form-item label="账号" style="font-weight: 1000;font-family: arial black;" prop="username" >
       <el-input v-model="loginForm.username" :placeholder="$t('login.username')" tabindex="1" auto-complete="on" prefix-icon="ibps-icon-user" @keyup.enter.native="handleLogin"
       style="width:75%;"/>
     </el-form-item>
     <el-tooltip v-model="capsTooltip" :content="$t('login.capsTooltip')" placement="right" manual>
-      <el-form-item label="密码" prop="password">
+      <el-form-item label="密码" style="font-weight: 1000;font-family: arial black;" prop="password">
         <el-input
           v-model="loginForm.password"
           :type="passwordType"