automat-store-mini/pages/stock/replenishDetail.wxml

<wxs src="../../utils/filter.wxs" module="filter"></wxs>
<view class="container">
  <view class="cu-bar search bg-white margin-bottom-xs">
    <view class="search-form round">
      <text class="cuIcon-search"></text>
      <input type="text" placeholder="输入设备号" confirm-type="search" value="{{deviceSn}}" data-name="deviceSn" catchinput="inputedit"></input>
    </view>
    <view class="action">
      <button class="cu-btn bg-blue shadow-blur round" bindtap="searchInfo">搜索</button>
    </view>
  </view>
  <view class="scan" bindtap="scanCodeEvent">
    <view class="scan-img">
      <image src="../../static/images/my/saomabuhuo.png"></image>
    </view>
    <view class="scan-text">扫码补货</view>
  </view>
  <view class="device-list">
    <view class="flex">
      <view class="flex-sub bg-grey padding-sm text-center text-bold">设备号</view>
      <view class="flex-sub bg-grey padding-sm text-center text-bold">摆放位置</view>
      <view class="flex-sub bg-grey padding-sm text-center text-bold">缺货格子</view>
    </view>
    <block>
      <view class="flex" bindtap="toDetail" wx:for="{{deviceInfo.deviceDetail}}">
        <view class="flex-sub padding-sm text-center">{{item.mgVmDevice.deviceSn}}</view>
        <view class="flex-sub padding-sm text-center">{{item.mgVmDevice.deviceLocation}}</view>
        <view class="flex-sub padding-sm text-center" style="display:flex;">
          <tui-tag size="small" tui-tag-class="tui-mrbtm" wx:for="{{filter.gridList(item.stockGrid)}}">{{item}}</tui-tag>
          <!-- <tui-tag size="small" tui-tag-class="tui-mrbtm">2</tui-tag>
          <tui-tag size="small" tui-tag-class="tui-mrbtm">3</tui-tag> -->
        </view>
      </view>
      <view class="flex" wx:for="{{deviceInfo.productList}}">
        <view class="flex-sub padding-xs text-center">
          <view class="grid-goods">
            <image src="{{item.productImg}}" class="grid-goods-img"></image>
            <view class="grid-goods-center">
              <view class="grid-goods-title">{{item.productName}}</view>
              <view class="grid-goods-block">格子号：
                <tui-tag size="small" tui-tag-class="tui-mrbtm" wx:for="{{filter.gridList(item.productStockGrid)}}">{{item}}</tui-tag>
              </view>
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>

  <view class="tui-order-list" wx:for="{{deviceInfo.productList}}">
    <view class="tui-order-item">
      <tui-list-cell padding="0" bindclick="toEdit">
        <view class="tui-goods-item">
          <image src="{{item.productImg}}" class="tui-goods-img"></image>
          <view class="tui-goods-center">
            <view class="tui-goods-name">{{item.productName}}</view>
            <view class="tui-goods-grid">适应格子：
          <tui-tag size="small" tui-tag-class="tui-mrbtm" wx:for="{{filter.gridList(item.productAdaptGrid)}}">{{item}}</tui-tag></view>
            <view class="tui-goods-attr">缺货数量：<text class="text-red">{{item.productStockNum}}</text></view>
          </view>
        </view>
      </tui-list-cell>
    </view>
  </view>
</view>