laundry/pages/take/lattice.wxml

<view class="page">
  <view class="box1">

    <view class="main3">
      <view class="mod1">
        <text lines="1" decode="true" class="txt1">创星汇科技园1号&nbsp;NO.18</text>
        <view class="main4"></view>
        <text lines="1" class="word3">在线</text>
      </view>
      <view class="mod2">
        <view class="mod3">
          <text lines="1" class="word4">空闲：</text>
          <text lines="1" class="txt2">2</text>
        </view>
        <view class="mod4">
          <text lines="1" class="word5">待收：</text>
          <text lines="1" class="txt3">2</text>
        </view>
        <view class="mod5">
          <text lines="1" class="txt4">已存：</text>
          <text lines="1" class="txt5">1</text>
        </view>
        <view class="mod6">
          <text lines="1" class="txt6">暂存：</text>
          <text lines="1" class="info3">1</text>
        </view>
      </view>
      <view class="mod7">
        <view class="section1">
          <text lines="1" class="info4">冻结：</text>
          <text lines="1" class="word6">1</text>
        </view>
      </view>
    </view>
    <view class="main5">
      <view class="layer2">
        <view class="outer1">
          <text lines="1" class="word7">柜门列表</text>
          <text lines="1" class="word9">共9格</text>
        </view>
        <view class="outer2"></view>
      </view>
    </view>
    <view class="main6">
      <view class="layer3">
        <view class="outer3-0" wx:for="{{latticelist}}" data-key='{{index}}' bindtap="seled">
          <view class="layer4-0">
            <view class="main7-0  {{state==index?'active-tag':''}}">
              <text lines="1" class="word8-0">{{item.num}}</text>
            </view>
            <text lines="1" class="word9-01" style="color: {{item.color}};">{{item.status}}</text>
          </view>
        </view>

      </view>
    </view>

    <view class="outer6" wx:if="{{detashow==false}}">
      <view class="wrap1">
        <view class="outer7">
          <text lines="1" class="info8">1号柜详情</text>
          <view class="mod11"></view>
        </view>
        <view class="outer-8"></view>
        <view class="outer-9">
          <view class="bd6-0">
            <view class="layer9-0">
              <text lines="1" class="word9-0">用户脏衣，前端待收</text>
              <text lines="1" class="word10-0">状态</text>
            </view>
          </view>
          <view class="bd6-1">
            <view class="layer9-1">
              <text lines="1" decode="true" class="word9-1">2021-11-21&nbsp;00:35:12</text>
              <text lines="1" class="word10-1">存入时间</text>
            </view>
          </view>
          <view class="bd6-2">
            <view class="layer9-2">
              <text lines="1" class="word9-2">大黄</text>
              <text lines="1" class="word10-2">下单用户</text>
            </view>
          </view>
          <view class="bd6-3">
            <view class="layer9-3">
              <text lines="1" class="word9-3">大兴大兴大兴工厂</text>
              <text lines="1" class="word10-3">目的地</text>
            </view>
          </view>
        </view>
        <view class="outer10">
          <text lines="1" class="info9">订单号：93837381938382819381</text>
          <view class="section3">
            <view class="box3"></view>
          </view>
          <text lines="1" class="info10">复制</text>

        </view>
        <view class="outer10">
          <text lines="1" class="info9">物流单号：93837381938382819381</text>
          <view class="section3">
            <view class="box3"></view>
          </view>
          <text lines="1" class="info10">复制</text>

        </view>
        <view class="outer11"></view>
        <view class="outer12">
          <view class="group3" bindtap="show">
            <text lines="1" class="txt6">开柜取出</text>
          </view>
          <view class="group4">
            <view class="group5" bindtap="deta"></view>
          </view>
        </view>
      </view>
      <text lines="1" class="txt7">联系用户</text>
    </view>


    <view class="mod9">
      <view class="bd2">
        <view class="outer8">
          <text lines="1" class="word12" bindtap="show">开柜取出</text>
        </view>
        <view class="outer9" wx:if="{{detashow}}" bindtap="deta">
          <text lines="1" class="word13">详情</text>
        </view>

        <view class="group4" wx:else>
          <view class="group5"></view>
        </view>

      </view>
    </view>
    <view class="layer12" wx:if="{{show==false}}">
      <view class="outer5">
        <view class="mod6">
          <view class="section10">
            <view class="layer13"></view>
            <text lines="1" class="word17">确认物流单</text>
            <text lines="1" class="txt14">1号柜</text>
          </view>
          <view class="section11"></view>
          <view class="section12">
            <view class="section13">
              <text lines="1" class="txt15">扫描或人工输入物流单号</text>

              <view class="section14"></view>
            </view>
            <view class="section15">
              <view class="section16"></view>
            </view>
          </view>

          <text lines="1" decode="true" class="txt19">此单客户手机尾号为&nbsp;0021，请注意与物流单核对</text>
          <view class="section17">
            <button bindtap="onClick" class="group1">
              <text lines="1" class="txt16">取消</text>
            </button>
            <button bindtap="onClick" class="group2">
              <text lines="1" class="info12">提交</text>
            </button>
          </view>
          <view class="section18"></view>
          <view class="section19">
            <view class="outer16"></view>
            <text lines="1" class="txt17">异常情况操作</text>
          </view>
          <view class="section20"></view>
          <view class="section21">
            <view class="outer17"></view>
            <view class="outer18"></view>
          </view>
        </view>
        <text lines="1" class="txt18">柜门未开</text>
        <text lines="1" class="word18">联系用户</text>
      </view>


    </view>
  </view>
</view>