import promptAction from '@ohos.promptAction';
import { authStore } from '@itcast/basic';

@Preview
@Component
export struct ChooseOfficePhoneComp {
  @State phoneNumber: string = ''
  @State smsCode: string = ''
  @State countdown: number = 0

  // 验证码倒计时
  private startCountdown() {
    this.countdown = 60
    const timer = setInterval(() => {
      if (this.countdown > 0) {
        this.countdown--
      } else {
        clearInterval(timer)
      }
    }, 1000)
  }

  build() {
    Column() {
      // 手机号输入框
      Row() {
        TextInput({ placeholder: authStore.getUser().officePhone.length>0?authStore.getUser().officePhone:'请输入科室号码' })
          .fontSize(16)
          .backgroundColor(Color.White)
          .onChange((value: string) => {
            this.phoneNumber = value
          })
      }
      .margin({ top: 10 })
      .width('95%')
      .height(48)
      .borderRadius(4)
      .borderWidth(1)
      .borderColor('#CCCCCC')

      // 验证码输入区域
      Row() {
        Text('请填写您的真实科室电话，以便联系上您')
          .fontSize(15)
          .fontColor('#333333')
          .width('95%')
      }
      .margin({top:15})
      .width('95%')
      .justifyContent(FlexAlign.SpaceBetween)

      // 登录按钮
      Button({type:ButtonType.Normal}){
        Text('保 存')
      }
      .width('90%')
      .height(48)
      .borderRadius(8)
      .borderWidth(1)
      .borderColor('#8B2316')
      .backgroundColor(Color.White)
      .fontColor('#8B2316')
      .fontSize(18)
      .position({x:'5%',y:'80%'})
      .onClick(() => {
        // 处理登录逻辑
        if (!/^1[3-9]\d{9}$/.test(this.phoneNumber)) {
          promptAction.showToast({message:'请输入有效手机号'})
          return
        }

        if (!this.smsCode) {
          promptAction.showToast({message:'请输入验证码'})
          return
        }

        // 执行登录操作...
      })
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#FFFFFF')
  }
}
