修改

dsk-operate-ui/src/views/login.vue

 <template>
   <div class="login">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title"><img src="../assets/images/title_icon.png"/>欢迎登录系统</h3>
-      <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-          auto-complete="off"
-          placeholder="请输入登录账号"
-        >
-          <img class="img" slot="prefix" src="../assets/images/user.png"/>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="请输入账号密码"
-          @keyup.enter.native="handleLogin"
-        >
-          <img class="img" slot="prefix" src="../assets/images/password.png"/>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          v-model="loginForm.code"
-          auto-complete="off"
-          placeholder="请输入验证码"
-          style="width: 56%;float: left;"
-          @keyup.enter.native="handleLogin"
-        >
-          <img class="img" slot="prefix" src="../assets/images/validCode.png"/>
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-        </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 48px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width:100%;height: 48px;border-radius: 4px;font-size: 16px;"
-          @click.native.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
+    <div class="content">
+      <div class="left">
+        <img class="logo" src="../assets/images/logo1.png" />
+        <img class="img" src="../assets/images/login/img.png" />
+      </div>
+      <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
+        <h3 class="title"><img src="../assets/images/title_icon.png"/>欢迎登录系统</h3>
+        <el-form-item prop="username">
+          <el-input
+            v-model="loginForm.username"
+            type="text"
+            auto-complete="off"
+            placeholder="请输入登录账号"
+          >
+            <img class="img" slot="prefix" src="../assets/images/user.png"/>
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="password">
+          <el-input
+            v-model="loginForm.password"
+            type="password"
+            auto-complete="off"
+            placeholder="请输入账号密码"
+            @keyup.enter.native="handleLogin"
+          >
+            <img class="img" slot="prefix" src="../assets/images/password.png"/>
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="code" v-if="captchaEnabled">
+          <el-input
+            v-model="loginForm.code"
+            auto-complete="off"
+            placeholder="请输入验证码"
+            style="width: 56%;float: left;"
+            @keyup.enter.native="handleLogin"
+          >
+            <img class="img" slot="prefix" src="../assets/images/validCode.png"/>
+          </el-input>
+          <div class="login-code">
+            <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+          </div>
+        </el-form-item>
+        <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 48px;">记住密码</el-checkbox>
+        <el-form-item style="width:100%;">
+          <el-button
+            :loading="loading"
+            size="medium"
+            type="primary"
+            style="width:100%;height: 48px;border-radius: 4px;font-size: 16px;"
+            @click.native.prevent="handleLogin"
+          >
+            <span v-if="!loading">登 录</span>
+            <span v-else>登 录 中...</span>
+          </el-button>
+          <div style="float: right;" v-if="register">
+            <router-link class="link-type" :to="'/register'">立即注册</router-link>
+          </div>
+        </el-form-item>
+      </el-form>
+    </div>
   </div>
 </template>
 
@@ -153,12 +159,31 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss">
 .login {
-  display: flex;
+  /*display: flex;*/
   justify-content: center;
   align-items: center;
   height: 100%;
   background-image: url("../assets/images/login_bg.png");
   background-size: cover;
+  .content{
+    width: 1320px;
+    margin: 0 auto;
+    padding-top: 200px;
+  }
+  .left{
+    float: left;
+    width: 730px;
+    margin-right: 170px;
+  }
+  .logo{
+    width: 317px;
+    height: 69px;
+    margin-bottom: 58px;
+  }
+  .img{
+    width: 730px;
+    height: 624px;
+  }
 }
 .title {
   padding: 46px 0 32px 48px;
@@ -177,6 +202,8 @@ export default {
   border-radius: 6px;
   background: #ffffff;
   width: 420px;
+  float: right;
+  margin-top: 70px;
   /*padding: 25px 25px 5px 25px;*/
   .el-form-item{
     padding: 0 48px;