import {InOrder} from "../params/OrderMaterialsStorageParams"
@Component
export struct StorageList {
  @Prop storageData: InOrder[] = []
  @Prop title: string = ''
  private scrollerForList: Scroller = new Scroller()
  build() {
    Column() {
      // 标题部分
      Text(this.title)
        .fontSize($r('app.float.fontSize_15_2'))
        .fontColor($r('app.color.FFFFFF'))
        .width('100%')
        .textAlign(TextAlign.Center)
        .height('15%')

      // 列表部分
      List() {
        ForEach(this.storageData, (item:InOrder) => {
          ListItem() {
            Row() {
              // 左侧信息列
              Column() {
                Text(item.id)
                  .fontSize($r('app.float.fontSize_9_6'))
                  .fontColor($r('app.color.FFFFFF'))

                Text(item.orderNumber)
                  .fontSize($r('app.float.fontSize_7'))
                  .fontColor($r('app.color.60FFFFFF'))
                  .margin({ top: 4 })

                Text(item.date)
                  .fontSize($r('app.float.fontSize_7'))
                  .fontColor($r('app.color.60FFFFFF'))
                  .margin({ top: 4 })
              }
              .alignItems(HorizontalAlign.Start)

              // 右侧状态列
              Column() {
                Text(item.progress)
                  .fontSize($r('app.float.fontSize_15_2'))
                  .fontColor($r('app.color.FFFFFF'))

                Text('数量')
                  .fontSize($r('app.float.fontSize_7'))
                  .fontColor($r('app.color.60FFFFFF'))
                  .margin({ top: 4 })
              }
              .alignItems(HorizontalAlign.End)
            }
            .justifyContent(FlexAlign.SpaceBetween)
            .padding(13)
            .width('100%')
          }
        })
      }
      .width('100%')
      .height('85%')
      .divider({
        strokeWidth: 1,
        color: $r('app.color.333333')
      })
    } .backgroundColor($r('app.color.10FFFFFF'))
    .height('100%')
    .justifyContent(FlexAlign.Start)
  }
}