20171222新建生产订单UOM处理

UOM处理
进行中数量超过计划的错误提示处理
确认是否取消的弹框处理
编辑计划数目少于进行数目的错误处理

旧版的分支处理

1️⃣UOM在新建时 unit_group_id:191


20171222新建生产订单UOM处理_第1张图片
屏幕快照 2017-12-22 10.22.57.png

模态框保存到组件时请求了bill_of_materials,Request Method:GET 但是数据为空,不知何用?UOM选项的数据从何来?


20171222新建生产订单UOM处理_第2张图片
屏幕快照 2017-12-22 10.25.34.png

请求unit_groups接口方法

  async all() {
    const { data } = await this.http.get(`/stores/${this.storeId}/unit_groups`, {
      per_page: 100,
      page: 1,
    }, {
      normalizer: ({ unit_groups }) => unit_groups,
    });
    return data;
  }
20171222新建生产订单UOM处理_第3张图片
屏幕快照 2017-12-22 10.51.12.png
    const unitGroups = await mainV2.store(this.props.currentStoreIds).unitGroups.all()

根据ID=191拿到具体某行,再拿到units[i].name


20171222新建生产订单UOM处理_第4张图片
屏幕快照 2017-12-22 11.42.41.png
  async saveProductionItem(value: any) {
    const { currentStoreIds } = this.props
    const { units } = this.state
    const listingIds = value.map((v: any) => v.listingId)
    const nameInfo = await mainV2.store(currentStoreIds).listings.getListByIds({listing_ids: listingIds})
    for ( let i = 0; i < nameInfo.length; i++) {
      Object.assign(value[i], nameInfo[I])
    }
    const selectedName = value.map((v: any) => {
      for(let i = 0; i < units.length; i++){
       if (v.unitGroupId === units[i].id) {
         return units[i].units.map((v: any) => v.name)
       }
     }
    })
    // 这里要把selectedName 添加到value的 units属性上
    this.setState({newProdOrderData: value})
  }

2️⃣把selectedName 添加到value的 units属性上


20171222新建生产订单UOM处理_第5张图片
屏幕快照 2017-12-22 12.28.45.png
20171222新建生产订单UOM处理_第6张图片
屏幕快照 2017-12-22 12.27.17.png
    for ( let i = 0; i < value.length; i++) {
      Object.assign(value[i], {units: selectedName[I]})
    }
20171222新建生产订单UOM处理_第7张图片
屏幕快照 2017-12-22 12.27.17.png

搞了两个小时终于把Units放到表格数据的对象了!!


20171222新建生产订单UOM处理_第8张图片
屏幕快照 2017-12-22 12.35.05.png

3️⃣ 关于什么时候使用箭头函数?什么时候该绑定this


20171222新建生产订单UOM处理_第9张图片
1811513926056_.pic_hd.jpg

4️⃣保存的时候是base_unit


20171222新建生产订单UOM处理_第10张图片
屏幕快照 2017-12-22 15.08.02.png

5️⃣ 处理分支

bugfix/FRONTEND-1812-ui-broken-functional-bar-i
git branch -D bugfix/FRONTEND-1812-ui-broken-functional-bar-i

你可能感兴趣的:(20171222新建生产订单UOM处理)