import OperationInfo from '../../viewmodel/wms/OperationInfo'
import WorkOrderInfo from '../../viewmodel/wms/WorkOrderInfo'
import OperationItem from '../../viewmodel/wms/OperationItem'
import { InBoundView } from '../../component/InBoundView'
import MaterialBoxInfo from '../../viewmodel/wms/MaterialBoxInfo'
import MaterialInfo from '../../viewmodel/wms/MaterialInfo'

@Component
export struct OperationMaterialKitThreeStep {
  @Link workOrder: WorkOrderInfo
  @Link selectOperations: OperationInfo[]
  @Link operationItems: OperationItem[]
  @Link scanMaterialArray: MaterialInfo[]

  @State materialNum: number = 0
  @State materialList: MaterialInfo[] = []

  aboutToAppear(): void {
    this.materialNum = this.scanMaterialArray.length
    this.materialList = this.scanMaterialArray
  }

  build() {
    Row() {
      // 出入库料口操作
      Column() {
        InBoundView({
          materialNum: this.materialNum,
          boxMaterials: this.materialList
        });
      }
      .height('100%')
      .width('29.6%')
      .borderRadius($r('app.float.virtualSize_16'))
      .justifyContent(FlexAlign.Center)
      .backgroundColor($r('app.color.10FFFFFF'))
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}