diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 3b6bff7..435ae19 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,70 +1,53 @@
 <template>
-  <div class="login_bg">
-    <div class="title">
-      <img src="../../assets/images/login_07.png" alt="">
+  <div class="login_content">
+    <div class="login_left">
+      <img src="../../assets/images/login_01.png" alt="" />
     </div>
-    <div class="container">
+    <div class="login_right">
+      <div class="form">
+        <img class="title" src="../../assets/images/login_02.png" alt="" />
+        <div v-if="tabLogin">
+          <el-form :model="data" size="medium" ref="formRef" @keyup.enter.native="handleSubmit" v-if="formPhoneIf">
+            <el-form-item prop="user">
+              <el-input v-model="data.user" style="width: 100%" placeholder="帐号" prefix-icon="User"></el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input v-model="data.password" style="width: 100%" type="password" placeholder="密码" prefix-icon="Lock"
+                show-password>
+              </el-input>
+            </el-form-item>
+            <div style="font-size: 0" class="rememb">
+              <el-checkbox v-model="remembIf" label="记住我" size="large" />
+            </div>
+            <el-button class="login-btn-submit" type="primary" @click="handleSubmit()" :loading="loading">
+              <span class="info1">登&nbsp;录</span>
+            </el-button>
+          </el-form>
+          <el-form v-else :model="dataPhone" size="medium" ref="formPhoneCodeRef" :rules="rules"
+            @keyup.enter.native="handlePhoneSubmit" label-position="top">
+            <el-form-item label="验证码">
+              <div style="margin: 0 -5px;width: 100%;">
+                <div class="g-remove-check-code_content" ref="aCheckCodeInputComputedRef">
+                  <el-input-number v-model.trim.number="aCheckCodeInputComputed[0]" :min="0" :max="9" :controls="false"
+                    @input="(e) => inputChange(0, e)" />
+                  <el-input-number v-model.trim.number="aCheckCodeInputComputed[1]" :min="0" :max="9" :controls="false"
+                    @input="(e) => inputChange(1, e)" @keyup.delete="(e) => backSpace(1, e)" />
+                  <el-input-number v-model.trim.number="aCheckCodeInputComputed[2]" :min="0" :max="9" :controls="false"
+                    @input="(e) => inputChange(2, e)" @keyup.delete="(e) => backSpace(2, e)" />
+                  <el-input-number v-model.trim.number="aCheckCodeInputComputed[3]" :min="0" :max="9" :controls="false"
+                    @input="(e) => inputChange(3, e)" @keyup.delete="(e) => backSpace(3, e)" />
+                  <el-input-number v-model.trim.number="aCheckCodeInputComputed[4]" :min="0" :max="9" :controls="false"
+                    @input="(e) => inputChange(4, e)" @keyup.delete="(e) => backSpace(4, e)" />
+                  <el-input-number v-model.trim.number="aCheckCodeInputComputed[5]" :min="0" :max="9" :controls="false"
+                    @input="(e) => inputChange(5, e)" @keyup.delete="(e) => backSpace(5, e)" />
+                </div>
+              </div>
+              <div class="alert_codePhone">
+                请输入&nbsp;&nbsp;<span>{{ phone }}&nbsp;&nbsp;</span>手机号收到的6位验证码
+              </div>
+            </el-form-item>
 
-      <div class="left_img">
-        <img src="../../assets/images/login_03.png" alt="">
-      </div>
-
-      <div class="login_right">
-        <div class="form">
-          <h2 class="form_title">欢迎登录</h2>
-          <div class="form_tab">
-            <span @click="tabLogin = false" :class="[tabLogin?'':'on']">扫码登录</span>
-            <span @click="tabLogin = true" :class="[tabLogin?'on':'']">密码登录</span>
-          </div>
-          <div v-show="tabLogin">
-            <el-form :model="data" class="login_form" size="medium" ref="formRef" @keyup.enter.native="handleSubmit"
-              v-if="formPhoneIf">
-              <el-form-item prop="user">
-                <el-input v-model="data.user" style="width: 100%" placeholder="帐号">
-                </el-input>
-                <div class="icon_box">
-                  <img class="icon" src="../../assets/images/login_06.png" alt="">
-                </div>
-              </el-form-item>
-              <el-form-item prop="password">
-                <el-input v-model="data.password" style="width: 100%" type="password" placeholder="密码" show-password>
-                </el-input>
-                <div class="icon_box">
-                  <img class="icon" src="../../assets/images/login_05.png" alt="">
-                </div>
-              </el-form-item>
-              <!-- <div style="font-size: 0" class="rememb">
-                <el-checkbox v-model="remembIf" label="记住我" size="large" />
-              </div> -->
-              <el-button class="login-btn-submit" type="primary" @click="handleSubmit()" :loading="loading">
-                <span class="info1">登&nbsp;录</span>
-              </el-button>
-            </el-form>
-            <el-form v-else :model="dataPhone" size="medium" ref="formPhoneCodeRef" :rules="rules"
-              @keyup.enter.native="handlePhoneSubmit" label-position="top">
-              <el-form-item label="验证码" style="margin-bottom: 0.521vw;">
-                <div style="margin: 0 -5px;width: 100%;">
-                  <div class="g-remove-check-code_content" ref="aCheckCodeInputComputedRef">
-                    <el-input-number v-model.trim.number="aCheckCodeInputComputed[0]" :min="0" :max="9" :controls="false"
-                      @input="(e) => inputChange(0, e)" />
-                    <el-input-number v-model.trim.number="aCheckCodeInputComputed[1]" :min="0" :max="9" :controls="false"
-                      @input="(e) => inputChange(1, e)" @keyup.delete="(e) => backSpace(1, e)" />
-                    <el-input-number v-model.trim.number="aCheckCodeInputComputed[2]" :min="0" :max="9" :controls="false"
-                      @input="(e) => inputChange(2, e)" @keyup.delete="(e) => backSpace(2, e)" />
-                    <el-input-number v-model.trim.number="aCheckCodeInputComputed[3]" :min="0" :max="9" :controls="false"
-                      @input="(e) => inputChange(3, e)" @keyup.delete="(e) => backSpace(3, e)" />
-                    <el-input-number v-model.trim.number="aCheckCodeInputComputed[4]" :min="0" :max="9" :controls="false"
-                      @input="(e) => inputChange(4, e)" @keyup.delete="(e) => backSpace(4, e)" />
-                    <el-input-number v-model.trim.number="aCheckCodeInputComputed[5]" :min="0" :max="9" :controls="false"
-                      @input="(e) => inputChange(5, e)" @keyup.delete="(e) => backSpace(5, e)" />
-                  </div>
-                </div>
-                <div class="alert_codePhone">
-                  请输入&nbsp;&nbsp;<span>{{ phone }}&nbsp;&nbsp;</span>手机号收到的6位验证码
-                </div>
-              </el-form-item>
-
-              <!-- <el-form-item prop="phoneCode">
+            <!-- <el-form-item prop="phoneCode">
             <el-input
               v-model="dataPhone.phoneCode"
               style="width: 100%"
@@ -72,37 +55,34 @@
               prefix-icon="Lock"
             ></el-input>
           </el-form-item> -->
-              <div>
-                <el-button class="login-btn-submit bt" v-bind:class="{ grey: isGrey, blue: !isGrey }"
-                  v-bind:disabled="dis" type="primary" @click="postPhoneCode(dataPhone.loginAuthCode)">
-                  <span v-if="show">发送验证码</span>
-                  <span v-else>重新发送({{ count }}s)</span>
-                </el-button>
-              </div>
-              <el-button class="login-btn-submit" type="primary" @click="handlePhoneSubmit(formPhoneCodeRef)">
-                <span class="info1">提&nbsp;交</span>
+            <div>
+              <el-button class="login-btn-submit bt" v-bind:class="{ grey: isGrey, blue: !isGrey }" v-bind:disabled="dis"
+                type="primary" @click="postPhoneCode(dataPhone.loginAuthCode)">
+                <span v-if="show">发送验证码</span>
+                <span v-else>重新发送({{ count }}s)</span>
               </el-button>
-              <div class="logBack" @click="clickLogBack">
-                <span>重新登录</span>
-              </div>
-            </el-form>
-          </div>
+            </div>
+            <el-button class="login-btn-submit" type="primary" @click="handlePhoneSubmit(formPhoneCodeRef)">
+              <span class="info1">提&nbsp;交</span>
+            </el-button>
+            <div class="logBack" @click="clickLogBack">
+              <span>重新登录</span>
+            </div>
+          </el-form>
+        </div>
 
         <div class="scanUrl" v-else>
           <iframe :src="scanLogin.scanUrl" frameborder="0" height="300px" width="300px" />
-
         </div>
 
         <div class="tabLogin" @click="tabLogin = !tabLogin">
-
           <img v-if="tabLogin" alt="" title=""
             src="data:image/png;base64,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" />
           <img v-else alt="" title=""
             src="data:image/png;base64,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" />
         </div>
-        <slideVerify v-show="slideVerifyShow" @onSuccess="slideVerifySuccess"></slideVerify>
       </div>
-
+      <slideVerify v-show="slideVerifyShow" @onSuccess="slideVerifySuccess"></slideVerify>
     </div>
   </div>
 </template>
@@ -252,9 +232,6 @@ const inputChange = (index, e) => {
 };
 
 const backSpace = (index, e) => {
-
-  console.log(e)
-
   aCheckCodeInputComputedRef.value.children[
     index - 1
   ].children[0].children[0].children[0].focus();
@@ -295,6 +272,7 @@ const scanLogin = reactive({
   zzd_client_id: "",
   scanUrl: "",
   code: "",
+
 });
 onMounted(() => {
   scanLogin.scanUrl = `https://login.dg-work.cn/oauth2/auth.htm?response_type=code&client_id=${scanLogin.zydd_client_id}&redirect_uri=${scanLogin.redirect_uri}&scope=get_user_info&authType=QRCODE&embedMode=true`;
@@ -302,192 +280,124 @@ onMounted(() => {
 });
 // 解除监听
 onBeforeUnmount(() => {
-  window.removeEventListener("message", loginListener);
-});
+  window.removeEventListener('message', loginListener)
+})
 
 const loginListener = () => {
-
+  // console.log('进入message', event)
+  const code = event.data && event.data.code
+  if (code) {
+    // 根据 code 去获取用户信息
+    http.post(`/api/auth/dg/code_login?code=${code}`, ).then(response => {
+      if (response.code == 200) {
+        var user = {
+            token: response.data.token,
+            name: response.data.userInfo.userName,
+            menus: response.data.menuList,
+            permissions: response.data.permissions,
+          };
+          tools.data.set("user", user);
+          tools.data.set("isbind", response.data.is_bind);
+          ElMessage.success("登录成功");
+          //loading.value  = false;
+          Router.push("/");
+          // 跳转到 首页路由
+      } else {
+        ElMessage.error(response.message)
+      }
+    })
+    console.log(code)
+  }
 }
 
 const tabLogin = ref(true)
 
 </script>
-
 <style lang="scss" scoped>
-.login_bg {
-  background-image: url(../../assets/images/login_08.png);
-  width: 100%;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.title {
-  width: 100%;
-  height: 3.75vw;
-  background-image: url(../../assets/images/login_04.png);
-  background-size: 100%;
-  background-position: bottom;
-  background-repeat: no-repeat;
-  text-align: center;
-  margin-top: 8.333333vh;
-  position: relative;
-
-  img {
-    width: 34.89583vw;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    top: 0;
-  }
-}
-
-.container {
+.login_content {
   display: flex;
-  align-items: flex-start;
-  margin-top: 11.57407vh;
-  padding: 0 11.71875vw;
+  background: linear-gradient(123deg, #f4f7fb 0%, #f4f7fb 100%);
+  height: 100vh;
 
-  .left_img {
+  .login_left {
     flex: auto;
-    margin-right: 10.83333vw;
+    padding: 25px;
+    display: flex;
+    align-items: center;
 
     img {
       width: 100%;
     }
   }
-}
 
-.login_right {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  flex: auto;
-  flex: 0 0 28.6458vw;
-  margin-top: 2.865vw;
-
-  .form {
-    width: 100%;
+  .login_right {
+    flex: 0 0 597px;
     background-color: #ffffff;
-    box-shadow: 0px 2px 10px 0px rgb(31 56 88 / 15%);
-    border-radius: 5px;
-    position: relative;
-    padding: 2.083vw 3.646vw;
+    display: flex;
+    align-items: center;
+    padding: 0 115px;
+    box-sizing: border-box;
 
-    .form_title {
-      font-size: 1.667vw;
-      font-family: SourceHanSansSC;
-      font-weight: bold;
-      color: #0A2859;
-      background: linear-gradient(0deg, #4993FC 0%, #5EB1FF 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      margin-bottom: 1.979vw;
-      text-align: center;
-    }
+    .form {
+      width: 100%;
+      background-color: #ffffff;
+      box-shadow: 0px 2px 10px 0px rgb(31 56 88 / 15%);
+      padding: 40px 24px;
+      border-radius: 5px;
+      position: relative;
 
-    .form_tab {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      // margin-bottom: 3.125vw;
-
-      span {
-        font-size: 1.25vw;
-        font-family: SourceHanSansSC;
-        font-weight: 400;
-        color: #122647;
-        opacity: 0.6;
-        margin: 0 1.719vw;
-        position: relative;
+      .tabLogin {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 60px;
         cursor: pointer;
 
-        &.on {
-          opacity: 1;
-
-          &::after {
-            opacity: 1;
-          }
-        }
-
-        &::after {
-          content: '';
-          position: absolute;
-          left: 50%;
-          bottom: 0;
-          transform: translate(-50%, 7px);
-          width: 30px;
-          height: 3px;
-          background-color: #4D99FD;
-          opacity: 0;
-        }
-      }
-    }
-
-    .tabLogin {
-      position: absolute;
-      right: 0;
-      top: 0;
-      cursor: pointer;
-
-      img {
-        width: 100%;
-      }
-    }
-
-    .login_form {
-      margin-top: 2.083vw;
-      .el-input {
-        background-color: #F5F9FB;
-      }
-
-      :deep(.el-input__wrapper) {
-        box-shadow: none;
-        height: 3.125vw;
-        margin-left: 3.385vw;
-        background-color: transparent;
-      }
-
-      .icon_box {
-        width: 3.385vw;
-        height: 3.125vw;
-        position: absolute;
-        left: 0;
-        top: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        &::after {
-          content: '';
-          width: 1px;
-          height: 18px;
-          background-color: #63A5FF;
-          position: absolute;
-          right: 0;
-          top: 50%;
-          transform: translateY(-50%);
-        }
-
-        .icon {
-          width: 1.25vw;
-          height: 1.25vw;
+        img {
+          width: 100%;
         }
       }
 
-      .login-btn-submit {
-
-        width: 14.896vw;
+      .title {
+        width: 277px;
+        margin-bottom: 42px;
       }
     }
-
-    .title {
-      width: 277px;
-      margin-bottom: 42px;
-    }
   }
 }
 
+:deep(.el-input__inner) {
+  height: 40px;
+  line-height: 40px;
+}
 
+:deep(.el-input__icon) {
+  width: 20px;
+  font-size: 20px;
+}
+
+:deep(.el-form-item) {
+  margin-bottom: 24px;
+}
+
+.login-btn-submit {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+
+  &.bt {
+    margin-bottom: 15px;
+  }
+}
+
+.rememb {
+  font-size: 0;
+  margin-bottom: 40px;
+
+  .el-checkbox.el-checkbox--large {
+    height: 16px;
+  }
+}
 
 .g-remove-check-code_content {
   display: flex;
@@ -504,10 +414,11 @@ const tabLogin = ref(true)
     .el-input__wrapper {
       padding: 0;
       width: 100%;
-      .el-input__inner{
+
+      .el-input__inner {
         font-weight: 600;
       }
-   
+
     }
   }
 
@@ -525,7 +436,7 @@ const tabLogin = ref(true)
 }
 
 .alert_codePhone {
-  font-size: 0.729vw;
+  font-size: 14px;
 
   span {
     color: #f56c6c;
@@ -534,10 +445,10 @@ const tabLogin = ref(true)
 
 .logBack {
   text-align: right;
-  margin-top: 0.781vw;
+  margin-top: 15px;
 
   span {
-    font-size: 0.729vw;
+    font-size: 14px;
     color: #5290ff;
     cursor: pointer;
   }
@@ -547,21 +458,4 @@ const tabLogin = ref(true)
   display: flex;
   justify-content: center;
 }
-
-
-
-.login-btn-submit {
-  height: 3.125vw;
-  margin: 0 auto;
-  display: block;
-  border: none;
-  background: linear-gradient(#79c8ff, #3b93ff 50%);
-  width: 100%;
-  margin-bottom: 10px;
-
-}
-
-:deep(#rehtml-llq4lc0y .text-kbsp78ls) {
-  display: none;
-}
-</style>
\ No newline at end of file
+</style>