|
|
@@ -3,31 +3,63 @@
|
|
|
<div class="login_in">
|
|
|
<!-- 底部 -->
|
|
|
<div class="el-login-header">
|
|
|
- <div style="display: flex; align-items: center;">
|
|
|
- <img src="@/assets/backimg/logo.png" class="logo" alt="">
|
|
|
- <span>通辽市国土空间规划“一张图”实施监督信息系统</span>
|
|
|
+ <div style="display: flex; align-items: center">
|
|
|
+ <img src="@/assets/backimg/logo.png" class="logo" alt="" />
|
|
|
+ <span>{{ xzqmc }}国土空间规划“一张图”实施监督信息系统</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="login_center">
|
|
|
<div class="login_cen_left"></div>
|
|
|
<div>
|
|
|
- <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
+ <el-form
|
|
|
+ ref="loginRef"
|
|
|
+ :model="loginForm"
|
|
|
+ :rules="loginRules"
|
|
|
+ class="login-form"
|
|
|
+ >
|
|
|
<h3 class="title">用户登录</h3>
|
|
|
<el-form-item prop="username">
|
|
|
- <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
|
|
|
- <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
|
|
|
+ <el-input
|
|
|
+ v-model="loginForm.username"
|
|
|
+ type="text"
|
|
|
+ auto-complete="off"
|
|
|
+ placeholder="账号"
|
|
|
+ >
|
|
|
+ <template #prefix
|
|
|
+ ><svg-icon
|
|
|
+ icon-class="user"
|
|
|
+ class="el-input__icon input-icon"
|
|
|
+ /></template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="password">
|
|
|
- <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码"
|
|
|
- @keyup.enter="handleLogin">
|
|
|
- <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
|
|
|
+ <el-input
|
|
|
+ v-model="loginForm.password"
|
|
|
+ type="password"
|
|
|
+ auto-complete="off"
|
|
|
+ placeholder="密码"
|
|
|
+ @keyup.enter="handleLogin"
|
|
|
+ >
|
|
|
+ <template #prefix
|
|
|
+ ><svg-icon
|
|
|
+ icon-class="password"
|
|
|
+ class="el-input__icon input-icon"
|
|
|
+ /></template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="code" v-if="captchaOnOff">
|
|
|
- <el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%"
|
|
|
- @keyup.enter="handleLogin">
|
|
|
- <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
|
|
|
+ <el-input
|
|
|
+ v-model="loginForm.code"
|
|
|
+ auto-complete="off"
|
|
|
+ placeholder="验证码"
|
|
|
+ style="width: 63%"
|
|
|
+ @keyup.enter="handleLogin"
|
|
|
+ >
|
|
|
+ <template #prefix
|
|
|
+ ><svg-icon
|
|
|
+ icon-class="validCode"
|
|
|
+ class="el-input__icon input-icon"
|
|
|
+ /></template>
|
|
|
</el-input>
|
|
|
<div class="login-code">
|
|
|
<img :src="codeUrl" @click="getCode" class="login-code-img" />
|
|
|
@@ -35,14 +67,21 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-checkbox v-model="loginForm.rememberMe" >记住密码</el-checkbox>
|
|
|
+ <el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
|
|
|
<div class="register_txt" v-if="register">
|
|
|
- <router-link class="link-type" :to="'/register'">立即注册</router-link>
|
|
|
+ <router-link class="link-type" :to="'/register'"
|
|
|
+ >立即注册</router-link
|
|
|
+ >
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item style="width: 100%">
|
|
|
- <el-button :loading="loading" type="primary" style="width: 100%" @click.prevent="handleLogin">
|
|
|
+ <el-button
|
|
|
+ :loading="loading"
|
|
|
+ type="primary"
|
|
|
+ style="width: 100%"
|
|
|
+ @click.prevent="handleLogin"
|
|
|
+ >
|
|
|
<span v-if="!loading">登 录</span>
|
|
|
<span v-else>登 录 中...</span>
|
|
|
</el-button>
|
|
|
@@ -53,7 +92,7 @@
|
|
|
|
|
|
<!-- 底部 -->
|
|
|
<div class="el-login-footer">
|
|
|
- <span>版权所有：通辽市自然资源局</span>
|
|
|
+ <span>版权所有：{{ xzqmc }}自然资源局</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="login_mask"></div>
|
|
|
@@ -68,13 +107,13 @@ import { encrypt, decrypt } from "@/utils/jsencrypt";
|
|
|
const store = useStore();
|
|
|
const router = useRouter();
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
-
|
|
|
+const xzqmc = XZQ_MC;
|
|
|
const loginForm = ref({
|
|
|
username: "",
|
|
|
password: "",
|
|
|
rememberMe: false,
|
|
|
code: "",
|
|
|
- uuid: ""
|
|
|
+ uuid: "",
|
|
|
});
|
|
|
|
|
|
const loginRules = {
|
|
|
@@ -164,7 +203,11 @@ getCookie();
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
- background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 60%, rgba(64, 117, 164, 0.8) 80%);
|
|
|
+ background: linear-gradient(
|
|
|
+ to bottom,
|
|
|
+ rgba(255, 255, 255, 0.25) 60%,
|
|
|
+ rgba(64, 117, 164, 0.8) 80%
|
|
|
+ );
|
|
|
}
|
|
|
|
|
|
.login_center {
|
|
|
@@ -179,7 +222,7 @@ getCookie();
|
|
|
.login_cen_left {
|
|
|
flex: 1;
|
|
|
height: 100%;
|
|
|
- background-image: url("../assets/backimg/login_back.jpeg");
|
|
|
+ background-image: url("../assets/backimg/bg.png");
|
|
|
background-size: cover;
|
|
|
}
|
|
|
|
|
|
@@ -193,7 +236,7 @@ getCookie();
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
height: 100%;
|
|
|
- background-image: url("../assets/backimg/login_back.jpeg");
|
|
|
+ background-image: url("../assets/backimg/bg.png");
|
|
|
background-size: cover;
|
|
|
z-index: 9;
|
|
|
}
|
