/*
 * 订单物料入库
 * */
import {ProcessFlow} from "../component/OrderMaterialsStorageView"
import {OrderParams,DemandMaterial,MaterialBox, EmptyBox} from "../params/OrderMaterialsStorageParams"
import router from '@ohos.router';
import {NavigationBar} from '../component/NavigationBar'
import {TimeAndTitle} from "../component/TimeAndTitle"
import {OrderMaterialStorageFirstStep} from '../view/wms/OrderMaterialStorageFirstStep'
import {OrderMaterialStorageSecondStep} from '../view/wms/OrderMaterialStorageSecondStep'
import {OrderMaterialStorageThirdStep} from '../view/wms/OrderMaterialStorageThirdStep'
import WorkOrderInfo from '../viewmodel/wms/WorkOrderInfo'
import WorkOrderMaterialInfo from "../viewmodel/wms/WorkOrderMaterialInfo"
@Entry
@Component
struct orderMaterialsStorage {
  @State materialData: WorkOrderMaterialInfo[] = [];
  @State materialBoxID: string = 'LX-00010';
  @State selectWorkOrder:WorkOrderInfo = {}
  @State messages:string[] = []
  @State currentStep: number = 1;
  build() {
    Row() {
      Column() {
        Row(){
          TimeAndTitle()
        }.width('100%')
        .height('3.4%')
        .alignItems(VerticalAlign.Bottom)
        .justifyContent(FlexAlign.End)

        Row(){
          Image($r('app.media.general_return'))
            .height($r('app.float.virtualSize_56'))
            .width($r('app.float.virtualSize_56'))
            .fillColor($r('app.color.FFFFFF'))
          Text('订单物料入库')
            .fontColor($r('app.color.FFFFFF'))
            .fontSize($r('app.float.fontSize_38'))
        }
        .height('4%')
        .width('100%')
        .justifyContent(FlexAlign.Start)
        .margin({left:'5%'})
        .onClick(()=> {
          router.back()
        })

        Row(){
          Row(){
            ProcessFlow({
              currentStep:this.currentStep,
              firstStepTitle: "选择工单",
              secondStepTitle:"调取料箱",
              thirdStepTitle:"绑定入库",
            })
          }
          .width('20%')
          .margin({right:'20%'})
          NavigationBar().width('20%')
        }
        .width('100%')
        .height('4%')
        .margin({top:'1%'})
        .justifyContent(FlexAlign.End)
        .alignItems(VerticalAlign.Bottom)


       if(this.currentStep === 1)
       {
         OrderMaterialStorageFirstStep({
           currentStep:this.currentStep,
           selectWorkOrder:this.selectWorkOrder,
           materialData:this.materialData
         })
       }
       else if(this.currentStep === 2)
       {
         OrderMaterialStorageSecondStep({
           currentStep:this.currentStep,
           selectWorkOrder:this.selectWorkOrder

         })
        }
        if(this.currentStep === 3){
          OrderMaterialStorageThirdStep({
            currentStep:this.currentStep,
            materialData:this.materialData
          })
        }
      }
      .width('100%')
      .height('100%')
      .backgroundColor($r('app.color.000000'))
    }
    .height('100%')
  }
}