|
@@ -1,308 +1,368 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="page"> |
|
|
|
|
|
<image src="@/static/login-banner.png" mode="widthFix" style="width:100%;margin-bottom: 12px;position: absolute;top: 0;"></image> |
|
|
|
|
|
<view class="content" style="padding-bottom:60px"> |
|
|
|
|
|
<view style="padding: 0 38px;"> |
|
|
|
|
|
<view class="head-banner"> |
|
|
|
|
|
<!-- 标题文字 --> |
|
|
|
|
|
<view class="main-title"> |
|
|
|
|
|
数字化智慧校园 |
|
|
|
|
|
<!-- <text v-if="DEV" class="margin-left-sm text-red">(开发模式)</text> --> |
|
|
|
|
|
<text class="text-gray margin-left-sm" style="font-size: 0.7em;">{{ APP_VERSION }}</text> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 首页 Logo --> |
|
|
|
|
|
<view mode="aspectFit" class="logo"> |
|
|
|
|
|
<image src="~@/static/logo.dc7ee5a9.png" mode="widthFix" class="logoImg"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 【仅生产环境】使用账号的原因,无此项则微信审核通不过 --> |
|
|
|
|
|
<!-- <view v-if="!DEV" class="intro"> |
|
|
|
|
|
|
|
|
<view class="page"> |
|
|
|
|
|
<image src="@/static/login-banner.png" mode="widthFix" style="width:100%;margin-bottom: 12px;"></image> |
|
|
|
|
|
<view class="content" style="padding-bottom:60px"> |
|
|
|
|
|
<view style="padding: 0 38px;"> |
|
|
|
|
|
<view class="head-banner"> |
|
|
|
|
|
<!-- 标题文字 --> |
|
|
|
|
|
<view class="main-title"> |
|
|
|
|
|
数字化智慧校园 |
|
|
|
|
|
<!-- <text v-if="DEV" class="margin-left-sm text-red">(开发模式)</text> --> |
|
|
|
|
|
<text class="text-gray margin-left-sm" style="font-size: 0.7em;">{{ APP_VERSION }}</text> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 首页 Logo --> |
|
|
|
|
|
<view mode="aspectFit" class="logo"> |
|
|
|
|
|
<image src="~@/static/logo.dc7ee5a9.png" mode="widthFix" class="logoImg"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 【仅生产环境】使用账号的原因,无此项则微信审核通不过 --> |
|
|
|
|
|
<!-- <view v-if="!DEV" class="intro"> |
|
|
<view class="intro">注册登录智慧校园账号后,您将可以体验力软框架产品中的所有功能与业务</view> |
|
|
<view class="intro">注册登录智慧校园账号后,您将可以体验力软框架产品中的所有功能与业务</view> |
|
|
<view class="intro">OA · 进销存 · 工作流审批 · 数据可视化</view> |
|
|
<view class="intro">OA · 进销存 · 工作流审批 · 数据可视化</view> |
|
|
<view class="intro text-gray" style="font-size: 0.9em;"> |
|
|
<view class="intro text-gray" style="font-size: 0.9em;"> |
|
|
如果您之前已在智慧校园 PC 端中注册过体验账号,可以直接使用原账号登录,无需另行注册 |
|
|
如果您之前已在智慧校园 PC 端中注册过体验账号,可以直接使用原账号登录,无需另行注册 |
|
|
</view> |
|
|
</view> |
|
|
</view> --> |
|
|
</view> --> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 账户密码表单 --> |
|
|
|
|
|
<l-input v-if="ready" v-model="username" placeholder="账号" left> |
|
|
|
|
|
<l-icon slot="title" type="people" /> |
|
|
|
|
|
</l-input> |
|
|
|
|
|
<l-input v-if="ready" v-model="password" placeholder="请输入密码" password left> |
|
|
|
|
|
<l-icon slot="title" type="lock" /> |
|
|
|
|
|
</l-input> |
|
|
|
|
|
<l-button @click="login(null)" size="lg" color="blue" class="margin-top-sm block" block>登 录</l-button> |
|
|
|
|
|
<view class="otherLogin"> |
|
|
|
|
|
<navigator url="/pages/weixinLogin" class="textBtn">微信登录</text></navigator> |
|
|
|
|
|
</view> |
|
|
|
|
|
<!-- <l-button v-if="enableSignUp" @click="signUp" size="lg" line="blue" class="margin-top-sm block" block> |
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 账户密码表单 --> |
|
|
|
|
|
<l-input v-if="ready" v-model="username" placeholder="账号" left> |
|
|
|
|
|
<l-icon slot="title" type="people" /> |
|
|
|
|
|
</l-input> |
|
|
|
|
|
<l-input v-if="ready" v-model="password" placeholder="请输入密码" password left> |
|
|
|
|
|
<l-icon slot="title" type="lock" /> |
|
|
|
|
|
</l-input> |
|
|
|
|
|
<l-button @click="login(null)" size="lg" color="blue" class="margin-top-sm block" block>登 录</l-button> |
|
|
|
|
|
<view class="otherLogin"> |
|
|
|
|
|
<navigator url="/pages/weixinLogin" class="textBtn">微信登录</text></navigator> |
|
|
|
|
|
</view> |
|
|
|
|
|
<!-- <l-button v-if="enableSignUp" @click="signUp" size="lg" line="blue" class="margin-top-sm block" block> |
|
|
教师注册 |
|
|
教师注册 |
|
|
</l-button> --> |
|
|
</l-button> --> |
|
|
|
|
|
|
|
|
<!-- 【仅小程序】一键登录按钮 --> |
|
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
|
<l-button v-if="MPLogin" @click="login(PLATFORM)" size="lg" line="green" class="margin-top-sm block" block> |
|
|
|
|
|
{{ PLATFORM_TEXT }}一键登录 |
|
|
|
|
|
</l-button> |
|
|
|
|
|
<!-- #endif --> |
|
|
|
|
|
|
|
|
<!-- 【仅小程序】一键登录按钮 --> |
|
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
|
<l-button v-if="MPLogin" @click="login(PLATFORM)" size="lg" line="green" class="margin-top-sm block" |
|
|
|
|
|
block> |
|
|
|
|
|
{{ PLATFORM_TEXT }}一键登录 |
|
|
|
|
|
</l-button> |
|
|
|
|
|
<!-- #endif --> |
|
|
|
|
|
|
|
|
<!-- 【仅开发模式】显示,后台地址切换 --> |
|
|
|
|
|
<!-- <view v-if="DEV" class="more"> |
|
|
|
|
|
|
|
|
<!-- 【仅开发模式】显示,后台地址切换 --> |
|
|
|
|
|
<!-- <view v-if="DEV" class="more"> |
|
|
<view @click="showApiRootSelector = true" class="morebtn">后台地址(点击切换):</view> |
|
|
<view @click="showApiRootSelector = true" class="morebtn">后台地址(点击切换):</view> |
|
|
<view class="morebtn">{{ currentApiRoot }}</view> |
|
|
<view class="morebtn">{{ currentApiRoot }}</view> |
|
|
</view> --> |
|
|
</view> --> |
|
|
|
|
|
|
|
|
<!-- 【仅开发模式】选择 API 地址的弹层 --> |
|
|
|
|
|
<l-modal |
|
|
|
|
|
v-if="DEV && ready" |
|
|
|
|
|
v-model="showApiRootSelector" |
|
|
|
|
|
@radioIndex="changeApiRoot" |
|
|
|
|
|
:radio="currentApiRoot" |
|
|
|
|
|
:range="apiRootList" |
|
|
|
|
|
type="radio" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<!-- 页面底部版权文字 --> |
|
|
|
|
|
<view class="footer">{{ copyRightDisplay }}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 【仅开发模式】选择 API 地址的弹层 --> |
|
|
|
|
|
<l-modal v-if="DEV && ready" v-model="showApiRootSelector" @radioIndex="changeApiRoot" |
|
|
|
|
|
:radio="currentApiRoot" :range="apiRootList" type="radio" /> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<!-- 页面底部版权文字 --> |
|
|
|
|
|
<view class="footer" v-show="hideshow">{{ copyRightDisplay }}</view> |
|
|
|
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
export default { |
|
|
|
|
|
data() { |
|
|
|
|
|
return { |
|
|
|
|
|
username: '', |
|
|
|
|
|
password: '', |
|
|
|
|
|
|
|
|
|
|
|
ready: false, |
|
|
|
|
|
showApiRootSelector: false, |
|
|
|
|
|
|
|
|
|
|
|
currentApiRoot: '', |
|
|
|
|
|
apiRootList: [], |
|
|
|
|
|
devAccountList: [] |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async onLoad() { |
|
|
|
|
|
await this.init() |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
methods: { |
|
|
|
|
|
// 页面初始化 |
|
|
|
|
|
async init() { |
|
|
|
|
|
const index = this.DEV ? this.CONFIG('devApiHostIndex') : this.CONFIG('prodApiHostIndex') |
|
|
|
|
|
this.apiRootList = this.CONFIG('apiHost') |
|
|
|
|
|
this.currentApiRoot = this.apiRootList[index] |
|
|
|
|
|
|
|
|
|
|
|
// 如果是开发模式,填入测试账号密码 |
|
|
|
|
|
if (this.DEV) { |
|
|
|
|
|
this.devAccountList = this.CONFIG('devAccount') |
|
|
|
|
|
const account = this.devAccountList[index] || { username: '', password: '' } |
|
|
|
|
|
this.username = account.username |
|
|
|
|
|
this.password = account.password |
|
|
|
|
|
} |
|
|
|
|
|
this.ready = true |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 点击新用户注册 |
|
|
|
|
|
signUp() { |
|
|
|
|
|
this.NAV_TO('/pages/signup') |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 切换后台地址 |
|
|
|
|
|
changeApiRoot(newIndex) { |
|
|
|
|
|
const newApiRoot = this.apiRootList[newIndex] |
|
|
|
|
|
this.currentApiRoot = newApiRoot |
|
|
|
|
|
this.SET_GLOBAL('apiRoot', newApiRoot) |
|
|
|
|
|
|
|
|
|
|
|
// 如果是开发模式,填入测试账号密码 |
|
|
|
|
|
if (this.DEV && this.devAccountList && this.devAccountList[newIndex]) { |
|
|
|
|
|
const account = this.devAccountList[newIndex] || { username: '', password: '' } |
|
|
|
|
|
this.username = account.username |
|
|
|
|
|
this.password = account.password |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 发起登录 |
|
|
|
|
|
// type=null 时表示使用账号密码登录 |
|
|
|
|
|
// type='weixin'/'alipay'/'dingtalk' 时表示使用小程序一键登录 |
|
|
|
|
|
async login(type) { |
|
|
|
|
|
const { username, password, check } = this |
|
|
|
|
|
|
|
|
|
|
|
// 账号密码登录时,验证输入,输入有误则返回 |
|
|
|
|
|
if (!type && !check()) { |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
this.LOADING('登录中…') |
|
|
|
|
|
|
|
|
|
|
|
// 根据不同的登录方式,调用 API |
|
|
|
|
|
let loginResult = null |
|
|
|
|
|
|
|
|
|
|
|
// 不是小程序,则提交用户名、密码登录 |
|
|
|
|
|
// 是小程序,则申请授权码登录 |
|
|
|
|
|
if (!type) { |
|
|
|
|
|
let postResult = await this.POST('learun/adms/user/login', { username, password: this.MD5(password) }) |
|
|
|
|
|
if(postResult[1].data.code=='200'){ |
|
|
|
|
|
loginResult=postResult[1].data.data; |
|
|
|
|
|
}else{ |
|
|
|
|
|
this.TOAST(postResult[1].data.info); |
|
|
|
|
|
} |
|
|
|
|
|
} else { |
|
|
|
|
|
const [codeErr, { code } = {}] = await uni.login({ provider: type }) |
|
|
|
|
|
if (codeErr || !code) { |
|
|
|
|
|
this.HIDE_LOADING() |
|
|
|
|
|
this.CONFIRM('登录失败', '无法获取小程序登录授权码') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
loginResult = await this.HTTP_POST('learun/adms/user/openid_login', { code, type }, '登录时发生错误') |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (!loginResult) { |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// loginUser 中合并 role、post 两个字段 |
|
|
|
|
|
const { baseinfo, mpinfo, post, role } = loginResult |
|
|
|
|
|
const user = { ...baseinfo, post, role } |
|
|
|
|
|
const token = baseinfo.token |
|
|
|
|
|
|
|
|
|
|
|
// 返回的用户信息中,有 mpinfo 字段表示是否是小程序 |
|
|
|
|
|
if (mpinfo && Array.isArray(mpinfo) && mpinfo.includes(type)) { |
|
|
|
|
|
user.miniProgram = true |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.SET_GLOBAL('token', token) |
|
|
|
|
|
this.SET_GLOBAL('loginUser', user) |
|
|
|
|
|
|
|
|
|
|
|
this.SET_STORAGE('token', token) |
|
|
|
|
|
|
|
|
|
|
|
this.HIDE_LOADING() |
|
|
|
|
|
this.TAB_TO('/pages/home') |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 验证用户输入 |
|
|
|
|
|
check() { |
|
|
|
|
|
const { username, password } = this |
|
|
|
|
|
if (username.length <= 0 || password.length <= 0) { |
|
|
|
|
|
this.CONFIRM('输入错误', '账号或密码不能为空,请重新输入') |
|
|
|
|
|
return false |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return true |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
computed: { |
|
|
|
|
|
// 页面底部公司名、版权信息 |
|
|
|
|
|
copyRightDisplay() { |
|
|
|
|
|
const year = new Date().getFullYear() |
|
|
|
|
|
const company = this.CONFIG('company') |
|
|
|
|
|
|
|
|
|
|
|
return `Copyright © ${year} ${company}` |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 是否显示小程序登录按键 |
|
|
|
|
|
MPLogin() { |
|
|
|
|
|
return this.CONFIG(`miniProgramAccount.${this.PLATFORM}`).includes('login') |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 是否展示注册按钮 |
|
|
|
|
|
enableSignUp() { |
|
|
|
|
|
return this.CONFIG('enableSignUp') |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
|
data() { |
|
|
|
|
|
return { |
|
|
|
|
|
username: '', |
|
|
|
|
|
password: '', |
|
|
|
|
|
ready: false, |
|
|
|
|
|
showApiRootSelector: false, |
|
|
|
|
|
currentApiRoot: '', |
|
|
|
|
|
apiRootList: [], |
|
|
|
|
|
devAccountList: [], |
|
|
|
|
|
|
|
|
|
|
|
docmHeight: document.documentElement.clientHeight || document.body.clientHeight, |
|
|
|
|
|
showHeight: document.documentElement.clientHeight || document.body.clientHeight, |
|
|
|
|
|
hideshow: true |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async onLoad() { |
|
|
|
|
|
await this.init() |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
watch: { |
|
|
|
|
|
//监听显示高度 |
|
|
|
|
|
showHeight:function() { |
|
|
|
|
|
if(this.docmHeight > this.showHeight){ |
|
|
|
|
|
//隐藏 |
|
|
|
|
|
this.hideshow=false |
|
|
|
|
|
}else{ |
|
|
|
|
|
//显示 |
|
|
|
|
|
this.hideshow=true |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
|
|
|
//监听事件 |
|
|
|
|
|
window.onresize = ()=>{ |
|
|
|
|
|
return(()=>{ |
|
|
|
|
|
this.showHeight = document.documentElement.clientHeight || document.body.clientHeight; |
|
|
|
|
|
})() |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
// 页面初始化 |
|
|
|
|
|
async init() { |
|
|
|
|
|
const index = this.DEV ? this.CONFIG('devApiHostIndex') : this.CONFIG('prodApiHostIndex') |
|
|
|
|
|
this.apiRootList = this.CONFIG('apiHost') |
|
|
|
|
|
this.currentApiRoot = this.apiRootList[index] |
|
|
|
|
|
|
|
|
|
|
|
// 如果是开发模式,填入测试账号密码 |
|
|
|
|
|
if (this.DEV) { |
|
|
|
|
|
this.devAccountList = this.CONFIG('devAccount') |
|
|
|
|
|
const account = this.devAccountList[index] || { |
|
|
|
|
|
username: '', |
|
|
|
|
|
password: '' |
|
|
|
|
|
} |
|
|
|
|
|
this.username = account.username |
|
|
|
|
|
this.password = account.password |
|
|
|
|
|
} |
|
|
|
|
|
this.ready = true |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 点击新用户注册 |
|
|
|
|
|
signUp() { |
|
|
|
|
|
this.NAV_TO('/pages/signup') |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 切换后台地址 |
|
|
|
|
|
changeApiRoot(newIndex) { |
|
|
|
|
|
const newApiRoot = this.apiRootList[newIndex] |
|
|
|
|
|
this.currentApiRoot = newApiRoot |
|
|
|
|
|
this.SET_GLOBAL('apiRoot', newApiRoot) |
|
|
|
|
|
|
|
|
|
|
|
// 如果是开发模式,填入测试账号密码 |
|
|
|
|
|
if (this.DEV && this.devAccountList && this.devAccountList[newIndex]) { |
|
|
|
|
|
const account = this.devAccountList[newIndex] || { |
|
|
|
|
|
username: '', |
|
|
|
|
|
password: '' |
|
|
|
|
|
} |
|
|
|
|
|
this.username = account.username |
|
|
|
|
|
this.password = account.password |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 发起登录 |
|
|
|
|
|
// type=null 时表示使用账号密码登录 |
|
|
|
|
|
// type='weixin'/'alipay'/'dingtalk' 时表示使用小程序一键登录 |
|
|
|
|
|
async login(type) { |
|
|
|
|
|
const { |
|
|
|
|
|
username, |
|
|
|
|
|
password, |
|
|
|
|
|
check |
|
|
|
|
|
} = this |
|
|
|
|
|
|
|
|
|
|
|
// 账号密码登录时,验证输入,输入有误则返回 |
|
|
|
|
|
if (!type && !check()) { |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
this.LOADING('登录中…') |
|
|
|
|
|
|
|
|
|
|
|
// 根据不同的登录方式,调用 API |
|
|
|
|
|
let loginResult = null |
|
|
|
|
|
|
|
|
|
|
|
// 不是小程序,则提交用户名、密码登录 |
|
|
|
|
|
// 是小程序,则申请授权码登录 |
|
|
|
|
|
if (!type) { |
|
|
|
|
|
let postResult = await this.POST('learun/adms/user/login', { |
|
|
|
|
|
username, |
|
|
|
|
|
password: this.MD5(password) |
|
|
|
|
|
}) |
|
|
|
|
|
if (postResult[1].data.code == '200') { |
|
|
|
|
|
loginResult = postResult[1].data.data; |
|
|
|
|
|
} else { |
|
|
|
|
|
this.TOAST(postResult[1].data.info); |
|
|
|
|
|
} |
|
|
|
|
|
} else { |
|
|
|
|
|
const [codeErr, { |
|
|
|
|
|
code |
|
|
|
|
|
} = {}] = await uni.login({ |
|
|
|
|
|
provider: type |
|
|
|
|
|
}) |
|
|
|
|
|
if (codeErr || !code) { |
|
|
|
|
|
this.HIDE_LOADING() |
|
|
|
|
|
this.CONFIRM('登录失败', '无法获取小程序登录授权码') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
loginResult = await this.HTTP_POST('learun/adms/user/openid_login', { |
|
|
|
|
|
code, |
|
|
|
|
|
type |
|
|
|
|
|
}, '登录时发生错误') |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (!loginResult) { |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// loginUser 中合并 role、post 两个字段 |
|
|
|
|
|
const { |
|
|
|
|
|
baseinfo, |
|
|
|
|
|
mpinfo, |
|
|
|
|
|
post, |
|
|
|
|
|
role |
|
|
|
|
|
} = loginResult |
|
|
|
|
|
const user = { |
|
|
|
|
|
...baseinfo, |
|
|
|
|
|
post, |
|
|
|
|
|
role |
|
|
|
|
|
} |
|
|
|
|
|
const token = baseinfo.token |
|
|
|
|
|
|
|
|
|
|
|
// 返回的用户信息中,有 mpinfo 字段表示是否是小程序 |
|
|
|
|
|
if (mpinfo && Array.isArray(mpinfo) && mpinfo.includes(type)) { |
|
|
|
|
|
user.miniProgram = true |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.SET_GLOBAL('token', token) |
|
|
|
|
|
this.SET_GLOBAL('loginUser', user) |
|
|
|
|
|
|
|
|
|
|
|
this.SET_STORAGE('token', token) |
|
|
|
|
|
|
|
|
|
|
|
this.HIDE_LOADING() |
|
|
|
|
|
this.TAB_TO('/pages/home') |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 验证用户输入 |
|
|
|
|
|
check() { |
|
|
|
|
|
const { |
|
|
|
|
|
username, |
|
|
|
|
|
password |
|
|
|
|
|
} = this |
|
|
|
|
|
if (username.length <= 0 || password.length <= 0) { |
|
|
|
|
|
this.CONFIRM('输入错误', '账号或密码不能为空,请重新输入') |
|
|
|
|
|
return false |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return true |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
computed: { |
|
|
|
|
|
// 页面底部公司名、版权信息 |
|
|
|
|
|
copyRightDisplay() { |
|
|
|
|
|
const year = new Date().getFullYear() |
|
|
|
|
|
const company = this.CONFIG('company') |
|
|
|
|
|
|
|
|
|
|
|
return `Copyright © ${year} ${company}` |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 是否显示小程序登录按键 |
|
|
|
|
|
MPLogin() { |
|
|
|
|
|
return this.CONFIG(`miniProgramAccount.${this.PLATFORM}`).includes('login') |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 是否展示注册按钮 |
|
|
|
|
|
enableSignUp() { |
|
|
|
|
|
return this.CONFIG('enableSignUp') |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="less"> |
|
|
<style lang="less"> |
|
|
page { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef MP-ALIPAY */ |
|
|
|
|
|
.page { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
} |
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
page { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef MP-ALIPAY */ |
|
|
|
|
|
.page { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* #endif */ |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
<style lang="less" scoped> |
|
|
.page { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
// padding: 0 38rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.head-banner { |
|
|
|
|
|
margin-bottom: 40rpx; |
|
|
|
|
|
|
|
|
|
|
|
.logo { |
|
|
|
|
|
// background-image: url('~@/static/logo.png'); |
|
|
|
|
|
background-size: contain; |
|
|
|
|
|
height: 120rpx; |
|
|
|
|
|
width: 120rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
border-radius: 5px; |
|
|
|
|
|
} |
|
|
|
|
|
.logoImg { |
|
|
|
|
|
|
|
|
body { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
position: ; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.page { |
|
|
|
|
|
height: 100%; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
|
|
|
// display: flex; |
|
|
|
|
|
// justify-content: center; |
|
|
|
|
|
// align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
// padding: 0 38rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.head-banner { |
|
|
|
|
|
margin-bottom: 40rpx; |
|
|
|
|
|
|
|
|
|
|
|
.logo { |
|
|
|
|
|
// background-image: url('~@/static/logo.png'); |
|
|
|
|
|
background-size: contain; |
|
|
|
|
|
height: 120rpx; |
|
|
|
|
|
width: 120rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
border-radius: 5px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.logoImg { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.main-title { |
|
|
|
|
|
display: block; |
|
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
|
color: #555; |
|
|
|
|
|
font-size: 1.4em; |
|
|
|
|
|
margin-bottom: 30rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.intro { |
|
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.more { |
|
|
|
|
|
margin-top: 30rpx; |
|
|
|
|
|
|
|
|
|
|
|
.morebtn { |
|
|
|
|
|
color: #555; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.otherLogin { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
|
|
|
|
|
|
.textBtn { |
|
|
|
|
|
width: 100px; |
|
|
|
|
|
color: #606266; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footer { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
bottom: 10px; |
|
|
|
|
|
bottom: calc(10px + env(safe-area-inset-bottom)); |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
color: #555; |
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef MP-ALIPAY */ |
|
|
|
|
|
bottom: 10px; |
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
.main-title { |
|
|
|
|
|
display: block; |
|
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
|
color: #555; |
|
|
|
|
|
font-size: 1.4em; |
|
|
|
|
|
margin-bottom: 30rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.intro { |
|
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.more { |
|
|
|
|
|
margin-top: 30rpx; |
|
|
|
|
|
|
|
|
|
|
|
.morebtn { |
|
|
|
|
|
color: #555; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.otherLogin{ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
.textBtn{ |
|
|
|
|
|
width: 100px; |
|
|
|
|
|
color: #606266; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footer { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
bottom: 10px; |
|
|
|
|
|
bottom: calc(10px + env(safe-area-inset-bottom)); |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
color: #555; |
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef MP-ALIPAY */ |
|
|
|
|
|
bottom: 10px; |
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
</style> |