<template>
	<div class="login-container flx-center">
		<div class="login-box">
			<div class="login-left">
				<!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
				<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
				<!-- 数字化政务监管平台 -->
				<div>{{ globalStore.systemNameConfig }}</div>
			</div>
			<div class="login-form">
				<div class="login-logo">
					<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
					<h2 class="logo-text">账户登录</h2>
				</div>
				<LoginForm />
			</div>
		</div>
	</div>
</template>

<script setup lang="ts" name="login">
import LoginForm from "./components/LoginForm.vue";
import { onMounted } from "vue";
import { systemNameConfig } from "@/api/modules/jxjview";
import { GlobalStore } from "@/stores";
const globalStore = GlobalStore();
onMounted(async () => {
	const res = await systemNameConfig({ configKey: "system_name" });
	console.log(res);
	if (res && res.result) {
		globalStore.systemNameConfig = res.result.configValue;
	}
});
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
