登录2

snowy-admin-web/.env.development

@@ -5,7 +5,9 @@ NODE_ENV = development
 VITE_TITLE = yqyc
 
 # 接口地址
-VITE_API_BASEURL = http://127.0.0.1:18070
+#VITE_API_BASEURL = http://127.0.0.1:18070
+VITE_API_BASEURL = http://8.130.72.63:18070
+#VITE_API_BASEURL = http://192.168.108.70:18070
 
 # 本地端口
 VITE_PORT = 18066

snowy-admin-web/src/router/systemRouter.js

@@ -45,7 +45,7 @@ const routes = [
 	{
 		path: '/portal',
 		name: 'c6085eae-3dc7-4452-aaa3-158eb2d9e106',
-		component: () => import('@/views/auth/portal/index.vue'),
+		component: () => import('@/views/auth/portal/index_2.vue'),
 		meta: {
 			title: '工作台'
 		}

snowy-admin-web/src/style/index.less

@@ -1,7 +1,7 @@
 @import './realdark';
 @import './default';
 @import './cus';
-@import './font';
+@import './font.css';
 
 .body, html {
 	width: 100%;

snowy-admin-web/src/views/auth/portal/index_2.vue

@@ -0,0 +1,130 @@
+<template>
+	<div class="portal">
+		<div class="portal-head">
+			<div class="portal-head-center">
+				<a href="https://www.singlewindow.cn" target="_blank"><img src="@/views/auth/login/img/swLogo.png"></a>
+			</div>
+		</div>
+		<div class="portal-content">
+			<template v-for="item in portalLinkOptions">
+				<div class="portal-content-link-item">
+					<div class="portal-content-link-item-title" v-html="item.label" style="font-family: YouSheBiaoTiHei"/>
+					<div class="portal-content-link-item-icon">
+						<img :src="icons[$TOOL.dictTypeData('portal_link_icon', item.label)]"/>
+					</div>
+					<div class="portal-content-link-item-to __hover" @click="toLink(item)">进入系统</div>
+				</div>
+			</template>
+		</div>
+	</div>
+</template>
+<script setup>
+	import tool from "@/utils/tool";
+
+	const { proxy } = getCurrentInstance()
+	import icon1 from './icon-1_2.png'
+	import icon2 from './icon-2_2.png'
+	import icon3 from './icon-3_2.png'
+	const icons = {
+		1: icon1,
+		2: icon2,
+		3: icon3,
+	}
+	const portalLinkOptions = ref(tool.dictList('portal_link'))
+	let timer = setInterval(() => {
+		if (portalLinkOptions.value.length === 0) {
+			portalLinkOptions.value = tool.dictList('portal_link')
+		} else {
+			clearInterval(timer)
+		}
+	}, 500)
+
+	const toLink = (item) => {
+		window.open(item.value)
+	}
+</script>
+<style lang="less" scoped>
+.portal {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	.portal-head {
+		background-color: #ffffff;
+		height: 90px;
+		line-height: 90px;
+		display: flex;
+		.portal-head-center {
+			display: flex;
+			align-items: center;
+			margin-left: 120px;
+		}
+	}
+	.portal-content {
+		flex: 1;
+		padding: 14px 0 20px;
+		overflow: hidden;
+		background-image: url("./bg_2.png");
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 80px;
+		.portal-content-link-item {
+			width: 425px;
+			height: 624px;
+			background: linear-gradient(45deg, #FFFFFF 0%, #9ED2F9 100%);
+			box-shadow: 0px 2px 10px 0px rgba(0,142,250,0.25);
+			border-radius: 40px;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			position: relative;
+			.portal-content-link-item-title {
+				margin-top: 40px;
+				text-align: center;
+				letter-spacing: 10px;
+				font-weight: 400;
+				font-size: 50px;
+				color: #008EFA;
+				text-shadow: 0px 4px 0px rgba(41,211,252,0.75);
+			}
+			.portal-content-link-item-icon {
+				margin-top: 20px;
+				width: 249px;
+				height: 293px;
+				>img {
+					width: 100%;
+					height: 100%;
+				}
+			}
+			.portal-content-link-item-to {
+				letter-spacing: 10px;
+				position: absolute;
+				bottom: 40px;
+				width: 397px;
+				height: 66px;
+				font-family: Source Han Sans CN;
+				font-weight: 500;
+				font-size: 36px;
+				background: linear-gradient(180deg, #3bbeef 0%, #0277D1 100%);
+				-webkit-background-clip: text;
+				-webkit-text-fill-color: transparent;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				&:after {
+					position: absolute;
+					content: '';
+					background-image: url("./to-bg.png");
+					background-repeat: no-repeat;
+					background-size: 100% 100%;
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+	}
+}
+</style>