490 lines
15 KiB
Plaintext
490 lines
15 KiB
Plaintext
import { authStore, hdHttp, HdResponse,HdNav,BasicConstant, logger,LoginInfo,ChangeUtil } from '@itcast/basic'
|
||
import { promptAction, router } from '@kit.ArkUI'
|
||
import { BusinessError } from '@kit.BasicServicesKit';
|
||
import HashMap from '@ohos.util.HashMap';
|
||
import { DataWebModel,preferenceStore ,SpecialDisease} from '@itcast/basic'
|
||
import { deviceInfo } from '@kit.BasicServicesKit';
|
||
@Preview
|
||
@Component
|
||
export struct LoginComp {
|
||
@State
|
||
mobile: string = ''
|
||
@State
|
||
code: string = ''
|
||
@State
|
||
current_code: string = ''
|
||
@State
|
||
isAgree: boolean = false
|
||
@State
|
||
loading: boolean = false
|
||
@StorageProp('topHeight')
|
||
topHeight: number = 0
|
||
@State
|
||
isPassLogin:boolean=false
|
||
|
||
istime:boolean=false
|
||
time: number = 60
|
||
timer: number | null = null
|
||
@State
|
||
timeText:string ='获取验证码'
|
||
@State
|
||
type:string ='账号密码登录'
|
||
|
||
loginUrl:string=BasicConstant.urlExpertAPI+'umSmsLogin'
|
||
|
||
hashMap: HashMap<string, string> = new HashMap();
|
||
|
||
dialog = new CustomDialogController({
|
||
builder: PrivacyDialog({
|
||
isPassLogin:this.isPassLogin,
|
||
okCallBack:()=>
|
||
{
|
||
this.isAgree=true
|
||
this.login()
|
||
}
|
||
}),
|
||
cornerRadius: 4,
|
||
autoCancel:false
|
||
|
||
})
|
||
osFullName: string = deviceInfo.osFullName;
|
||
login() {
|
||
if (this.loading) return;
|
||
if (!this.mobile) {
|
||
return promptAction.showToast({ message: '手机号码不为空' })
|
||
}
|
||
if (!ChangeUtil.isMobileNum(this.mobile)) {
|
||
return promptAction.showToast({ message: "手机号码不正确" })
|
||
}
|
||
if(this.isPassLogin) {
|
||
if (!this.code) {
|
||
return promptAction.showToast({ message: '密码不为空' })
|
||
}
|
||
if (!ChangeUtil.isPassword(this.code)) {
|
||
return promptAction.showToast({ message: "请输入6-16位字母、数字组合密码" })
|
||
}
|
||
} else {
|
||
if (!this.current_code) {
|
||
return promptAction.showToast({ message: '请输入验证码' })
|
||
}
|
||
}
|
||
|
||
if (!this.isAgree) {
|
||
// return promptAction.showToast({ message: '请勾选已阅读并同意' })
|
||
this.dialog.open()
|
||
return;
|
||
}
|
||
this.loading = true
|
||
this.hashMap.clear();
|
||
this.hashMap.set('mobile',this.mobile)
|
||
if(this.isPassLogin) {
|
||
this.hashMap.set('password',this.code)
|
||
this.loginUrl=BasicConstant.urlExpertAPI+'login'
|
||
} else {
|
||
this.hashMap.set('sms',this.current_code)
|
||
this.loginUrl=BasicConstant.urlExpertAPI+'umSmsLogin'
|
||
}
|
||
this.hashMap.set('current_spec',this.osFullName)
|
||
hdHttp.httpReq<string>(this.loginUrl,this.hashMap).then(async (res: HdResponse<string>) => {
|
||
this.loading = false
|
||
logger.info('Response login'+res);
|
||
console.info(`Response login succeeded: ${res}`);
|
||
let json:LoginInfo = JSON.parse(res+'') as LoginInfo;
|
||
if(json.code=='1'||json.code=='200') {
|
||
this.arrToStringSpecialy(json.special)
|
||
this.getSaveUserInfor(1,json)
|
||
} else {
|
||
promptAction.showToast({ message: json.message, duration: 1000 })
|
||
}
|
||
}).catch((err: BusinessError) => {
|
||
this.loading = false
|
||
console.info(`Response login fail: ${err}`);
|
||
})
|
||
}
|
||
|
||
|
||
getSaveUserInfor(type:number,objs:LoginInfo) {
|
||
let state:number=objs.data.state
|
||
let checkInfo:string=objs.data.checkInfo
|
||
if(state!=6) {
|
||
authStore.setUser(objs.data)
|
||
router.pushUrl({
|
||
url: 'pages/LoginPage/LoginSetInfoPage', // 目标url
|
||
params: {
|
||
loginInputPhone:this.mobile,
|
||
state:state,
|
||
checkInfo:checkInfo
|
||
}
|
||
})
|
||
} else {
|
||
authStore.setUser(objs.data)
|
||
// emitter.emit({ eventId: 100401 })
|
||
logger.info('Response state'+state);
|
||
promptAction.showToast({ message: '登录成功', duration: 1000 })
|
||
preferenceStore.setItemBoolean('isLogin',true)
|
||
router.replaceUrl({
|
||
url: 'pages/Home', // 目标url
|
||
})
|
||
}
|
||
}
|
||
arrToStringSpecialy(data:SpecialDisease[]) {
|
||
let diseaseName=''
|
||
let diseaseUuid=''
|
||
if(data!=null&&data.length>0)
|
||
{
|
||
data.forEach((element,index) => {
|
||
if(index!=data.length-1)
|
||
{
|
||
diseaseName+=element.diseaseName+','
|
||
diseaseUuid+=element.diseaseUuid+','
|
||
}
|
||
else
|
||
{
|
||
diseaseName+=element.diseaseName
|
||
diseaseUuid+=element.diseaseUuid
|
||
}
|
||
});
|
||
}
|
||
preferenceStore.setItemString('diseaseName',diseaseName)
|
||
preferenceStore.setItemString('diseaseUuid',diseaseUuid)
|
||
}
|
||
getMessage() {
|
||
if (!this.mobile) {
|
||
return promptAction.showToast({ message: '手机号码不为空' })
|
||
}
|
||
this.hashMap.clear();
|
||
this.hashMap.set('mobile',this.mobile)
|
||
this.hashMap.set('type','7')
|
||
hdHttp.httpReq<string>(BasicConstant.urlExpertAPI+'smsSend',this.hashMap).then(async (res: HdResponse<string>) => {
|
||
}).catch((err: BusinessError) => {
|
||
this.loading = false
|
||
console.info(`Response login succeeded: ${err}`);
|
||
})
|
||
}
|
||
build() {
|
||
Column() {
|
||
HdNav({ title: '登录', showRightIcon: false,showLeftIcon:false })
|
||
|
||
Image($r('app.media.icon_logo'))
|
||
.width(68)
|
||
.height(68)
|
||
.objectFit(ImageFit.Contain)
|
||
.margin({top:45})
|
||
// .aspectRatio(1)
|
||
Text('专家版')
|
||
.fontSize(16)
|
||
.margin({ bottom: 15,top:10 })
|
||
.fontColor($r('app.color.main_color'))
|
||
Column({ space: 15 }) {
|
||
Column()
|
||
{
|
||
Row()
|
||
{
|
||
Image($r('app.media.icon_mobile'))
|
||
.width(18)
|
||
.margin(5)
|
||
TextInput({ placeholder: '请输入手机号码', text: $$this.mobile })
|
||
.customStyle()
|
||
}
|
||
Text().width('100%').height(0.8).backgroundColor('#CCCCCC')
|
||
if(this.isPassLogin)
|
||
{
|
||
Row() {
|
||
Image($r('app.media.icon_password'))
|
||
.width(18)
|
||
.margin(5)
|
||
TextInput({ placeholder: '请输入密码', text: $$this.code })
|
||
.type(InputType.Password)
|
||
.passwordIcon({ onIconSrc:$r('app.media.icon_show_password'), offIconSrc: $r('app.media.icon_hidden_password') })
|
||
.customStyle()
|
||
}
|
||
}
|
||
else
|
||
{
|
||
Row() {
|
||
Image($r('app.media.send_message'))
|
||
.width(18)
|
||
.margin(5)
|
||
TextInput({ placeholder: '请输入验证码', text: $$this.current_code })
|
||
.customStyle()
|
||
.width(150)
|
||
Blank()
|
||
Text(this.timeText)
|
||
.width(100)
|
||
.height(27)
|
||
.borderRadius(12)
|
||
.textAlign(TextAlign.Center)
|
||
.fontSize(14)
|
||
.fontColor($r('app.color.top_title'))
|
||
.borderRadius(30)
|
||
.margin({right:15})
|
||
.border({ width: 1, color: $r('app.color.top_title') })
|
||
.onClick(() => {
|
||
if (!this.mobile) {
|
||
return promptAction.showToast({ message: '手机号码不为空' })
|
||
}
|
||
if (!ChangeUtil.isMobileNum(this.mobile)) {
|
||
return promptAction.showToast({ message: "手机号码不正确" })
|
||
}
|
||
if(!ChangeUtil.isOnline())
|
||
{
|
||
return promptAction.showToast({ message: "网络不可用，请链接网络再试" })
|
||
}
|
||
if(this.istime)
|
||
{
|
||
}
|
||
else
|
||
{
|
||
this.getMessage()
|
||
this.istime=true
|
||
this.startTime()
|
||
}
|
||
|
||
})
|
||
}.width('100%')
|
||
}
|
||
}
|
||
.borderRadius(5)
|
||
.border({ width: 1, color: '#CCCCCC' })
|
||
Button({ type: ButtonType.Normal }) {
|
||
Row() {
|
||
if (this.loading) {
|
||
LoadingProgress()
|
||
.color($r('app.color.white'))
|
||
.width(24)
|
||
.height(24)
|
||
.margin({ right: 10 })
|
||
}
|
||
Text('登录').fontColor($r('app.color.white'))
|
||
}
|
||
}
|
||
.width('100%')
|
||
.backgroundColor($r('app.color.top_title'))
|
||
.borderRadius(4)
|
||
.height(44)
|
||
.stateEffect(false)
|
||
.onClick(() => {
|
||
this.login()
|
||
})
|
||
Row()
|
||
{
|
||
Text(this.type)
|
||
.fontSize(14)
|
||
.fontColor($r('app.color.top_title'))
|
||
.alignSelf(ItemAlign.Start)
|
||
.onClick(() => {
|
||
if(this.isPassLogin)
|
||
{
|
||
this.isPassLogin=false
|
||
this.type='账号密码登录'
|
||
}
|
||
else
|
||
{
|
||
this.isPassLogin=true
|
||
this.type='短信验证码登录'
|
||
}
|
||
|
||
})
|
||
Blank()
|
||
if(this.isPassLogin)
|
||
{
|
||
Text('忘记密码？')
|
||
.fontSize(14)
|
||
.fontColor($r('app.color.common_gray_03'))
|
||
.alignSelf(ItemAlign.Start)
|
||
.onClick(() => {
|
||
|
||
router.pushUrl({url:'pages/MinePage/ForgetPassword'})
|
||
|
||
})
|
||
}
|
||
|
||
}.width('100%')
|
||
Column()
|
||
{
|
||
Blank()
|
||
Row() {
|
||
Checkbox()
|
||
.shape(CheckBoxShape.CIRCLE)
|
||
.selectedColor($r('app.color.top_title'))
|
||
.size({ width: 22, height: 22 })
|
||
.select(this.isAgree)
|
||
.alignSelf(ItemAlign.Start)
|
||
// .margin({bottom:20})
|
||
.onChange((val) => {
|
||
this.isAgree = val
|
||
})
|
||
|
||
if(this.isPassLogin)
|
||
{
|
||
Text() {
|
||
Span('登录即代表同意').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照隐私政策》').fontColor($r('app.color.top_title')).onClick(() => {
|
||
ToWeb(BasicConstant.getyyzc,'《肝胆相照隐私政策》')
|
||
})
|
||
Span('和').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照用户服务协议》').fontColor($r('app.color.top_title'))
|
||
.onClick(() => {
|
||
ToWeb(BasicConstant.getzcxy,'《肝胆相照用户服务协议》')
|
||
})
|
||
|
||
}
|
||
.fontSize(14)
|
||
.padding({ left: 4 ,right:20})
|
||
}
|
||
else
|
||
{
|
||
|
||
Text() {
|
||
Span('未注册的手机号验证登录后将自动创建肝胆相照账号，登录即代表同意').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照隐私政策》').fontColor($r('app.color.top_title')).onClick(() => {
|
||
ToWeb(BasicConstant.getyyzc,'《肝胆相照隐私政策》')
|
||
})
|
||
Span('和').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照用户服务协议》').fontColor($r('app.color.top_title'))
|
||
.onClick(() => {
|
||
ToWeb(BasicConstant.getzcxy,'《肝胆相照用户服务协议》')
|
||
})
|
||
|
||
}
|
||
.fontSize(14)
|
||
.padding({ left: 4 ,right:20})
|
||
|
||
}
|
||
|
||
|
||
}
|
||
.padding({bottom:20})
|
||
|
||
}
|
||
.layoutWeight(1)
|
||
.justifyContent(FlexAlign.End)
|
||
|
||
|
||
}
|
||
.layoutWeight(1)
|
||
|
||
.padding({ left: 20, right: 20, top: 30 })
|
||
|
||
}
|
||
.height('100%')
|
||
}
|
||
startTime() {
|
||
this.time=60
|
||
this.timer = setInterval(() => {
|
||
this.timeText=this.time+'s'
|
||
if (this.time <= 0) {
|
||
clearInterval(this.timer)
|
||
this.timeText='获取验证码'
|
||
this.istime=false
|
||
}
|
||
this.time--
|
||
|
||
}, 1000)
|
||
}
|
||
|
||
}
|
||
@Extend(TextInput)
|
||
function customStyle() {
|
||
.placeholderColor('#C3C3C5')
|
||
.caretColor('#fa711d')
|
||
.height(45)
|
||
.borderRadius(0)
|
||
.backgroundColor($r('app.color.white'))
|
||
.margin({right:30})
|
||
}
|
||
|
||
@CustomDialog
|
||
struct PrivacyDialog {
|
||
// 添加回调函数属性
|
||
private okCallBack: () => void = () => {};
|
||
controller: CustomDialogController
|
||
@Prop isPassLogin:boolean = false;
|
||
|
||
build() {
|
||
Column() {
|
||
Text('请阅读并同意以下条款')
|
||
.fontSize(18)
|
||
.margin({bottom:10})
|
||
if(this.isPassLogin)
|
||
{
|
||
Text() {
|
||
Span('登录即代表同意').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照隐私政策》').fontColor($r('app.color.top_title')).onClick(() => {
|
||
ToWeb(BasicConstant.getyyzc,'《肝胆相照隐私政策》')
|
||
this.controller.close()
|
||
})
|
||
Span('和').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照用户服务协议》').fontColor($r('app.color.top_title'))
|
||
.onClick(() => {
|
||
ToWeb(BasicConstant.getzcxy,'《肝胆相照用户服务协议》')
|
||
this.controller.close()
|
||
})
|
||
|
||
}
|
||
.fontSize(16)
|
||
.padding({ left: 4 ,right:20})
|
||
}
|
||
else
|
||
{
|
||
|
||
Text() {
|
||
Span('未注册的手机号验证登录后将自动创建肝胆相照账号，登录即代表同意').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照隐私政策》').fontColor($r('app.color.top_title')).onClick(() => {
|
||
ToWeb(BasicConstant.getyyzc,'《肝胆相照隐私政策》')
|
||
this.controller.close()
|
||
})
|
||
Span('和').fontColor($r('app.color.common_gray_03'))
|
||
Span('《肝胆相照用户服务协议》').fontColor($r('app.color.top_title'))
|
||
.onClick(() => {
|
||
|
||
ToWeb(BasicConstant.getzcxy,'《肝胆相照用户服务协议》')
|
||
this.controller.close()
|
||
})
|
||
|
||
}
|
||
.fontSize(16)
|
||
.padding({ left: 4 ,right:20})
|
||
|
||
}
|
||
|
||
Column() {
|
||
Button('同意并继续', { type: ButtonType.Normal })
|
||
.backgroundColor($r('app.color.top_title'))
|
||
.width(200)
|
||
.borderRadius(4)
|
||
.height(44)
|
||
.onClick(() => {
|
||
this.okCallBack()
|
||
this.controller.close()
|
||
}).fontColor($r('app.color.white'))
|
||
.margin({bottom:10})
|
||
Button('不同意')
|
||
.width(200)
|
||
.height(44)
|
||
.onClick(() => {
|
||
this.controller.close()
|
||
|
||
}).backgroundColor(0xffffff).fontColor($r('app.color.common_gray_03'))
|
||
}.margin({ bottom: 10,top:10 })
|
||
}
|
||
.width('100%')
|
||
.justifyContent(FlexAlign.Center)
|
||
.backgroundColor($r('app.color.white'))
|
||
.padding(20)
|
||
}
|
||
}
|
||
function ToWeb(u:string,t:string)
|
||
{
|
||
let paramsInfo: DataWebModel = {
|
||
url:u ,
|
||
title:t
|
||
|
||
};
|
||
router.pushUrl({
|
||
url: 'pages/WebView/WebPage', // 目标url
|
||
params: paramsInfo // 添加params属性，传递自定义参数
|
||
})
|
||
}
|
||
|