import TopLogo from './compontents/topLogo'
import {  getDeviceInfo} from '../common/service/terminalService'
import { registrationDeviceNo } from '../api/checkCar'
import { dateFormat} from '../common/utils/tools'
import deviceManager from '@ohos.distributedHardware.deviceManager'
import { upDateTableConfig } from '../common/service/initable'
import { voiceService } from '../common/service/voiceService'
import prompt from '@ohos.prompt'
@Entry
@Component
struct Index {
  @State ratio: number = 850 / 960
  @State ip: string = ''
  @State deviceNo: string = ''
  @State deviceName: string = ''
  @State checked: string = '0'
  @State net: any = ''
  @State plateNo: string = ''
  @State @Watch('outClick') outFlag: boolean = false;
  @State subType: string = '2';
  onPageShow() {
    // this.ip = globalThis.diskId

    this.plateNo=globalThis.carInfo.plateNo
    deviceManager.createDeviceManager('com.example.udptest', (error, value) => {
      if (error) {
        console.error('createDeviceManager failed.');
        return;
      }
      let dvMgrObj = value;
      this.deviceName = dvMgrObj.getLocalDeviceInfoSync().deviceName
      this.deviceNo=dvMgrObj.getLocalDeviceInfoSync().deviceId
      this.ip='MAC-'+this.deviceName.toUpperCase()
      globalThis.deviceNo='MAC-'+this.deviceName
    });
  }

  build() {
    Column() {
      TopLogo({outFlag:$outFlag})
      Column() {
        Row() {
          Row() {
            Radio({ value: '0', group: 'radioGroup' }).checked(this.subType=='2'?true:false)
              .height(50)
              .width(50).onChange((isChecked: boolean) => {
              if(isChecked)
                this.subType = '2'
              this.ip='MAC-'+this.deviceName
              globalThis.deviceNo=this.ip
              // this.ip = globalThis.diskId
            })
            Text('网卡').fontSize(34 * this.ratio).fontColor('#FFE0B2').margin({ right: 98.5 * this.ratio })

          }.onClick(() => {
            // this.checked = '0'
            // this.ip = globalThis.diskId
          })

          Row() {
            Radio({ value: '1', group: 'radioGroup' }).checked(this.subType=='3'?true:false)
              .height(50)
              .width(50).onChange((isChecked: boolean) => {
              if(isChecked)
                this.subType = '3'
              this.ip='DISK-'+this.deviceName
              globalThis.deviceNo=this.ip
                // this.ip = ip
            })
            Text('硬盘').fontSize(34 * this.ratio).fontColor('#FFE0B2').margin({ right: 83 * this.ratio })

          }.onClick(() => {
            // this.checked = '1'
            // this.ip = globalThis.deviceNo
          })

          // Image($r('app.media.huoqu_nor')).width(185 * this.ratio).height(89 * this.ratio).onClick(() => {
          //   // this.checked = '1111'
          //   getDeviceInfo()
          // })
        }.margin({ top: 35 * this.ratio })

        Row() {
          // Column(){
          //   Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
          //     Text(this.plateNo).fontColor('#fff').fontSize(33.6 * this.ratio)
          //   }.width('100%')
          //   .height('100%')
          //   .padding({ left: 30 * this.ratio, right: 30 * this.ratio })
          // }
          // .backgroundImage($r('app.media.xk'))
          // .backgroundImageSize({ width: '100%', height: '100%' })
          // .width(220 * this.ratio)
          // .height(108 * this.ratio)

          Column(){
            Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
              Text(this.ip).fontColor('#fff')
                .fontSize(33.6 * this.ratio)
            }
            .width('100%')
            .height('100%')
            .padding({ left: 30 * this.ratio, right: 30 * this.ratio })
          }
          .backgroundImage($r('app.media.xk'))
          .backgroundImageSize({ width: '100%', height: '100%' })
          .width(610 * this.ratio)
          .height(108 * this.ratio)
          .margin({ left: 22 * this.ratio })

        }.margin({ top: 30 * this.ratio })
      }
      .width(720 * this.ratio)
      .height(310 * this.ratio)
      .backgroundColor('#333230')
      .margin({ top: 37 * this.ratio })
      .borderRadius(19 * this.ratio)

      Image($r('app.media.zhuce_nor')).width(320 * this.ratio).height(92 * this.ratio).margin({ top: 30 * this.ratio }).onClick(()=>{
        this.registrationDeviceNoFn()
      })
    }
    .height('100%')
    .width('100%')
    .backgroundImage($r('app.media.bg'))
    .backgroundImageSize({ width: '100%', height: '100%' })
  }
  outClick(){
  }
  registrationDeviceNoFn(){
    // this.vocObj.playAudio({
    //   type: 1,
    //   name: 'media_button.wav'
    // })
    const date=new Date()
    const param={
      time: dateFormat(date),
      // deviceNo:this.deviceNo,
      deviceName:this.ip,
      type:'1'
    }
    globalThis.deviceNo=this.ip
    upDateTableConfig('DeviceInfoTable',[{deviceId:this.ip}])
    registrationDeviceNo(param).then(res=>{
      if(res.registrationDeviceNoRsp.head.resultCode=='0'){
        prompt.showToast({
          message: decodeURIComponent(res.registrationDeviceNoRsp.head.resultMessage),
          duration: 3000
        });
      }
    })
  }
}