oms-mp/pages/order/user/info/info.wxml

<!--pages/order/user/info/info.wxml-->
<import src="info.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<block wx:else>
  <view class="qianshou" wx:if="{{order.status == 4 }}">
    <view class="iconfont icon-yiqianshou2" style="font-size: 58rpx;"></view>
    <view class="status">
      <view class="statusText">已签收</view>
      <view class="statusStr">感谢您使用堡昕德订单管理系统</view>
    </view>
  </view>

  <view class="orderCheck">
    <view class="orderStatus">
      <view class="statusItem {{order.steps >= 1 ? 'active' : ''}}">
        <view class="iconfont icon-tijiaodingdan"></view>
        <view class="itemText">提交订单</view>
        <view class="itemDate">{{order.createTime || ''}}</view>
      </view>
      <view class="jiantou {{order.steps >= 2 ? 'active' : ''}}"></view>
      <view class="statusItem {{order.steps >= 2 ? 'active' : ''}}">
        <view class="iconfont icon-shangpinchuku"></view>
        <view class="itemText">商品出库</view>
        <view class="itemDate">{{order.dvyTime || ''}}</view>
      </view>
      <view class="jiantou {{order.steps >= 3 ? 'active' : ''}}"></view>
      <view class="statusItem {{order.steps >= 3 ? 'active' : ''}}">
        <view class="iconfont icon-lujing"></view>
        <view class="itemText">等待收货</view>
        <view class="itemDate"></view>
      </view>
      <view class="jiantou"></view>
      <view class="statusItem {{order.steps >= 4 ? 'active' : ''}}">
        <view class="iconfont icon-yiqianshou"></view>
        <view class="itemText">订单签收</view>
        <view class="itemDate">{{order.finallyTime || ''}}</view>
      </view>
    </view>

    <view class="checkStep" wx:if="{{check && check.orderCheckId}}">
      <view class="stepItem">
        <view class="left">
          <view class="iconfont {{ check.totalNode >= 1 ? 'icon-a-Check23' : 'icon-weixuan'}}"></view>
          <view class="dashed"></view>
        </view>
        <view class="right">
          <view class="checkName">提交人</view>
          <view class="checkDate">{{check.createUser}}</view>
          <view class="checkDate">{{check.createTime}}</view>
          <!-- <view class="checkDate">{{check.node1Reason}}</view> -->
        </view>
      </view>
      <view class="stepItem">
        <view class="left">
          <view class="iconfont {{ check.node1Time ? 'icon-a-Check23' : 'icon-weixuan'}}"></view>
          <view class="dashed" wx:if="{{check.node2Username}}"></view>
        </view>
        <view class="right">
          <view class="checkName">审批人</view>
          <view class="checkDate">{{check.node1Username}}</view>
          <view class="checkDate">{{check.node1Time || ''}}</view>
          <view class="checkDate">{{check.node1Reason || ''}}</view>
        </view>
      </view>
      <view class="stepItem" wx:if="{{check.node2Username}}">
        <view class="left">
          <view class="iconfont {{ check.node2Time ? 'icon-a-Check23' : 'icon-weixuan'}}"></view>
          <!-- <view class="dashed"></view> -->
        </view>
        <view class="right">
          <view class="checkName">审批人</view>
          <view class="checkDate">{{check.node2Username}}</view>
          <view class="checkDate">{{check.node2Time || ''}}</view>
          <view class="checkDate">{{check.node2Reason || ''}}</view>
        </view>
      </view>
    </view>
  </view>
  <view style="height: 20rpx;"></view>
  <view class="pannel" wx:if="{{logisticName && order.dvyFlowId}}">
    <view class="cell">
      <view class="titleText">物流信息</view>
      <navigator class="cellArrow iconfont" url="/pages/order/logistics/logistics?dvyFlowId={{order.dvyFlowId}}&logisticsCode={{order.logisticsCode}}&mobile={{order.mobile}}&name={{logisticName}}" hover-class="none">
        <block wx:if="{{logisticName && order.dvyFlowId}}">{{logisticName}}：{{order.dvyFlowId}}</block>
      </navigator>
    </view>
  </view>
  <view class="pannel goodsInfoPannel">
    <view class="titleText">商品信息
      <!-- <view wx:if="{{goodsList.length > 3}}" class="sticky-element {{ show ? 'active ' : ''}}iconfont icon-keyboard_arrow_right" catch:tap="setShow">{{show?'折叠':'展开'}}</view> -->
    </view>
    <view class="goodsList {{ show ? 'active' : ''}}" style="max-height: {{showHeight}};">
      <view class="showAll">
        <view class="goodsInfo" wx:for="{{goodsList}}" wx:key="orderItemId">
          <image src="{{item.picArr ? item.picArr[0] : '/images/empty.png'}}" mode="aspectFit"></image>
          <view class="goods">
            <view class="name text2">{{item.prodName}}</view>
            <view class="brief text1">SKU：{{item.skuCode}}</view>
            <view class="priceTool">
              <view></view><text class="rmb2">¥</text>{{item.price || 0}}
              <view class="number">x {{item.prodCount}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view wx:if="{{goodsList.length > 3}}" class="goodsOpen {{ show ? 'active ' : ''}}iconfont icon-keyboard_arrow_right" catch:tap="setShow">{{show?'折叠':'展开'}}</view>
    <view class="goodsPrice">
      <text>共{{order.productNums || 0}}件，合计：</text><text class="rmb2">¥</text>{{order.totalAmount || 0}}
    </view>
  </view>

  <view class="pannel orderInfo">
    <view class="titleText">订单信息</view>
    <view class="cell">
      <view>订单编号</view>
      <view class="iconfont checkNumber" catch:tap="copyText" data-orderNumber="{{order.orderNumber}}">{{order.orderNumber}}</view>
    </view>
    <view class="cell">
      <view>下单时间</view>
      <view>{{order.createTime}}</view>
    </view>
    <!-- <view class="cell" wx:if="{{check.node1Username}}">
      <view>审核人</view>
      <view>{{check.node1Username}}</view>
    </view>
    <view class="cell" wx:if="{{check.node1Time}}">
      <view>审核时间</view>
      <view>{{check.node1Time}}</view>
    </view> -->
    <view class="cell">
      <view>快递公司</view>
      <view>{{logisticName}}</view>
    </view>
    <view class="cell">
      <view>收货人</view>
      <view>{{order.receiverName}}</view>
    </view>
    <view class="cell">
      <view>收货地址</view>
      <view class="text3" style="flex: 1;padding-left: 20rpx;text-align: right;">{{order.province}} {{order.city}} {{order.area}} {{order.address}}</view>
    </view>
    <view class="cell">
      <view>出库单备注</view>
      <view>{{order.outboundRemark}}</view>
    </view>
    <block wx:if="{{isStraumann}}">
      <view class="cell">
        <view>客户编码</view>
        <view>{{order.eccCode || ''}}</view>
      </view>
      <view class="cell">
        <view>客户名称</view>
        <view>{{order.eccName || ''}}</view>
      </view>
      <view class="cell">
        <view>客户类型</view>
        <view>{{order.typeName || ''}}</view>
      </view>
      <view class="cell">
        <view>活动类型</view>
        <view>{{order.projectTheme || ''}}</view>
      </view>
      <view class="cell">
        <view>活动名称</view>
        <view>{{order.activityName || ''}}</view>
      </view>
      <view class="cell">
          <view>发货备注</view>
          <view>{{order.remarks || ''}}</view>
        </view>
        <view class="cell">
          <view>订单备注</view>
          <view>{{order.publicRemark || ''}}</view>
        </view>
    </block>
  </view>

  <!-- <view class="pannel orderInfo" wx:if="{{check}}">
    <view class="titleText">审核信息</view>
    <view class="cell">
      <view>审核人</view>
      <view>{{check.totalNode == 3 ? check.node2Username :check.node1Username}}</view>
    </view>
    <view class="cell">
      <view>审核时间</view>
      <view>{{check.totalNode == 3 ? check.node2Time : check.node1Time}}</view>
    </view>
    <view class="cell">
      <view>审核意见</view>
      <view>{{check.totalNode == 3 ? check.node2Reason : check.node1Reason}}</view>
    </view>
  </view> -->

  <view class="pannel finally" wx:if="{{order.status == 3 || order.status == 4}}">
    <view class="titleText">反馈图片<text>{{order.imgsArr.length}}/20</text></view>
    <view class="finallyImg">
      <image class="iconfont icon-shanchu" wx:for="{{order.imgsArr}}" wx:key="item1" src="{{item}}" mode="aspectFit" data-index="{{index}}" catch:tap="delImgs" />
      <image style="border:none" src="/images/upload.png" mode="aspectFit" catch:tap="chooseImg1" wx:if="{{(order.status == 3 || order.status == 4) && order.imgsArr.length < 20}}" />
    </view>
    <view class="imgText">支持jpg,gif,jpeg,png格式最多20张</view>
  </view>
  <!-- <view class="pannel finally" wx:if="{{order.status == 3 || order.status == 4}}">
    <view class="titleText">活动图片<text>{{order.activityImgsArr.length}}/20</text></view>
    <view class="finallyImg">
      <image class="iconfont icon-shanchu" wx:for="{{order.activityImgsArr}}" wx:key="item1" src="{{item}}" mode="aspectFit" data-index="{{index}}" catch:tap="delImgs2" />
      <image style="border:none" src="/images/uploada.png" mode="aspectFit" catch:tap="chooseImg2" wx:if="{{(order.status == 3 || order.status == 4) && order.activityImgsArr.length < 20}}" />
    </view>
    <view class="imgText">支持jpg,gif,jpeg,png格式最多20张</view>
  </view> -->

  <!-- <view class="pannel" wx:if="{{order.activityImgsArr.length > 0 || order.status == 3 || order.status == 4}}">
    <view class="titleText">活动备注：</view>
    <view class="cell">
      <textarea maxlength="2000" auto-height="{{true}}" value="{{order.activityRemark}}" bind:input="bindActivityRemark"></textarea>
    </view>
    <view style="text-align: right;margin-top: 20rpx;">
      <view wx:if="{{order.activityImgs && order.activityRemark}}" style="display: inline-block;background: #00BC8A;padding:10rpx 30rpx;border-radius: 8rpx;color: white;" bind:tap="updateAimg">上传提交</view>
      <view wx:else="" style="display: inline-block;background: #b6b6b6;padding:10rpx 30rpx;border-radius: 8rpx;color: white;">上传提交</view>
    </view>
  </view> -->

  <view class="pannel" wx:if="{{order.status == 3 || order.status == 4}}">
    <view class="titleText">备注：</view>
    <view class="cell">
      <textarea maxlength="2000" auto-height="{{true}}" value="{{order.activityRemark}}" bind:input="bindActivityRemark"></textarea>
    </view>
    <view style="text-align: right;margin-top: 20rpx;">
      <view wx:if="{{order.activityRemark}}" style="display: inline-block;background: #00BC8A;padding:10rpx 30rpx;border-radius: 8rpx;color: white;" bind:tap="updateAimg">上传提交</view>
      <view wx:else="" style="display: inline-block;background: #b6b6b6;padding:10rpx 30rpx;border-radius: 8rpx;color: white;">提交备注</view>
    </view>
  </view>
  <view style="height: 40rpx;"></view>
</block>