import router from '@ohos.router'

@CustomDialog
export struct DeviceDialog {
  @Link Number:number[]
  //0:表示没有，1：表示AI，2：表示串口，3：表示CAN
  @Link select1:number
  //todo 删除
  @Link select2:number
  @Link select3:number
  @Link select4:number
  @State SerialNumber:number=0
  scroller: Scroller = new Scroller()
  controller?: CustomDialogController;
  build() {
    Column(){
      Text('槽位选择')
        .fontSize($r('app.float.fontSize_30'))
        .fontWeight(FontWeight.Medium)
        .fontColor($r('app.color.black_100'))
        .margin({bottom:px2vp(20)})
      Scroll(this.scroller){
        Column(){
          Row(){
            Text(this.Number[0].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
              Blank()
            Text(this.select2===0?'-':this.select2===1?'AI':this.select2===2?'串口':'CAN')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
              .textAlign(TextAlign.End)
          }
          .width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[0]
            if (this.select2===2) {
              router.pushUrl({
                url:'pages/BoardTesting/BoardTesting',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
          Row(){
            Text(this.Number[1].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select3===0?'-':this.select3===1?'AI':this.select3===2?'串口':'CAN')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[2]
            if (this.select3===3) {
              router.pushUrl({
                url:'pages/BoardTesting/CanTest',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
          Row(){
            Text(this.Number[2].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select3===0?'-':this.select3===1?'AI':this.select3===2?'串口':'CAN')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[2]
            if (this.select3===3) {
              router.pushUrl({
                url:'pages/BoardTesting/CanTest',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })

          Row(){
            Text(this.Number[3].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select1===0?'-':this.select1===1?'AI':this.select1===2?'串口':'CAN')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[3]
            if (this.select1===1) {
              router.pushUrl({
                url:'pages/BoardTesting/AITest',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
          Row(){
            Text(this.Number[4].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select1===3?'CAN':this.select1===1?'AI':this.select1===2?'串口':'-')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[4]
            if (this.select2===2) {
              router.pushUrl({
                url:'pages/BoardTesting/BoardTesting',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
          Row(){
            Text(this.Number[5].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select1===3?'CAN':this.select1===1?'AI':this.select1===2?'串口':'-')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[5]
            if (this.select2===2) {
              router.pushUrl({
                url:'pages/BoardTesting/BoardTesting',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
          Row(){
            Text(this.Number[6].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select1===3?'CAN':this.select1===1?'AI':this.select1===2?'串口':'-')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[6]
            if (this.select2===2) {
              router.pushUrl({
                url:'pages/BoardTesting/BoardTesting',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
          Row(){
            Text(this.Number[7].toString()+'#')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.black_100'))
            Blank()
            Text(this.select1===3?'CAN':this.select1===1?'AI':this.select1===2?'串口':'-')
              .fontSize($r('app.float.fontSize_24'))
              .fontWeight(FontWeight.Medium)
              .fontColor($r('app.color.blue_100'))
          }.width(px2vp(528))
          .height(px2vp(80))
          .padding({left:px2vp(24),right:px2vp(24)})
          .backgroundColor($r('app.color.white_100'))
          .borderRadius(px2vp(16))
          .margin({bottom:px2vp(20)})
          .onClick(()=>{
            this.SerialNumber=this.Number[7]
            if (this.select2===2) {
              router.pushUrl({
                url:'pages/BoardTesting/BoardTesting',
                params: {
                  info: this.SerialNumber
                }
              })
            }
          })
        }
        .width(px2vp(528))
        .height(px2vp(800))
      }
      .scrollable(ScrollDirection.Vertical)
      .width(px2vp(528))
      .height(px2vp(500))
      .scrollBar(BarState.Off)

    }.width(px2vp(568))
    .height(px2vp(600))
    .backgroundColor($r('app.color.white_f1f3f5'))
    .borderRadius(px2vp(16))
    .padding(px2vp(20))
  }

}