diff --git a/index.html b/index.html
index 771975e..f408b75 100644
--- a/index.html
+++ b/index.html
@@ -9,5 +9,7 @@
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
+    <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
+    
   </body>
 </html>
diff --git a/src/assets/images/login_03.png b/src/assets/images/login_03.png
new file mode 100644
index 0000000..ae2b051
Binary files /dev/null and b/src/assets/images/login_03.png differ
diff --git a/src/assets/images/login_04.png b/src/assets/images/login_04.png
new file mode 100644
index 0000000..0ad6862
Binary files /dev/null and b/src/assets/images/login_04.png differ
diff --git a/src/assets/images/login_05.png b/src/assets/images/login_05.png
new file mode 100644
index 0000000..4ea801e
Binary files /dev/null and b/src/assets/images/login_05.png differ
diff --git a/src/assets/images/login_06.png b/src/assets/images/login_06.png
new file mode 100644
index 0000000..1b9bde7
Binary files /dev/null and b/src/assets/images/login_06.png differ
diff --git a/src/assets/images/login_07.png b/src/assets/images/login_07.png
new file mode 100644
index 0000000..1574e53
Binary files /dev/null and b/src/assets/images/login_07.png differ
diff --git a/src/assets/images/login_08.png b/src/assets/images/login_08.png
new file mode 100644
index 0000000..4427859
Binary files /dev/null and b/src/assets/images/login_08.png differ
diff --git a/src/views/login/index copy 2.vue b/src/views/login/index copy 2.vue
new file mode 100644
index 0000000..d6534db
--- /dev/null
+++ b/src/views/login/index copy 2.vue	
@@ -0,0 +1,439 @@
+<template>
+  <div class="login_content">
+    <div class="login_left">
+      <img src="../../assets/images/login_01.png" alt="" />
+    </div>
+    <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>
+
+            <!-- <el-form-item prop="phoneCode">
+            <el-input
+              v-model="dataPhone.phoneCode"
+              style="width: 100%"
+              placeholder="验证码"
+              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>
+            </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>
+      </div>
+      <slideVerify v-show="slideVerifyShow" @onSuccess="slideVerifySuccess"></slideVerify>
+    </div>
+  </div>
+</template>
+<script setup>
+import { reactive, ref, onMounted, onBeforeUnmount } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import tools from "@/utils/tools";
+import http from "@/utils/request.js";
+import { encrypt } from "@/utils";
+import slideVerify from "./slideVerify.vue";
+const Router = useRouter();
+
+let paramsData = tools.data.get("params");
+let slideVerifyShow = ref(false);
+
+const data = reactive({
+  user: "",
+  password: "",
+});
+
+let phone = ref("");
+let aCheckCodeInputComputed = ref([]);
+const aCheckCodeInputComputedRef = ref(null);
+const dataPhone = ref({
+  phoneCode: "", //用户输入验证码
+  smsAuthCode: "", //发送验证码返回
+  loginAuthCode: "",
+});
+
+console.log("paramsData", paramsData);
+if (paramsData) {
+  console.log("存在");
+  data.user = paramsData.user;
+  data.password = paramsData.password;
+}
+
+const remembIf = ref(false);
+const loading = ref(false);
+const formRef = ref();
+
+const slideVerifySuccess = () => {
+  console.log("验证成功");
+  slideVerifyShow.value = false;
+  loading.value = true;
+  var params = {
+    loginName: encrypt(data.user),
+    password: encrypt(data.password),
+  };
+
+  http.post("/api/auth/login", params).then((resp) => {
+    if (resp.code == 200) {
+      console.log(resp.data.loginAuthCode);
+      phone.value = resp.data.phone;
+      postPhoneCode(resp.data.loginAuthCode);
+    } else {
+      ElMessage.error(resp.message);
+      loading.value = false;
+    }
+  });
+};
+
+const handleSubmit = async () => {
+  formRef.value.validate(async (valid) => {
+    if (valid) {
+      // slideVerifyShow.value = true;
+      slideVerifySuccess();
+    }
+  });
+};
+
+const postPhoneCode = (loginAuthCode) => {
+  var formData = new FormData();
+  dataPhone.value.loginAuthCode = loginAuthCode;
+  formData.append("loginAuthCode", loginAuthCode);
+  http.post("/api/auth/phone_code", formData).then((resp) => {
+    if (resp.code == 200) {
+      dataPhone.value.smsAuthCode = resp.data.smsAuthCode;
+      formPhoneIf.value = false;
+      getCode();
+    }
+  });
+};
+
+const formPhoneIf = ref(true);
+
+const formPhoneCodeRef = ref(null);
+const rules = reactive({
+  phoneCode: [{ required: true, message: "请输入验证码", trigger: "blur" }],
+});
+
+const handlePhoneSubmit = (formEl) => {
+  if (!formEl) return;
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      let aCheckCodeInput = JSON.parse(
+        JSON.stringify(aCheckCodeInputComputed.value)
+      );
+
+      if (
+        aCheckCodeInputComputed.value.length !== 6 ||
+        !/^\d{6}$/.test(aCheckCodeInput.join(""))
+      ) {
+        ElMessage.error("请输入验证码");
+        return false;
+      } else {
+        dataPhone.value.phoneCode = aCheckCodeInput.join("");
+      }
+
+      http.post("/api/auth/token", dataPhone.value).then((resp) => {
+        if (resp.code == 200) {
+          var user = {
+            token: resp.data.token,
+            name: resp.data.userInfo.userName,
+            menus: resp.data.menuList,
+            permissions: resp.data.permissions,
+          };
+          tools.data.set("user", user);
+          ElMessage.success("登录成功");
+          //loading.value  = false;
+          Router.push("/");
+          // 跳转到 首页路由
+        } else {
+          ElMessage.error(resp.message);
+        }
+      });
+    } else {
+      console.log("error submit!", fields);
+    }
+  });
+};
+
+//重新登录
+const clickLogBack = () => {
+  formPhoneIf.value = true;
+  aCheckCodeInputComputed.value = [];
+  dataPhone.value.phoneCode = "";
+  loading.value = false;
+};
+
+const inputChange = (index, e) => {
+  if (e != null && index !== 5) {
+    aCheckCodeInputComputedRef.value.children[
+      index + 1
+    ].children[0].children[0].children[0].focus();
+  }
+};
+
+const backSpace = (index, e) => {
+  aCheckCodeInputComputedRef.value.children[
+    index - 1
+  ].children[0].children[0].children[0].focus();
+};
+
+let dis = ref(false);
+let show = ref(true);
+let isGrey = ref(false);
+let timer = ref(null);
+let count = ref("");
+
+const getCode = () => {
+  let TIME_COUNT = 60;
+  if (!timer.value) {
+    count.value = TIME_COUNT;
+    isGrey.value = true;
+    show.value = false;
+    dis.value = true;
+    timer.value = setInterval(() => {
+      if (count.value > 0 && count.value <= TIME_COUNT) {
+        count.value--;
+      } else {
+        dis.value = false;
+        isGrey.value = false;
+        show.value = true;
+        clearInterval(timer.value);
+        timer.value = null;
+      }
+    }, 1000);
+  }
+};
+
+const scanLogin = reactive({
+  scanShow: true,
+  environment: false,
+  redirect_uri: "http://lyt.zdool.com/",
+  zydd_client_id: "ydlyt_dingoa",
+  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`;
+  window.addEventListener("message", loginListener);
+});
+// 解除监听
+onBeforeUnmount(() => {
+  window.removeEventListener('message', loginListener)
+})
+
+const loginListener = () => {
+
+}
+
+const tabLogin = ref(true)
+
+</script>
+<style lang="scss" scoped>
+.login_content {
+  display: flex;
+  background: linear-gradient(123deg, #f4f7fb 0%, #f4f7fb 100%);
+  height: 100vh;
+
+  .login_left {
+    flex: auto;
+    padding: 25px;
+    display: flex;
+    align-items: center;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .login_right {
+    flex: 0 0 597px;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    padding: 0 115px;
+    box-sizing: border-box;
+
+    .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;
+
+      .tabLogin {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 60px;
+        cursor: pointer;
+
+        img {
+          width: 100%;
+        }
+      }
+
+      .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;
+  justify-content: space-between;
+  align-items: center;
+
+  width: 100%;
+
+  :deep(.el-input-number) {
+    width: 100%;
+    flex: 1;
+    padding: 0 5px;
+
+    .el-input__wrapper {
+      padding: 0;
+      width: 100%;
+      .el-input__inner{
+        font-weight: 600;
+      }
+   
+    }
+  }
+
+  input {
+    &.g-code-input_color {
+      border-color: #5290ff;
+    }
+
+    &::-webkit-outer-spin-button,
+    &:-webkit-inner-spin-button {
+      appearance: none;
+      margin: 0;
+    }
+  }
+}
+
+.alert_codePhone {
+  font-size: 14px;
+
+  span {
+    color: #f56c6c;
+  }
+}
+
+.logBack {
+  text-align: right;
+  margin-top: 15px;
+
+  span {
+    font-size: 14px;
+    color: #5290ff;
+    cursor: pointer;
+  }
+}
+
+.scanUrl {
+  display: flex;
+  justify-content: center;
+}
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 64a5e85..2a7006c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,53 +1,70 @@
 <template>
-  <div class="login_content">
-    <div class="login_left">
-      <img src="../../assets/images/login_01.png" alt="" />
+  <div class="login_bg">
+    <div class="title">
+      <img src="../../assets/images/login_07.png" alt="">
     </div>
-    <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="container">
 
-            <!-- <el-form-item prop="phoneCode">
+      <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-input
               v-model="dataPhone.phoneCode"
               style="width: 100%"
@@ -55,41 +72,38 @@
               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>
+              <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>
               </el-button>
-            </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="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 class="scanUrl" v-show="!tabLogin">
+            <iframe ref="fram_box" @load="loadFrame" :src="scanLogin.scanUrl" frameborder="0" height="300px"
+              width="300px" />
+            <!-- <div id="ding-login"></div> -->
+
+          </div>
 
         </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>
 <script setup>
-import { reactive, ref, onMounted, onBeforeUnmount } from "vue";
+import { reactive, ref, onMounted, onBeforeUnmount, nextTick } from "vue";
 import { useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
 import tools from "@/utils/tools";
@@ -289,94 +303,228 @@ const loginListener = () => {
 
 }
 
-const tabLogin = ref(true)
+const tabLogin = ref(false)
+
+
+
+// loadFrame函数是iframe加载完成后回调函数
+// const fram_box = ref(null)
+// const loadFrame = () => { 
+
+//   const iframe = fram_box.value;
+//   const iframeWindow = iframe.contentWindow;
+//   const iframeDocument = iframeWindow.document;
+
+//   const targetElement = iframeDocument.querySelector('.target-element');
+//   targetElement.style.backgroundColor = 'red';
+
+// }
+
+nextTick(() => {
+  window.DDLogin({
+    id: "ding-login",
+    goto: "",
+    style: "border:none;background-color:#FFFFFF;margin-top: 0px;",
+    width: "300",
+    height: "300",
+  });
+
+  var handleMessage = (event) => {
+    var origin = event.origin;
+    console.log(event);
+    if (origin == "https://login.dingtalk.com") {
+      //判断是否来自ddLogin扫码事件。
+      var loginTmpCode = event.data;
+      //获取到loginTmpCode后就可以在这里构造跳转链接进行跳转了
+      console.log("loginTmpCode", loginTmpCode);
+    }
+  };
+  if (typeof window.addEventListener != "undefined") {
+    window.addEventListener("message", handleMessage, false);
+    console.log("add event");
+  } else if (typeof window.attachEvent != "undefined") {
+    window.attachEvent("onmessage", handleMessage);
+    console.log("attach event");
+  }
+})
+
 
 </script>
 <style lang="scss" scoped>
-.login_content {
-  display: flex;
-  background: linear-gradient(123deg, #f4f7fb 0%, #f4f7fb 100%);
+.login_bg {
+  background-image: url(../../assets/images/login_08.png);
+  width: 100%;
   height: 100vh;
+  overflow: hidden;
+}
 
-  .login_left {
+.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 {
+  display: flex;
+  align-items: flex-start;
+  margin-top: 11.57407vh;
+  padding: 0 11.71875vw;
+
+  .left_img {
     flex: auto;
-    padding: 25px;
-    display: flex;
-    align-items: center;
+    margin-right: 10.83333vw;
 
     img {
       width: 100%;
     }
   }
+}
 
-  .login_right {
-    flex: 0 0 597px;
+.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%;
     background-color: #ffffff;
-    display: flex;
-    align-items: center;
-    padding: 0 115px;
-    box-sizing: border-box;
+    box-shadow: 0px 2px 10px 0px rgb(31 56 88 / 15%);
+    border-radius: 5px;
+    position: relative;
+    padding: 2.083vw 3.646vw;
 
-    .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_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;
+    }
 
-      .tabLogin {
-        position: absolute;
-        right: 0;
-        top: 0;
-        width: 60px;
+    .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;
         cursor: pointer;
 
-        img {
-          width: 100%;
+        &.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;
         }
       }
 
-      .title {
-        width: 277px;
-        margin-bottom: 42px;
+      .login-btn-submit {
+
+        width: 14.896vw;
       }
     }
+
+    .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;
@@ -393,10 +541,11 @@ const tabLogin = ref(true)
     .el-input__wrapper {
       padding: 0;
       width: 100%;
-      .el-input__inner{
+
+      .el-input__inner {
         font-weight: 600;
       }
-   
+
     }
   }
 
@@ -414,7 +563,7 @@ const tabLogin = ref(true)
 }
 
 .alert_codePhone {
-  font-size: 14px;
+  font-size: 0.729vw;
 
   span {
     color: #f56c6c;
@@ -423,10 +572,10 @@ const tabLogin = ref(true)
 
 .logBack {
   text-align: right;
-  margin-top: 15px;
+  margin-top: 0.781vw;
 
   span {
-    font-size: 14px;
+    font-size: 0.729vw;
     color: #5290ff;
     cursor: pointer;
   }
@@ -436,4 +585,21 @@ const tabLogin = ref(true)
   display: flex;
   justify-content: center;
 }
-</style>
+
+
+
+.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
