import {TimeAndTitle} from "../component/TimeAndTitle"
@Entry
@Component
struct LoginPage {
  @State materialBoxID: string = 'LX-00010';
  build() {
    Row() {
      Column() {
        Row(){
          TimeAndTitle()
        }.width('100%')
        .height('3.4%')
        .alignItems(VerticalAlign.Bottom)
        .justifyContent(FlexAlign.End)
        TimeAndTitle()
        Row(){
          Text('<空箱编辑入库')
            .width('40%')
            .fontSize($r('app.float.fontSize_38'))
            //.margin({left:'%'})
          Row(){
            Button('统计')
              .width('22%')
            Button('叫料通知')
              .width('22%')
            Button('仓储日志')
              .width('22%')
            Button('仓储车调试')
              .width('22%')
          }
          .width('55%')
          .justifyContent(FlexAlign.SpaceBetween)
        }
        .height('15%')


        Row(){
          Row(){
            Column(){
              Row(){
                Text("生成料箱编号")
              }
              .width("80%")
              .height('40%')
              .justifyContent(FlexAlign.Center)
              .border({
                width: 1,
                style: BorderStyle.Dotted,
              })
              .margin({bottom:'10%'})

              Text("料箱编号："+this.materialBoxID)
            }
            .width('50%')

            Column(){
              Text("打印条码：")
              Row(){}.height('20%')
              Button("打印")
                .width('80%')
              Path()
                .width('100%')
                .strokeWidth(1)
                .stroke(Color.Black)
                .commands('M0 0 L600 0')
                .margin({top:'5%',bottom:'5%'})
              Text("写入磁卡：")
              Row(){}.height('25%')
              Text("当前编码：无编码").height('10%')
              Button("写入")
                .width('80%')
            }
            .justifyContent(FlexAlign.SpaceEvenly)
            .width('50%')
          }
          .width('55%')
          .border({width:1 } )
          .height('90%')
          Row(){
            Column(){
              Text("空箱入库")
              Column(){
                Text('物料：0').textAlign(TextAlign.End).width('100%')
                Row(){}.border({width:1}).width('90%').height('50%')
                Text("料箱重量").textAlign(TextAlign.Start).width('100%')
                  Text("12.56kg").textAlign(TextAlign.Start).width('100%')
                  Text("料箱编号").textAlign(TextAlign.Start).width('100%')
                  Text("LX-0010").textAlign(TextAlign.Start).width('100%')
              }
              .height('65%')
              .width('95%')
              .border({width:1})
              .justifyContent(FlexAlign.SpaceAround)
              Row(){
                Button("伸出").width('40%')
                Button("缩回").width('40%')
              }.width('100%')
              .justifyContent(FlexAlign.SpaceAround)
              Button("空箱入库").width('90%')
            }
            .width('90%')
            .height('90%')
            .justifyContent(FlexAlign.SpaceEvenly)
          }
          .width('40%')
          .border({width:1 } )
          .height('90%')
          .justifyContent(FlexAlign.Center)
        }
        .height('88.6%')
        .width('100%')
        .justifyContent(FlexAlign.SpaceAround)

      }
      .width('100%')
    }
    .height('100%')
  }
}