登录方式切换

xzl-ui/src/views/langchain/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div id="screen">
+    <iframe frameborder="no" width="100%" height="100%" src="http://10.70.192.181:8501/"></iframe>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "Langchain",
+    data() {
+      return {}
+    },
+    created() {
+
+    }
+  }
+</script>
+
+<style>
+  #screen{
+    padding:0px;
+    margin:0px;
+    position:absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:100%;
+    border:hidden;
+  }
+</style>

xzl-ui/src/views/login.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="login" style="">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <img id="switch" class="switch" ref="switch" :src="img"
-           style="cursor: pointer;width: 60px;height: 60px;position: absolute;right: 0;top: 0;">
+      <img id="switch" class="switch" ref="switch" :src="getImg()" @click="switchLogin()"  style="cursor: pointer;width: 60px;height: 60px;position: absolute;right: 0;top: 0;">
       <h3 class="title">用户画像管理系统</h3>
       <div id="passLogin" v-if="isPassLogin">
         <el-form-item prop="username">
@@ -106,12 +105,13 @@ export default {
       // 注册开关
       register: false,
       redirect: undefined,
-      img: require("@/assets/images/i2.png"),
+      img2: require("@/assets/images/i2.png"),
+      img4: require("@/assets/images/i4.png"),
       ddImg: require("@/assets/images/dd.png"),
-      isPassLogin: false,
+      isPassLogin: true,
       dingTalkConfig: {
         appid: "dingr2toeanbqkmhitkx",//自己申请的appid
-        redirectUrl: "http://127.0.0.1/dingtalk",//这里是扫码成功后跳转的回调地址
+        redirectUrl: "http://10.70.192.122:9180/dingtalk",//这里是扫码成功后跳转的回调地址
       },
       iframeSrc: ""
     };
@@ -201,6 +201,16 @@ export default {
           });
         }
       });
+    },
+    getImg() {
+      if(this.isPassLogin) {
+        return this.img4
+      }else {
+        return this.img2
+      }
+    },
+    switchLogin() {
+      this.isPassLogin = !this.isPassLogin
     }
   }
 };