// 切换工单确认
@CustomDialog
export struct ConfirmDialog {
  controller: CustomDialogController
  onConfirm: () => void = () => {}
  @Prop title:string = ''
  @Prop message:string = ''

  build() {
    Column() {
      // 标题
      Column(){
        Text(this.title)
          .fontColor($r('app.color.FFFFFF'))
          .fontSize($r('app.float.fontSize_30'))
      }.height('25%')
      .justifyContent(FlexAlign.Center)
      Column(){
        Text(this.message)
          .fontColor($r('app.color.FFFFFF'))
          .fontSize($r('app.float.fontSize_24'))
      }.height('50%')
      .justifyContent(FlexAlign.Center)
      .margin({bottom:'5%'})

      Column(){
        Divider()
          .vertical(false)
          .strokeWidth(1)
          .color($r('app.color.15FFFFFF'))
        Row(){
          Row(){
            Text('取消')
              .fontColor($r('app.color.60FFFFFF'))
              .fontSize($r('app.float.fontSize_30'))
          }
          .justifyContent(FlexAlign.Center)
          .width('50%')
          .onClick(() => this.controller.close())
          Divider()
            .vertical(true)
            .strokeWidth(1)
            .color($r('app.color.15FFFFFF'))
          Row(){
            Text('确认')
              .fontColor($r('app.color.007AFF'))
              .fontSize($r('app.float.fontSize_30'))
          }
          .justifyContent(FlexAlign.Center)
          .width('50%')
          .onClick(() => {
            this.onConfirm();
            this.controller.close();
          })
        }
      }
      .width('100%')
      .height('16%')
    }
    .height('34%')
    .width('30%')
    .backgroundColor($r('app.color.2A2A2A'))
    .justifyContent(FlexAlign.End)
    .borderRadius($r('app.float.virtualSize_16'))
  }
}