跳转一企一册登录

snowy-admin-web/src/views/auth/login/single-window-login.vue

@@ -228,8 +228,9 @@
 	import {message, Modal} from "ant-design-vue";
 	import {createVNode} from "vue";
 	import {ExclamationCircleOutlined} from "@ant-design/icons-vue";
-	import router from "@/router";
+	import {useRoute} from "vue-router";
 	const { proxy } = getCurrentInstance()
+	const route = useRoute()
 
 	const activeKey = ref('userAccount')
 	const captchaOpen = ref(configData.SYS_BASE_CONFIG.SNOWY_SYS_DEFAULT_CAPTCHA_OPEN)
@@ -303,6 +304,9 @@
 		clearViewTags()
 		clearKeepLive()
 		clearIframeList()
+		if (route.query.loginMode) {
+			loginMode.value = route.query.loginMode
+		}
 	})
 
 	// 监听语言

snowy-admin-web/src/views/yqyc/hainan-login/index.vue

@@ -55,14 +55,19 @@
 						<div class="method-item active">扫码登录</div>
 					</div>
 					<img class="code" src="./hl_code-1.png"/>
-					<div class="p1"> 打开 扫码登录 <a data-v-c984e246="" href="https://wssp.hainan.gov.cn/hnwt/applicationPublicity"> 「海易办」</a></div>
+					<div class="p1"> 打开 扫码登录 <a class="__hover" href="https://wssp.hainan.gov.cn/hnwt/applicationPublicity" target="_blank"> 「海易办」</a></div>
 					<div class="p2">「首页」点击扫码打开扫一扫</div>
 					<div class="other">
-						<div>手机验证码登录</div>
+						<div>电子营业执照</div>
 						<div class="split"/>
-						<div>刷脸登录</div>
+						<div>CA认证登录</div>
+						<div class="split"/>
+					</div>
+					<div class="other">
+						<div>事业单位电子证书</div>
+						<div class="split"/>
+						<div class="__hover" @click="toLogin">海关总署卡介质</div>
 						<div class="split"/>
-						<div>电子社保卡</div>
 					</div>
 					<div class="help">
 						<span class="blue">帮助文档</span>
@@ -105,6 +110,9 @@ import {getCurrentInstance, reactive} from "vue";
 
 const {proxy} = getCurrentInstance()
 const state: any = reactive({})
+const toLogin = () => {
+	window.open(`${location.origin}/login?loginMode=card`)
+}
 </script>
 
 <style lang="less" scoped>
@@ -290,16 +298,22 @@ const state: any = reactive({})
 					color: #666;
 					font-size: 16px;
 					line-height: 24px;
+					margin-bottom: 22px;
 				}
 				.other {
-					margin-top: 28px;
 					display: flex;
 					align-items: center;
 					gap: 10px;
+					line-height: 26px;
 					>div {
 						color: #111111;
 						font-size: 16px;
 					}
+					.__hover {
+						&:hover {
+							color: #2c8bff;
+						}
+					}
 					.split {
 						width: 2px;
 						height: 16px;
@@ -309,7 +323,7 @@ const state: any = reactive({})
 				.help {
 					width: 100%;
 					padding: 0 40px;
-					margin-top: 38px;
+					margin-top: 30px;
 					font-size: 15px;
 					color: #999;
 					display: flex;