登录页面背景图调整

src/views/Login/index.vue

@@ -3,7 +3,7 @@
     <div id="loginForamWrapper">
       <div class="company-desc">
         <div>
-          <img src="../../assets/logo.png" style="height: 60px;" alt="" />
+          <img src="../../assets/logo.png" style="height: 60px" alt="" />
         </div>
         <h2>国际结算系统</h2>
       </div>
@@ -17,15 +17,29 @@
           size="small"
           :hide-required-asterisk="true"
         >
-          <el-form-item prop="username" label="用户名"  style="margin-top: 50px;">
-            <el-input prefix-icon="el-icon-user" :placeholder="$t('login.namePlaceholder')" v-model="loginForm.username"></el-input>
+          <el-form-item prop="username" label="用户名" style="margin-top: 50px">
+            <el-input
+              prefix-icon="el-icon-user"
+              :placeholder="$t('login.namePlaceholder')"
+              v-model="loginForm.username"
+            ></el-input>
           </el-form-item>
 
           <el-form-item prop="password" label="密码">
-            <el-input prefix-icon="el-icon-lock" :placeholder="$t('login.pwdPlaceholder')" type="password" v-model="loginForm.password" autocomplete="off"></el-input>
+            <el-input
+              prefix-icon="el-icon-lock"
+              :placeholder="$t('login.pwdPlaceholder')"
+              type="password"
+              v-model="loginForm.password"
+              autocomplete="off"
+            ></el-input>
           </el-form-item>
 
-          <el-button style="width: 100%;height: 40px; margin: 20px 0 0" type="primary" @click="submitForm('loginForm')" >
+          <el-button
+            style="width: 100%; height: 40px; margin: 20px 0 0"
+            type="primary"
+            @click="submitForm('loginForm')"
+          >
             登录<!--{{ $t("login.loginBtn") }}-->
           </el-button>
         </el-form>
@@ -38,22 +52,28 @@
         </span>
       </div>
     </div>
+    <div class="loginTitle">
+      <h1 style="color: white; font-size: 40px">国际结算系统</h1>
+      <span style="color: white; font-size: 25px; font-weight: bold"
+        >International Settlement System</span
+      >
+    </div>
   </div>
 </template>
 
 <script>
 import Utils from "~/utils";
 import { createNamespacedHelpers } from "vuex";
-import axios from 'axios'
+import axios from "axios";
 
 const { mapState, mapMutations, mapActions } =
   createNamespacedHelpers("UserContext");
 const { setLoginInfo } = mapMutations(["setLoginInfo"]);
 
 const usrMap = {
-  'ZL': 'wdbus',
-  'MBF': 'wdrel'
-}
+  ZL: "wdbus",
+  MBF: "wdrel",
+};
 
 export default {
   data() {
@@ -77,44 +97,61 @@ export default {
             token: Utils.generateUUID(),
           });
           // 电证登录
-          const dzUsr = usrMap[this.loginForm.username === 'ZL' ? 'ZL' : 'MBF']
+          const dzUsr = usrMap[this.loginForm.username === "ZL" ? "ZL" : "MBF"];
           const headers = {
             userId: dzUsr,
             security: true,
-            terminalType: 'WEB' 
-          }
-          axios.post('/esfeserver/service/login', {
+            terminalType: "WEB",
+          };
+          axios
+            .post(
+              "/esfeserver/service/login",
+              {
                 data: {
                   dncode: "",
                   password: "1",
                   sendcode: "1",
                   username: dzUsr,
-            }
-          }, { headers }).then(res => {
-            const data = res.data
+                },
+              },
+              { headers }
+            )
+            .then((res) => {
+              const data = res.data;
               if (data.retmsg === "success") {
-              const d = data.data
-              window.sessionStorage.setItem('menu', JSON.stringify(d.menu))
-              window.sessionStorage.setItem('_token_', d.token)
-              window.sessionStorage.setItem('_nam_', dzUsr)
-              axios.post('esfeserver/service/office/offp_login', {}, { headers: { ...headers, token: d.token} })
-              .then(rs => {
-                const rd = rs.data
+                const d = data.data;
+                window.sessionStorage.setItem("menu", JSON.stringify(d.menu));
+                window.sessionStorage.setItem("_token_", d.token);
+                window.sessionStorage.setItem("_nam_", dzUsr);
+                axios
+                  .post(
+                    "esfeserver/service/office/offp_login",
+                    {},
+                    { headers: { ...headers, token: d.token } }
+                  )
+                  .then((rs) => {
+                    const rd = rs.data;
                     if (rd.retmsg === "success") {
-                  const dd = rd.data
-                  window.sessionStorage.setItem('bchsta_loginsta', '登录')
-                  window.sessionStorage.setItem('syssta_syssta', '日间')
-                  window.sessionStorage.setItem('syssta_online', '开启')
-                  window.sessionStorage.setItem('usrnam', dd.usr_dspnam)
-                  window.sessionStorage.setItem('usg', dd.usr_usg)
-                  window.sessionStorage.setItem('syssta_sysdat', dd.syssta_sysdat)
-                  window.sessionStorage.setItem('bchsta_chkflg', dd.bchsta_chkflg)
-                  window.sessionStorage.setItem('bchnam', dd.bch_namcn)
+                      const dd = rd.data;
+                      window.sessionStorage.setItem("bchsta_loginsta", "登录");
+                      window.sessionStorage.setItem("syssta_syssta", "日间");
+                      window.sessionStorage.setItem("syssta_online", "开启");
+                      window.sessionStorage.setItem("usrnam", dd.usr_dspnam);
+                      window.sessionStorage.setItem("usg", dd.usr_usg);
+                      window.sessionStorage.setItem(
+                        "syssta_sysdat",
+                        dd.syssta_sysdat
+                      );
+                      window.sessionStorage.setItem(
+                        "bchsta_chkflg",
+                        dd.bchsta_chkflg
+                      );
+                      window.sessionStorage.setItem("bchnam", dd.bch_namcn);
                     }
-              })
+                  });
                 this.$router.push("/home");
               }
-          })
+            });
         } else {
           console.log("error submit!!");
           return false;
@@ -139,7 +176,6 @@ export default {
   background-repeat: no-repeat;
 }
 
-
 .loginContainer .en-title {
   font-weight: 600;
   font-size: 0.4em;
@@ -165,14 +201,13 @@ export default {
   flex-direction: column;
   justify-content: flex-end;
 }
-.company-desc div{
+.company-desc div {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 15%;
 }
 .company-desc h2 {
-
 }
 #loginForm {
   display: flex;
@@ -201,8 +236,18 @@ export default {
   color: #858585;
 }
 
-.copy-right p{
+.copy-right p {
   margin: 3px 0;
 }
+
+.loginTitle {
+  width: 155%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  position: absolute;
+  top: 15%;
+}
 </style>
  
\ No newline at end of file