//本地设备管理
import { DeviceDialog } from '../../commont/component/DeviceDialog'
import router from '@ohos.router'
@Component
export struct DeviceManagement {
  //0:表示没有，1：表示AI，2：表示串口，3：表示CAN
  @State select1:number=1
  //todo 删除
  @State select2:number=2
  @State select3:number=3
  @State select4:number=0
  @State private Number:number[]=[1,2,3,4,5,6,7,8]
  scroller: Scroller = new Scroller()
  @State clickStatus:number=0
  private dialogController: CustomDialogController = new CustomDialogController({
    builder:DeviceDialog({
      Number:this.Number,
      select1:this.select1,
      select2:this.select2,
      select3:this.select3,
      select4:this.select4,
    }),
    alignment: DialogAlignment.Center,
    customStyle:true,
    autoCancel:true,
  })

  build() {
    Scroll(this.scroller){
      Column(){
        Row(){
          Column(){
            Text('开关矩阵')
              .fontSize($r('app.float.fontSize_30'))
              .fontColor('#1a1a1a')
              .fontWeight(FontWeight.Medium)
              .textAlign(TextAlign.Start)
              .width('100%')


          }.width(this.clickStatus===1?px2vp(335):px2vp(356))
          .height(this.clickStatus===1?px2vp(335):px2vp(356))
          .padding(px2vp(30))
          .borderRadius($r('app.float.borderRadius_16'))
          .backgroundColor(Color.White)
          .margin({right:px2vp(40),left:px2vp(30)})
          .backgroundImage($r('app.media.switch_matrix'))
          .onClick(()=>{
            this.clickStatus=1
            router.pushUrl({
              url:'pages/Device/SwitchMatrix'
            })
          })
          Column(){
            Text('程控电源')
              .fontSize($r('app.float.fontSize_30'))
              .fontColor('#1a1a1a')
              .fontWeight(FontWeight.Medium)
              .textAlign(TextAlign.Start)
              .width('100%')


          }.width(this.clickStatus===2?px2vp(335):px2vp(356))
          .height(this.clickStatus===2?px2vp(335):px2vp(356))
          .padding(px2vp(30))
          .borderRadius($r('app.float.borderRadius_16'))
          .backgroundColor(Color.White)
          .margin({right:px2vp(40)})
          .backgroundImage($r('app.media.source'))
          .onClick(()=>{
            this.clickStatus=2
            router.pushUrl({
              url:'pages/Device/ProgrammablePower'
            })
          })
          Column(){
            Text('电子负载')
              .fontSize($r('app.float.fontSize_30'))
              .fontColor('#1a1a1a')
              .fontWeight(FontWeight.Medium)
              .textAlign(TextAlign.Start)
              .width('100%')


          }.width(this.clickStatus===3?px2vp(335):px2vp(356))
          .height(this.clickStatus===3?px2vp(335):px2vp(356))
          .padding(px2vp(30))
          .borderRadius($r('app.float.borderRadius_16'))
          .backgroundImage($r('app.media.electronic_load'))
          .onClick(()=>{
            this.clickStatus=3
            router.pushUrl({
              url:'pages/Device/ElectronicLoad'
            })
          })

        }.width(px2vp(1178))
        .height(px2vp(356))
        .margin({right:px2vp(60),left:px2vp(30)})
        .margin({bottom:px2vp(40)})
        Row(){
          Column(){
            Text('板卡测试')
              .fontSize($r('app.float.fontSize_30'))
              .fontColor('#1a1a1a')
              .fontWeight(FontWeight.Medium)
              .textAlign(TextAlign.Start)
              .width('100%')
          }.width(this.clickStatus===7?px2vp(335):px2vp(356))
          .height(this.clickStatus===7?px2vp(335):px2vp(356))
          .padding(px2vp(30))
          .borderRadius($r('app.float.borderRadius_16'))
          .backgroundImage($r('app.media.board_testing'))
          .margin({right:px2vp(40),left:px2vp(30)})
          .onClick(()=>{
            this.clickStatus=7
            this.dialogController.open()
          })
          Column(){
            Text('电子万用表')
              .fontSize($r('app.float.fontSize_30'))
              .fontColor('#1a1a1a')
              .fontWeight(FontWeight.Medium)
              .textAlign(TextAlign.Start)
              .width('100%')


          }.width(this.clickStatus===5?px2vp(335):px2vp(356))
          .height(this.clickStatus===5?px2vp(335):px2vp(356))
          .padding(px2vp(30))
          .borderRadius($r('app.float.borderRadius_16'))
          .margin({right:px2vp(40)})
          .backgroundImage($r('app.media.electronic_universal_meter'))
          .onClick(()=>{
            this.clickStatus=5
            router.pushUrl({
              url:'pages/Device/ElectronicMultimeter'
            })
          })
          Column(){
            Text('PXI开关')
              .fontSize($r('app.float.fontSize_30'))
              .fontColor('#1a1a1a')
              .fontWeight(FontWeight.Medium)
              .textAlign(TextAlign.Start)
              .width('100%')


          }.width(this.clickStatus===6?px2vp(335):px2vp(356))
          .height(this.clickStatus===6?px2vp(335):px2vp(356))
          .padding(px2vp(30))
          .borderRadius($r('app.float.borderRadius_16'))
          .backgroundImage($r('app.media.PXI_switch'))
          .onClick(()=>{
            this.clickStatus=6
            router.pushUrl({
              url:'pages/Device/PXISwitch'
            })
          })

        }.width(px2vp(1178))
        .height(px2vp(356))
        .margin({right:px2vp(60),left:px2vp(30)})
        .margin({bottom:px2vp(40)})

      }
      .width(px2vp(1178))
      .height(px2vp(1256))
    }
    .scrollable(ScrollDirection.Vertical)
    .width(px2vp(1178))
    .height(px2vp(900))
    .scrollBar(BarState.Off)


  }
}
