|
|
@@ -6,75 +6,46 @@
|
|
|
<span style="margin-left: 10px;"> 大数据精准教学诊断平台</span>
|
|
|
</div>
|
|
|
<div class="header_right">
|
|
|
- <div class="right_button" @click="GoWebsite" >
|
|
|
- 官方网站
|
|
|
- </div>
|
|
|
+ <div class="right_button" @click="GoWebsite"> 官方网站 </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="login_content" id="particles">
|
|
|
-
|
|
|
<div class="login_info">
|
|
|
<div class="login_info_title">
|
|
|
<p>HI～欢迎使用</p>
|
|
|
- <p>大数据精准教学诊断平台
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="login_info_message">
|
|
|
- 后台管理系统登录
|
|
|
- </div>
|
|
|
- <div class="login_info_input">
|
|
|
- <el-input
|
|
|
- v-model="userName"
|
|
|
- placeholder="请输入账号"
|
|
|
- >
|
|
|
- <template #prefix>
|
|
|
- <span>
|
|
|
- <img
|
|
|
- src="../../assets/login/input_user.webp"
|
|
|
- alt="User Icon"
|
|
|
- style="width: 18px; height: 18px"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <template #suffix v-if="userName != ''">
|
|
|
- <span @click="ClearInput" style="cursor: pointer">
|
|
|
- <img
|
|
|
- src="../../assets/login/input_clear.webp"
|
|
|
- alt="Clear Icon"
|
|
|
- style="width: 18px; height: 18px"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-input>
|
|
|
+ <p>大数据精准教学诊断平台</p>
|
|
|
</div>
|
|
|
+ <div class="login_info_message">后台管理系统登录</div>
|
|
|
<div class="login_info_input">
|
|
|
- <el-input
|
|
|
- v-model="passWord"
|
|
|
- show-password
|
|
|
- placeholder="请输入密码"
|
|
|
-
|
|
|
- >
|
|
|
- <template #prefix>
|
|
|
- <span>
|
|
|
- <img
|
|
|
- src="../../assets/login/input_pass.webp"
|
|
|
- alt="User Icon"
|
|
|
- style="width: 18px; height: 18px"
|
|
|
- />
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <template #suffix>
|
|
|
- <i
|
|
|
- class="iconfont icon-ttubiao_hide"
|
|
|
-
|
|
|
- ></i>
|
|
|
- </template>
|
|
|
- </el-input>
|
|
|
+ <el-form :model="userInfo" :rules="rules" ref="userInfoForm">
|
|
|
+ <el-form-item prop="userName">
|
|
|
+ <el-input v-model="userName" placeholder="请输入账号" clearable>
|
|
|
+ <template #prefix>
|
|
|
+ <i class="iconfont icon_zhanghao" />
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="passWord">
|
|
|
+ <el-input v-model="passWord" type="password" show-password placeholder="请输入密码">
|
|
|
+ <template #prefix>
|
|
|
+ <i class="iconfont icon_mima" />
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ <!-- <el-input v-model="passWord" placeholder="请输入密码" :type="!showPass ? 'password' : 'text'">
|
|
|
+ <template #prefix>
|
|
|
+ <i class="iconfont icon_mima" />
|
|
|
+ </template>
|
|
|
+ <template #suffix>
|
|
|
+ <i v-if="passWord" class="iconfont" :class="showPass ? 'icon_xianshimima' : 'icon_buxianshimima'"
|
|
|
+ @click.stop="showPass = !showPass"></i>
|
|
|
+ </template>
|
|
|
+ </el-input> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
<div class="login_info_item">
|
|
|
<div class="item_left">
|
|
|
<el-checkbox v-model="remeberPassWord">记住密码</el-checkbox>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="item_right">忘记密码</div>
|
|
|
</div>
|
|
|
@@ -121,7 +92,7 @@ const userName = ref('')
|
|
|
const passWord = ref('')
|
|
|
const remeberPassWord = ref(false)
|
|
|
const loadingLogin = ref(false)
|
|
|
-
|
|
|
+// const showPass = ref(false)
|
|
|
// 粒子动画初始化
|
|
|
const InitParticles = () => {
|
|
|
const particlesConfig = {
|
zhangguohua