会计事项平台更新

src/views/login.vue

@@ -3,63 +3,80 @@
   <div class="loginBg">
     <main>
       <div class="left">
-        <img src="../assets/images/login-page.png" alt="" />
+        <img src="../assets/images/login1.png" alt="" />
       </div>
       <div class="right">
-        <div class="title">您好!欢迎来到 用安数智中台</div>
+        <div
-        <div class="login">
+          style="
-          <el-form
+            width: 60%;
-            :hide-required-asterisk="true"
+            display: flex;
-            label-position="top"
+            align-items: center;
-            ref="loginFormNew"
+            justify-content: center;
-            :model="loginForm"
+            flex-direction: column;
-            :rules="loginRulesNew"
+          "
-            class="login-form"
+        >
-          >
+          <div class="imgBox">
-            <el-form-item prop="login_name" label="手机号/用户名">
+            <img src="../assets/images/left1.png" alt="" />
-              <el-input
+            <img
-                v-model="loginForm.login_name"
+              src="../assets/images/right1.png"
-                type="text"
+              style="border-left: 1px solid #eee;    width: 200px;"
-                auto-complete="off"
+              alt=""
-                placeholder="请输入账号"
+            />
-              >
+          </div>
-              </el-input>
+          <div class="login">
-            </el-form-item>
+            <el-form
-            <el-form-item prop="password" label="密码">
+              :hide-required-asterisk="true"
-              <el-input
+              label-position="top"
-                v-model="loginForm.password"
+              ref="loginFormNew"
-                @keyup.enter.native="handleLogin"
+              :model="loginForm"
-                show-password
+              :rules="loginRulesNew"
-                type="password"
+              class="login-form"
-                auto-complete="off"
+            >
-                placeholder="请输入密码"
+              <el-form-item prop="login_name" label="手机号/用户名">
-              >
+                <el-input
-              </el-input>
+                  v-model="loginForm.login_name"
-            </el-form-item>
+                  type="text"
-            <el-checkbox
+                  auto-complete="off"
-              v-model="loginForm.rememberMe"
+                  placeholder="请输入账号"
-              style="margin: 0px 0px 25px 0px"
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item prop="password" label="密码">
+                <el-input
+                  v-model="loginForm.password"
+                  @keyup.enter.native="handleLogin"
+                  show-password
+                  type="password"
+                  auto-complete="off"
+                  placeholder="请输入密码"
+                >
+                </el-input>
+              </el-form-item>
+              <el-checkbox
+                v-model="loginForm.rememberMe"
+                style="margin: 0px 0px 25px 0px"
               >记住密码</el-checkbox
-            >
-            <el-checkbox
-              v-model="loginForm.automaticLogin"
-              style="margin: 0px 0px 25px 20px"
-              >自动登录</el-checkbox
-            >
-            <!-- <a class="forgetPwd">忘记密码？</a> -->
-            <el-form-item style="width: 100%">
-              <el-button
-                :loading="loading"
-                size="medium"
-                type="primary"
-                style="width: 100%"
-                @click.native.prevent="handleLogin"
               >
-                <span v-if="!loading">登 录</span>
+              <el-checkbox
-                <span v-else>登 录 中...</span>
+                v-model="loginForm.automaticLogin"
-              </el-button>
+                style="margin: 0px 0px 25px 20px"
-            </el-form-item>
+              >自动登录</el-checkbox
-          </el-form>
+              >
+              <!-- <a class="forgetPwd">忘记密码？</a> -->
+              <el-form-item style="width: 100%">
+                <el-button
+                  :loading="loading"
+                  size="medium"
+                  type="primary"
+                  style="width: 100%"
+                  @click.native.prevent="handleLogin"
+                >
+                  <span v-if="!loading">登 录</span>
+                  <span v-else>登 录 中...</span>
+                </el-button>
+              </el-form-item>
+            </el-form>
+          </div>
         </div>
       </div>
     </main>
@@ -259,7 +276,6 @@ export default {
           this.$store
             .dispatch("Login", this.loginForm)
             .then(() => {
-              console.log(123,'123')
               this.loading = false;
               this.$router
                 .push({
@@ -318,7 +334,7 @@ export default {
 
 <style lang="scss" scoped>
 .loginBg {
-  background: url("../assets/images/login.png") no-repeat;
+  background: linear-gradient(to bottom right, #519af6, #84d3e5);
   width: 100vw;
   height: 100vh;
   main {
@@ -335,28 +351,30 @@ export default {
     border-radius: 3vw;
     margin: auto;
     > .left {
-      width: 38vw;
+      width: 55%;
-      height: 56vh;
+      background-size: cover;
-      min-height: 450px;
+      background-position: center center;
-      margin: 7vh 6.8vw 0 4.2vw;
       > img {
         width: 100%;
         height: 100%;
       }
     }
     > .right {
-      margin-top: 158px;
+      width: 45%;
-      > .title {
+      display: flex;
-        width: 228px;
+      align-items: center;
-        height: 9vh;
+      justify-content: center;
-        font-size: 36px;
+      .imgBox {
-        font-family: PingFangSC-Medium, PingFang SC;
+        display: flex;
-        font-weight: 500;
+        margin-bottom: 10px;
-        color: #1478f6;
+
-        line-height: 50px;
+        img {
+          width: 160px;
+          height: 100px;
+        }
       }
       > .login {
-        margin-top: 6vh;
+        // width: 60%;
       }
     }
   }

vue.config.js

@@ -41,8 +41,9 @@ module.exports = {
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://hzya.ufyct.com:9067/`,
         // target: `http://127.0.0.1:9081/`,
-        target: `http://192.168.2.189:10086`,//一凡
+        // target: `http://192.168.2.189:10086`,//一凡
         // target: `http://192.168.2.78:8080`,
+        target: `http://b8bc6e8e.natappfree.cc`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''