|
|
@@ -49,284 +49,257 @@
|
|
|
<template v-if="steps == 1">
|
|
|
<span
|
|
|
v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
- style="display: flex;justify-content: space-between;align-items: first baseline;"
|
|
|
+ >{{ lang.login }}</span
|
|
|
+ >
|
|
|
+ <span v-if="['bind'].includes(loginType)">{{
|
|
|
+ lang.Bindaccount
|
|
|
+ }}</span>
|
|
|
+ <div class="lp_r_b_formArea">
|
|
|
+ <!-- 微信绑定，账号登录，组织号登录 -->
|
|
|
+ <div
|
|
|
+ class="fa_input"
|
|
|
+ v-if="['default', 'bind', 'orgL'].includes(loginType)"
|
|
|
>
|
|
|
- {{ lang.login }}
|
|
|
- <!-- 返回到选择身份 -->
|
|
|
- <div v-if="logIdentity != 0" @click="backIDyData" class="backIDy">重选身份</div>
|
|
|
- </span>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 选择身份登录页 -->
|
|
|
- <div class="logIdy" v-if="logIdentity == 0">
|
|
|
- <div>
|
|
|
- 请选择您的身份
|
|
|
- </div>
|
|
|
- <div style="display: flex;gap: 20px;">
|
|
|
- <div class="logIdImg" @click="logIdentity = 1">
|
|
|
- <img src="../../assets/login/logTea.svg" alt="">
|
|
|
- <span>教师</span>
|
|
|
- </div>
|
|
|
- <div class="logIdImg" @click="logIdentity = 2,loginType = 'code'">
|
|
|
- <img src="../../assets/login/logStu.svg" alt="">
|
|
|
- <span>学生</span>
|
|
|
- </div>
|
|
|
- <!-- <el-button size="mini">教师</el-button>
|
|
|
- <el-button size="mini">学生</el-button> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 登录页 -->
|
|
|
- <template v-else>
|
|
|
- <span v-if="['bind'].includes(loginType)">
|
|
|
- <!-- 绑定账户 -->
|
|
|
- {{ lang.Bindaccount }}</span>
|
|
|
- <div class="lp_r_b_formArea">
|
|
|
- <!-- 微信绑定，账号登录，组织号登录 -->
|
|
|
<div
|
|
|
- class="fa_input"
|
|
|
- v-if="['default', 'bind', 'orgL'].includes(loginType)"
|
|
|
+ class="fa_i_item"
|
|
|
+ style="position: relative"
|
|
|
+ v-if="loginType == 'orgL'"
|
|
|
>
|
|
|
+ <span>{{ lang.OrganizationNumber }}</span>
|
|
|
+ <div>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ :placeholder="lang.enterorgnumber"
|
|
|
+ v-model.trim="SuffixData"
|
|
|
+ @input="getSuffix"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
<div
|
|
|
- class="fa_i_item"
|
|
|
- style="position: relative"
|
|
|
- v-if="loginType == 'orgL'"
|
|
|
+ style="
|
|
|
+ border: none;
|
|
|
+ font-size: 12px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -70%;
|
|
|
+ "
|
|
|
+ v-if="SuffixData.trim()"
|
|
|
>
|
|
|
- <span>{{ lang.OrganizationNumber }}</span>
|
|
|
- <div>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- :placeholder="lang.enterorgnumber"
|
|
|
- v-model.trim="SuffixData"
|
|
|
- @input="getSuffix"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- style="
|
|
|
- border: none;
|
|
|
- font-size: 12px;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: -70%;
|
|
|
- "
|
|
|
- v-if="SuffixData.trim()"
|
|
|
- >
|
|
|
- {{ orginfo.length ? orginfo[0].name : lang.schoolnotexist }}
|
|
|
- </div>
|
|
|
+ {{ orginfo.length ? orginfo[0].name : lang.schoolnotexist }}
|
|
|
</div>
|
|
|
- <div class="fa_i_item">
|
|
|
- <span>{{ lang.account }}</span>
|
|
|
- <div>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- :placeholder="lang.enteraccount"
|
|
|
- v-model.trim="account"
|
|
|
- @keyup.enter="loginFn"
|
|
|
- />
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="fa_i_item">
|
|
|
+ <span>{{ lang.account }}</span>
|
|
|
+ <div>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ :placeholder="lang.enteraccount"
|
|
|
+ v-model.trim="account"
|
|
|
+ @keyup.enter="loginFn"
|
|
|
+ />
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="fa_i_item">
|
|
|
- <span>{{ lang.password }}</span>
|
|
|
- <div>
|
|
|
- <input
|
|
|
- type="password"
|
|
|
- :placeholder="lang.enterpassword"
|
|
|
- v-model="password"
|
|
|
- @keyup.enter="loginFn"
|
|
|
- />
|
|
|
- </div>
|
|
|
+ <div class="fa_i_item">
|
|
|
+ <span>{{ lang.password }}</span>
|
|
|
+ <div>
|
|
|
+ <input
|
|
|
+ type="password"
|
|
|
+ :placeholder="lang.enterpassword"
|
|
|
+ v-model="password"
|
|
|
+ @keyup.enter="loginFn"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 微信登录 -->
|
|
|
- <div class="fa_weChat" v-if="['weChat'].includes(loginType)">
|
|
|
- <div id="QRcode" class="QRcode" ref="QRcode"></div>
|
|
|
- <!-- @click="loginType = 'bind'" -->
|
|
|
- </div>
|
|
|
- <!-- 随机码登录 -->
|
|
|
- <div class="fa_input" v-if="['code'].includes(loginType)">
|
|
|
- <div class="fa_i_item" style="position: relative">
|
|
|
- <span v-if="prefixL == 'liyuan_'">{{ lang.SelectCampus }}</span>
|
|
|
- <span v-else>{{ lang.OrganizationNumber }}</span>
|
|
|
- <!-- v-if="prefixL == 'liyuan_'" -->
|
|
|
- <div v-if="prefixL == 'liyuan_'">
|
|
|
- <el-select
|
|
|
- v-loading="Codeloading"
|
|
|
- @change="getSuffix"
|
|
|
- v-model.trim="SuffixData"
|
|
|
- :placeholder="lang.Pleaseselect"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in CodeOptions"
|
|
|
- :key="item.code"
|
|
|
- :label="item.name"
|
|
|
- :value="item.code"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- :placeholder="lang.enterorgnumber"
|
|
|
- v-model.trim="SuffixData"
|
|
|
- @input="getrandomcodeSuffix"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- style="
|
|
|
- border: none;
|
|
|
- font-size: 12px;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: -70%;
|
|
|
- "
|
|
|
- v-if="SuffixData.trim() && prefixL != 'liyuan_'"
|
|
|
+ </div>
|
|
|
+ <!-- 微信登录 -->
|
|
|
+ <div class="fa_weChat" v-if="['weChat'].includes(loginType)">
|
|
|
+ <div id="QRcode" class="QRcode" ref="QRcode"></div>
|
|
|
+ <!-- @click="loginType = 'bind'" -->
|
|
|
+ </div>
|
|
|
+ <!-- 随机码登录 -->
|
|
|
+ <div class="fa_input" v-if="['code'].includes(loginType)">
|
|
|
+ <div class="fa_i_item" style="position: relative">
|
|
|
+ <span v-if="prefixL == 'liyuan_'">{{ lang.SelectCampus }}</span>
|
|
|
+ <span v-else>{{ lang.OrganizationNumber }}</span>
|
|
|
+ <!-- v-if="prefixL == 'liyuan_'" -->
|
|
|
+ <div v-if="prefixL == 'liyuan_'">
|
|
|
+ <el-select
|
|
|
+ v-loading="Codeloading"
|
|
|
+ @change="getSuffix"
|
|
|
+ v-model.trim="SuffixData"
|
|
|
+ :placeholder="lang.Pleaseselect"
|
|
|
>
|
|
|
- {{ orginfo.length ? orginfo[0].name : lang.schoolnotexist }}
|
|
|
- </div>
|
|
|
+ <el-option
|
|
|
+ v-for="item in CodeOptions"
|
|
|
+ :key="item.code"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.code"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ :placeholder="lang.enterorgnumber"
|
|
|
+ v-model.trim="SuffixData"
|
|
|
+ @input="getrandomcodeSuffix"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ border: none;
|
|
|
+ font-size: 12px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -70%;
|
|
|
+ "
|
|
|
+ v-if="SuffixData.trim() && prefixL != 'liyuan_'"
|
|
|
+ >
|
|
|
+ {{ orginfo.length ? orginfo[0].name : lang.schoolnotexist }}
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="fa_i_item">
|
|
|
- <span>{{ lang.randomcode }}</span>
|
|
|
- <div>
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- :placeholder="lang.Pleaseenter"
|
|
|
- v-model.trim="icode"
|
|
|
- @keyup.enter="nextSteps"
|
|
|
- />
|
|
|
- </div>
|
|
|
+ <div class="fa_i_item">
|
|
|
+ <span>{{ lang.randomcode }}</span>
|
|
|
+ <div>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ :placeholder="lang.Pleaseenter"
|
|
|
+ v-model.trim="icode"
|
|
|
+ @keyup.enter="nextSteps"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="lp_r_b_btn"
|
|
|
- v-if="['code'].includes(loginType)"
|
|
|
- @click="nextSteps"
|
|
|
- v-loading="loading"
|
|
|
- >
|
|
|
- {{ lang.confirm }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="lp_r_b_btn"
|
|
|
+ v-if="['code'].includes(loginType)"
|
|
|
+ @click="nextSteps"
|
|
|
+ v-loading="loading"
|
|
|
+ >
|
|
|
+ {{ lang.confirm }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="lp_r_b_btn"
|
|
|
+ v-if="['default', 'orgL'].includes(loginType)"
|
|
|
+ @click="loginFn"
|
|
|
+ v-loading="loading"
|
|
|
+ >
|
|
|
+ {{ lang.login }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="lp_r_b_btn"
|
|
|
+ v-if="loginType == 'weChat'"
|
|
|
+ style="opacity: 0; cursor: default"
|
|
|
+ >
|
|
|
+ {{ lang.Accpaslogin }}
|
|
|
+ </div>
|
|
|
+ <div class="btn_box" v-if="loginType == 'bind'">
|
|
|
+ <div class="lp_r_b_btn" @click="loginFn" v-loading="loading">
|
|
|
+ {{ lang.Confirmbinding }}
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="lp_r_b_btn"
|
|
|
- v-if="['default', 'orgL'].includes(loginType)"
|
|
|
- @click="loginFn"
|
|
|
- v-loading="loading"
|
|
|
- >
|
|
|
- {{ lang.login }}
|
|
|
+ <div class="lp_r_b_btn" @click="loginType = 'default'">
|
|
|
+ {{ lang.Returnlogin }}
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="lp_r_b_line">
|
|
|
+ <template
|
|
|
+ v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
+ >
|
|
|
+ <div></div>
|
|
|
+ <span>{{ lang.Otherlogin }}</span>
|
|
|
+ <div></div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div class="lp_r_b_iconBtn">
|
|
|
<div
|
|
|
- class="lp_r_b_btn"
|
|
|
- v-if="loginType == 'weChat'"
|
|
|
- style="opacity: 0; cursor: default"
|
|
|
+ v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
+ @click="getData"
|
|
|
>
|
|
|
- {{ lang.Accpaslogin }}
|
|
|
- </div>
|
|
|
- <div class="btn_box" v-if="loginType == 'bind'">
|
|
|
- <div class="lp_r_b_btn" @click="loginFn" v-loading="loading">
|
|
|
- {{ lang.Confirmbinding }}
|
|
|
- </div>
|
|
|
- <div class="lp_r_b_btn" @click="loginType = 'default'">
|
|
|
- {{ lang.Returnlogin }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="lp_r_b_line">
|
|
|
- <template
|
|
|
- v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
+ <!-- v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)" -->
|
|
|
+ <el-tooltip
|
|
|
+ effect="dark"
|
|
|
+ :content="lang.Rancodelogin"
|
|
|
+ placement="bottom"
|
|
|
>
|
|
|
- <div></div>
|
|
|
- <span>{{ lang.Otherlogin }}</span>
|
|
|
- <div></div>
|
|
|
- </template>
|
|
|
+ <img
|
|
|
+ :src="
|
|
|
+ loginType == 'code'
|
|
|
+ ? require('../../assets/login/codel.png')
|
|
|
+ : require('../../assets/login/code.png')
|
|
|
+ "
|
|
|
+ :class="[loginType == 'code' ? 'backWin' : '']"
|
|
|
+ />
|
|
|
+ </el-tooltip>
|
|
|
</div>
|
|
|
- <div class="lp_r_b_iconBtn">
|
|
|
- <div
|
|
|
- v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType) && logIdentity == 2"
|
|
|
- @click="getData"
|
|
|
- >
|
|
|
- <!-- v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)" -->
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- :content="lang.Rancodelogin"
|
|
|
- placement="bottom"
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="
|
|
|
- loginType == 'code'
|
|
|
- ? require('../../assets/login/codel.png')
|
|
|
- : require('../../assets/login/code.png')
|
|
|
- "
|
|
|
- :class="[loginType == 'code' ? 'backWin' : '']"
|
|
|
- />
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
|
|
|
- <div
|
|
|
- @click="(loginType = 'orgL'), (org = '')"
|
|
|
- v-if="
|
|
|
- ['default', 'weChat', 'orgL', 'code'].includes(loginType) &&
|
|
|
- allowOrgList.findIndex((i) => i.area) == -1 && logIdentity == 1
|
|
|
- "
|
|
|
+ <div
|
|
|
+ @click="(loginType = 'orgL'), (org = '')"
|
|
|
+ v-if="
|
|
|
+ ['default', 'weChat', 'orgL', 'code'].includes(loginType) &&
|
|
|
+ allowOrgList.findIndex((i) => i.area) == -1
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-tooltip
|
|
|
+ effect="dark"
|
|
|
+ :content="lang.OrgIDLogin"
|
|
|
+ placement="bottom"
|
|
|
>
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- :content="lang.OrgIDLogin"
|
|
|
- placement="bottom"
|
|
|
- >
|
|
|
- <img
|
|
|
- style="width: 32px; object-fit: cover"
|
|
|
- :src="
|
|
|
- loginType == 'orgL'
|
|
|
- ? require('../../assets/login/zzl.svg')
|
|
|
- : require('../../assets/login/orgh.svg')
|
|
|
- "
|
|
|
- :class="[loginType == 'orgL' ? 'backWin' : '']"
|
|
|
- />
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
+ <img
|
|
|
+ style="width: 32px; object-fit: cover"
|
|
|
+ :src="
|
|
|
+ loginType == 'orgL'
|
|
|
+ ? require('../../assets/login/zzl.svg')
|
|
|
+ : require('../../assets/login/orgh.svg')
|
|
|
+ "
|
|
|
+ :class="[loginType == 'orgL' ? 'backWin' : '']"
|
|
|
+ />
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- @click="wechatLogin"
|
|
|
- v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType) && logIdentity == 1"
|
|
|
+ <div
|
|
|
+ @click="wechatLogin"
|
|
|
+ v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
+ >
|
|
|
+ <el-tooltip
|
|
|
+ effect="dark"
|
|
|
+ :content="lang.WeChatLogin"
|
|
|
+ placement="bottom"
|
|
|
>
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- :content="lang.WeChatLogin"
|
|
|
- placement="bottom"
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="
|
|
|
- loginType == 'weChat'
|
|
|
- ? require('../../assets/login/wxl.svg')
|
|
|
- : require('../../assets/login/wxh.svg')
|
|
|
- "
|
|
|
- :class="[loginType == 'weChat' ? 'backWin' : '']"
|
|
|
- />
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
+ <img
|
|
|
+ :src="
|
|
|
+ loginType == 'weChat'
|
|
|
+ ? require('../../assets/login/wxl.svg')
|
|
|
+ : require('../../assets/login/wxh.svg')
|
|
|
+ "
|
|
|
+ :class="[loginType == 'weChat' ? 'backWin' : '']"
|
|
|
+ />
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- @click="(loginType = 'default'), ((SuffixData = ''), (org = ''))"
|
|
|
- v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
+ <div
|
|
|
+ @click="(loginType = 'default'), ((SuffixData = ''), (org = ''))"
|
|
|
+ v-if="['default', 'weChat', 'orgL', 'code'].includes(loginType)"
|
|
|
+ >
|
|
|
+ <el-tooltip
|
|
|
+ effect="dark"
|
|
|
+ :content="lang.Accpaslogin"
|
|
|
+ placement="bottom"
|
|
|
>
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- :content="lang.Accpaslogin"
|
|
|
- placement="bottom"
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="
|
|
|
- loginType == 'default'
|
|
|
- ? require('../../assets/login/zhl.svg')
|
|
|
- : require('../../assets/login/zhh.svg')
|
|
|
- "
|
|
|
- :class="[loginType == 'default' ? 'backWin' : '']"
|
|
|
- />
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
+ <img
|
|
|
+ :src="
|
|
|
+ loginType == 'default'
|
|
|
+ ? require('../../assets/login/zhl.svg')
|
|
|
+ : require('../../assets/login/zhh.svg')
|
|
|
+ "
|
|
|
+ :class="[loginType == 'default' ? 'backWin' : '']"
|
|
|
+ />
|
|
|
+ </el-tooltip>
|
|
|
</div>
|
|
|
- </template>
|
|
|
-
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<div class="stuPage" v-if="steps == 2">
|
|
|
<div>{{ lang.choosename }}</div>
|
|
|
@@ -379,8 +352,6 @@ export default {
|
|
|
name: "loginPage",
|
|
|
data() {
|
|
|
return {
|
|
|
- // 0选择页 1教师 2学生
|
|
|
- logIdentity:0,
|
|
|
// 判断显示组织号区域
|
|
|
SuffixShow: false,
|
|
|
// 组织号查询区域结果
|
|
|
@@ -488,16 +459,6 @@ export default {
|
|
|
login: "user/login",
|
|
|
logout: "user/logout",
|
|
|
}),
|
|
|
- // 返回身份登录页后清除数据
|
|
|
- backIDyData(){
|
|
|
- this.password = '';
|
|
|
- this.org = '';
|
|
|
- this.account = '';
|
|
|
- this.loginType = "default";
|
|
|
- this.SuffixData = '';
|
|
|
- this.icode = '';
|
|
|
- this.logIdentity = 0;
|
|
|
- },
|
|
|
somp(val){
|
|
|
const element = document.getElementById(`group-${val}`);
|
|
|
if (element) {
|
|
|
@@ -1661,37 +1622,6 @@ export default {
|
|
|
background: #006afe;
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.logIdy{
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- gap: 20px;
|
|
|
- padding: 30px 0 306px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.backIDy{
|
|
|
- font-size: 14px;
|
|
|
- font-weight: normal;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.logIdImg{
|
|
|
- background: #F1F2F6;
|
|
|
- width: 50%;
|
|
|
- min-width: 100px;
|
|
|
- height: 120px;
|
|
|
- padding: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- gap: 5px;
|
|
|
- flex-direction: column;
|
|
|
- border-radius: 10px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.logIdImg img{
|
|
|
- height: 50px;
|
|
|
- width: 50px;
|
|
|
-}
|
|
|
/* .backWin{ */
|
|
|
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); */
|
|
|
/* } */
|
11wqe1
