crm_wx-master/pages/workbench/serviceOrderDetail/serviceOrderDetail.wxml

<view class="container">

 
  <view class="service-record">
     <view class="record-header"> 
      <text class="section-title">基本信息</text>
       <l-button class="history-btn" bindtap="viewHistory" size="mini">服务记录</l-button>
    </view>
  </view>
   <view>
    <view class="order-info item-box"  >
      
      <view class="info-item">
        <text class="label">服务单号：</text>
        <text class="value">{{detailObj.orderNo}}</text>
      </view>
         <view class="info-item">
        <text class="label">订单时间：</text>
        <text class="value">{{detailObj.orderTime}}</text>
      </view>
      <!-- <view class="info-item">
        <text class="label">服务项目：</text>
        <text class="value">{{detailObj.projectName}}</text>
      </view> -->
      <view class="info-item">
        <text class="label">客户名称：</text>
        <text class="value">{{detailObj.customerName}}</text>
      </view>
      <view class="info-item">
        <text class="label">服务人员：</text>
        <text class="value">{{detailObj.serviceStaffNames}}</text>
      </view>
       <view class="info-item">
        <text class="label">货品：</text>
        <text class="value">{{detailObj.goodsName}}</text>
      </view>
     
     
      <view class="info-item">
        <text class="label">总数量：</text>
        <text class="value">{{detailObj.totalQuantity}}</text>
      </view>
      <view class="info-item">
        <text class="label">剩余量：</text>
        <text class="value">{{detailObj.uninstalledQuantity}}</text>
      </view>
      <view class="info-item">
        <text class="label">已完成量：</text>
        <text class="value">{{detailObj.installedQuantity}}</text>
      </view>
      <view class="info-item">
        <text class="label">备注：</text>
        <text class="value">{{detailObj.remark}}</text>
      </view>
      <view class="info-item">
        <text class="label">预计服务完成时间：</text>
        <text class="value">{{detailObj.estimatedCompleteTime}}</text>
      </view>
        <view class="info-item">
        <text class="label">实际完成时间：</text>
        <text class="value">{{detailObj.estimatedCompleteTime}}</text>
      </view>
      <view class="info-item delay-info">
        <text class="label">距服务完成时间还剩：</text>
        <text class="value highlight">{{detailObj.remainingTime}}天</text>
      </view>
      <view class="info-item delay-info">
        <text class="label">验收图片:</text>
        <view class="image-list">
          <block wx:if="{{detailObj.acceptanceImagePath}}" wx:for="{{detailObj.acceptanceImagePath}}" wx:key="index">
            <image src="{{item}}" mode="aspectFill" style="width:150rpx;height:150rpx;margin-right:10rpx;" bindtap="previewImage" data-url="{{item}}"   data-current="{{item}}"  />
          </block>
        </view>

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

  <!--  -->
  <view class="service-record">
     <view class="record-header"> 
      <text class="section-title">货品明细</text>
    </view>
  </view>

   <view>
    <view class="order-info item-box" wx:for="{{goodsList}}" wx:key="index" >
      <view class="info-item">
        <text class="label">服务项目：</text>
        <text class="value">{{item.projectName}}</text>
      </view>
      <view class="info-item">
        <text class="label">货品编号：</text>
        <text class="value">{{item.goodsCode}}</text>
      </view>
      <view class="info-item">
        <text class="label">货品：</text>
        <text class="value">{{item.goodsName}}</text>
      </view>
      <view class="info-item">
        <text class="label">计划总量：</text>
        <text class="value">{{item.orderQuantity}}</text>
      </view>
      <view class="info-item">
        <text class="label">已完成量：</text>
        <text class="value">{{item.shippedQuantity}}</text>
      </view>
       <view class="info-item">
        <text class="label">未完成量：</text>
        <text class="value">{{item.unshippedQuantity}}</text>
      </view>
      
      <view class="info-item">
        <text class="label">备注：</text>
        <text class="value">{{item.remark}}</text>
      </view>
    </view>
  </view>
  <button class="back-btn" style="flex-shrink: 0; width:140rpx;font-size: 28rpx;margin:20rpx auto; " bindtap="onBack">返回</button>
   
</view>