登录协议

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

@@ -65,20 +65,40 @@
 								<div class="agree">
 									<a-checkbox v-model:checked="loginAgree"/>
 									<span style="color:#222222">已阅读并同意</span>
-									<span style="color: #096ac6;text-decoration:underline dotted; cursor:pointer;" onclick="userNameProtocolAgree()">《用户服务协议》</span>
+									<span style="color: #096ac6;text-decoration:underline dotted; cursor:pointer;" @click="agreeTipsYhfwxy = true">《用户服务协议》</span>
 									<span>和</span>
-									<span style="color: #096ac6;text-decoration:underline dotted; cursor:pointer;" onclick="userNameProtocolPrivacy()">《用户隐私政策》</span>
+									<span style="color: #096ac6;text-decoration:underline dotted; cursor:pointer;"  @click="agreeTipsYhyszc = true">《用户隐私政策》</span>
 								</div>
-								<a-button type="primary" class="w-full mt-4" :loading="loading" round size="large" @click="login"
-								>{{ $t('login.signIn') }}
+								<a-button type="primary" class="w-full mt-4" :loading="loading" round size="large" @click="login">
+									{{ $t('login.signIn') }}
 								</a-button>
+								<div class="zhuce">还没有账号？<span>立即注册</span></div>
 							</a-form>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="swl-foot" v-if="config.lang === 'zh-cn'"></div>
+		<div class="swl-foot" v-if="config.lang === 'zh-cn'">
+		</div>
+		<a-modal
+			v-model:visible="agreeTipsYhfwxy"
+			title="用户服务协议"
+			centered
+			width="730px"
+			@ok="agreeTipsYhfwxy = false, loginAgree = true"
+		>
+			<iframe src="https://app.singlewindow.cn/userserver/user/document/nraServiceAgreement" style="width: 100%; height: 530px;"/>
+		</a-modal>
+		<a-modal
+			v-model:visible="agreeTipsYhyszc"
+			title="用户隐私政策"
+			centered
+			width="730px"
+			@ok="agreeTipsYhyszc = false, loginAgree = true"
+		>
+			<iframe src="https://app.singlewindow.cn/userserver/user/document/nraPrivacyPolicy" style="width: 100%; height: 530px;"/>
+		</a-modal>
 	</div>
 </template>
 <script setup>
@@ -101,6 +121,8 @@
 	const validCodeBase64 = ref('')
 	const loading = ref(false)
 	const loginAgree = ref(false)
+	const agreeTipsYhfwxy = ref(false)
+	const agreeTipsYhyszc = ref(false)
 
 	const ruleForm = reactive({
 		account: 'superAdmin',
@@ -345,12 +367,25 @@
 						.agree {
 							font-size: 12px;
 						}
+						.zhuce {
+							margin-top: 40px;
+							width: 100%;
+							text-align: right;
+							font-size: 13px;
+							color: #999999;
+							>span {
+								color: #096AC6;
+								font-weight: 700;
+							}
+						}
 					}
 				}
 			}
 		}
 	}
 	.swl-foot {
+		margin: 0 auto;
+		width: 1200px;
 		height: 160px;
 		background-color: rgba(230, 230, 230, 1);
 	}