import {MaterialListComponent} from "../../component/OrderMaterialsStorageView"
import {OrderParams,DemandMaterial,MaterialBox, EmptyBox} from "../../params/OrderMaterialsStorageParams"
import {InBoundView} from '../../component/InBoundView'

@Component
export struct OrderMaterialStorageThirdStep {
  @State messages:string[] = []
  @Link currentStep: number
  @State orders:OrderParams[]= [
    { orderName: '订单名称XXXXX', orderNo: '123123213', date: '2025/11/11', progress: '50%' },
    { orderName: '订单名称XXXX', orderNo: '123123213', date: '2025/11/11', progress: '75%' },
    { orderName: '特殊订单', orderNo: 'SH2024001', date: '2024/03/01', progress: '100%' },
    { orderName: '订单名称XXXXX', orderNo: '123123213', date: '2025/11/11', progress: '50%' },
    { orderName: '订单名称XXXX', orderNo: '123123213', date: '2025/11/11', progress: '75%' },
    { orderName: '特殊订单', orderNo: 'SH2024001', date: '2024/03/01', progress: '100%' }
  ]
  build() {
    Column(){
      Row(){
        Column(){
          Row(){
            Column(){
              Text("扫码录入")
                .fontColor($r('app.color.FFFFFF'))
                .fontSize($r('app.float.fontSize_15_2'))
              Text('电机生产订单DWS123331223332（电路板-SDASDASFSADASD）')
                .fontColor($r('app.color.FFFFFF'))
                .fontSize($r('app.float.fontSize_8'))
            }.height('100%').width('65%').alignItems(HorizontalAlign.Start).justifyContent(FlexAlign.Center)
            Row() {
              // 左侧二维码图标
              Image($r('app.media.material_qr_code')) // 请替换为您的二维码图片资源
                .width($r('app.float.virtualSize_16_8'))
                .height($r('app.float.virtualSize_16_8'))
                .fillColor($r('app.color.FFFFFF'))
                .margin({left:'2%'})
              // 扫码输入框
              TextInput({ placeholder: '请扫描物料编码' })
                .type(InputType.Normal)
                .placeholderFont({ size: $r('app.float.fontSize_12')})
                .placeholderColor($r('app.color.30FFFFFF'))
                .fontSize($r('app.float.fontSize_12'))
                .fontColor($r('app.color.FFFFFF'))
            }.width('35%')
            .borderRadius($r('app.float.virtualSize_7_2'))
            .backgroundColor($r('app.color.000000'))
          }.justifyContent(FlexAlign.Start)
          .height('10%')
          .width('95%')
          .justifyContent(FlexAlign.Center)

          Row() {
            MaterialListComponent({orders:this.orders}).width('95%')
          }.width('100%').height('90%').justifyContent(FlexAlign.Center)
        }.width('62%').backgroundColor($r('app.color.10FFFFFF'))
        Image($r('app.media.arrow_right'))
          .width($r('app.float.virtualSize_23'))
          .height($r('app.float.virtualSize_23'))
          .fillColor($r('app.color.FFFFFF'))
          .margin({left:'-2%',right:'-2%'})

        Column(){
          InBoundView({messages:this.messages})
        }.width('29%').backgroundColor($r('app.color.10FFFFFF'))
      }
      .height('85%')
      .justifyContent(FlexAlign.SpaceEvenly)
      .width('100%')
      Row({space:15}){
        Button({type:ButtonType.Normal}) {
          Text("第一步")
            .fontSize($r('app.float.fontSize_12'))
            .fontColor($r('app.color.0A84FF')) // 图片中的蓝色
        }
        .width('22%')
        .height('100%')
        .backgroundColor($r('app.color.20FFFFFF'))
        .borderRadius($r('app.float.virtualSize_6_4'))
        // .enabled(!!this.selectedOrderNo) // 只有选中订单时才启用按钮
        .onClick(() => {
          this.currentStep = 1;
        })
        Button({type:ButtonType.Normal}) {
          Text("上一步")
            .fontSize($r('app.float.fontSize_12'))
            .fontColor($r('app.color.0A84FF')) // 图片中的蓝色
        }
        .width('22%')
        .height('100%')
        .backgroundColor($r('app.color.20FFFFFF'))
        .borderRadius($r('app.float.virtualSize_6_4'))
        // .enabled(!!this.selectedOrderNo) // 只有选中订单时才启用按钮
        .onClick(() => {
          this.currentStep = 2;
        })
      }.width('100%').height('6%').justifyContent(FlexAlign.Start).margin({bottom:'3%',left:'5%'})
    }.height('83.6%').margin({top:'3%'}).width('100%')
    .justifyContent(FlexAlign.SpaceAround)
    .width('100%')
  }
}