we_spa_admin/pages/orderDetail/orderDetail.wxml

<view class="content">
  <view class="item border-radius">
    <view class="item-top flex-align-center">
      <text class="flex1 ellipsis">{{ detailData.project_name }}</text>
      <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF77B0;">{{  status[detailData.status] }}</text>
    </view>
    <view class="item-text flex-column">
      <text>预约客户：{{ detailData.user_name }}</text>
      <text>会员信息：{{ detailData.member_info }}</text>
      <text>预约时间：{{ detailData.order_time }}</text>
      <text>设备：{{ detailData.device_name }}</text>
    </view>
    <view class="flex-align-center price">
      <text>预约费用：</text>
      <text style="color: #FF77B0;">￥{{ detailData.order_price }}</text>
    </view>
  </view>
  <view class="item border-radius" style="padding-bottom: 30rpx;">
    <view class="item-top flex-align-center">
      <text class="flex1">订单信息</text>
    </view>
    <view class="item-text flex-column">
      <text>订单编号：{{ detailData.order_sn }}</text>
      <text>下单时间：{{ detailData.create_time }}</text>
      <text>支付方式：{{ detailData.pay_way }}</text>
      <text>支付时间：{{ detailData.pay_time }}</text>
      <view class="copy flex-center" bindtap="onCopyOrderNum" data-num="{{ detailData.order_sn }}">复制</view>
    </view>
  </view>
  <view class="item border-radius" style="padding-top: 30rpx;">
    <view class="item-text">
      <view class="flex-justify-space-between">
        <text>预约费用：</text>
        <text style="color: #333333;">￥{{ detailData.order_price }}</text>
      </view>
      <view class="flex-justify-space-between" wx:if="{{ detailData.discount_type == 2 }}">
        <text>优惠券：</text>
        <text style="color: #333333;">-￥{{ detailData.discount }}</text>
      </view>
      <view class="flex-justify-space-between" wx:if="{{ detailData.discount_type == 2 }}">
        <text>优惠券类型：</text>
        <text style="color: #333333;" >{{ detailData.coupon_type }}</text>
      </view>
      <view class="flex-justify-space-between">
        <text>会员时长抵扣：</text>
        <text style="color: #333333;">-￥{{ detailData.discount }}</text>
      </view>
      <view class="flex-justify-space-between">
        <text>会员类型：</text>
        <text style="color: #333333;">{{ detailData.member_type }}</text>
      </view>
    </view>
    <view class="flex-align-center price">
      <text>合计：</text>
      <text style="color: #FF77B0;">￥{{ detailData.total_price }}</text>
    </view>
  </view>
  <view class="list border-radius">
    <view class="item-top flex-align-center">
      <text class="flex1">反馈记录</text>
      <navigator url="/pages/feedback/feedback?orderId={{ id }}&cover={{ detailData.cover_url }}&name={{ detailData.project_name }}&score={{ detailData.score ? true : false }}" hover-class="none" wx:if="{{ detailData.allow_feedback == 1 }}">
        <view class="btn flex-center">新增反馈</view>
      </navigator>
    </view>
    <view class="detail rater" style="padding: 0 28rpx 28rpx;border-bottom: 2rpx solid #f2f2f2;" wx:if="{{ detailData && detailData.score }}">
      <view class="user-info flex-align-center">
        <image src="{{ detailData.score.avatar_url }}"></image>
        <view class="info flex-column flex1">
          <text style="font-size: 28rpx;margin-bottom: 6rpx;">{{ detailData.score.user_name }}</text>
          <text style="font-size: 20rpx;color: #999;">{{ detailData.score.update_time }}</text>
        </view>
      </view>
      <view class="rater-item flex-align-center" style="margin-top: 0;">
        <text class="text-01">整体满意度</text>
        <wux-rater slot="footer" disabled active-color="#FF77B0" margin="{{ 12 }}" font-size="{{ 18 }}" default-value="{{ detailData.score.score_whole }}" data-index="{{ index }}" bind:change="onChange" />
        <text class="text-02">{{ raterStatus[detailData.score.score_whole] }}</text>
      </view>
      <view class="rater-item flex-align-center" >
        <text class="text-01">效果认可度</text>
        <wux-rater slot="footer" disabled active-color="#FF77B0" margin="{{ 12 }}" font-size="{{ 18 }}" default-value="{{ detailData.score.score_effect }}" data-index="{{ index }}" bind:change="onChange" />
        <text class="text-02">{{ raterStatus[detailData.score.score_effect] }}</text>
      </view>
      <view class="rater-item flex-align-center" >
        <text class="text-01">价格接受度</text>
        <wux-rater slot="footer" disabled active-color="#FF77B0" margin="{{ 12 }}" font-size="{{ 18 }}" default-value="{{ detailData.score.score_price }}" data-index="{{ index }}" bind:change="onChange" />
        <text class="text-02">{{ raterStatus[detailData.score.score_price] }}</text>
      </view>
      <view class="rater-item flex-align-center" >
        <text class="text-01">类别满意度</text>
        <wux-rater slot="footer" disabled active-color="#FF77B0" margin="{{ 12 }}" font-size="{{ 18 }}" default-value="{{ detailData.score.score_kind }}" data-index="{{ index }}" bind:change="onChange" />
        <text class="text-02">{{ raterStatus[detailData.score.score_kind] }}</text>
      </view>
      <view class="rater-item flex-align-center" >
        <text class="text-01">安全认可度</text>
        <wux-rater slot="footer" disabled active-color="#FF77B0" margin="{{ 12 }}" font-size="{{ 18 }}" default-value="{{detailData.score.score_safe}}" data-index="{{ index }}" bind:change="onChange" />
        <text class="text-02">{{ raterStatus[detailData.score.score_safe] }}</text>
      </view>
      
    </view>
    <view class="item flex-column" wx:for="{{list}}" wx:for-index="idx" wx:key="index">
      <view class="user-info flex-align-center">
        <image src="{{ item.avatar_url }}"></image>
        <view class="info flex-column flex1">
          <text style="font-size: 28rpx;margin-bottom: 6rpx;">{{ item.nickname }}</text>
          <text style="font-size: 20rpx;color: #999;">{{ item.create_time }}</text>
        </view>
        <view class="more flex-align-center flex-justify-space-between" data-item="{{ item }}" bindtap="onEditItem" wx:if="{{ item.allow_edit == 1 }}">
          <text></text>
          <text></text>
          <text></text>
        </view>
        <!-- <view class="more">···</view> -->
      </view>
      <text style="font-size: 28rpx;color: #666;margin-bottom: 30rpx;">{{ item.content }}</text>
      <view class="box" wx:if="{{ item.media_list && item.media_list.length > 0 }}">
        <view class="item-media" wx:for="{{ item.media_list }}" wx:key="index">
          <block wx:if="{{ item.type == 'video' }}">
            <!-- <video src="{{ item.url }}"></video> -->
            <!-- <text>视频播放</text> -->
            <view class="flex-center" style="font-size: 28rpx;width: 100%;height: 100%;background-color: #ccc;" data-idx="{{ idx }}" data-index="{{index}}" bindtap="previewMedia">
              <!-- 这个是视频 -->
              <image class="icon-01" src="/images/icon_01.png"></image>
              <!-- <text style="position: absolute;">这个是视频</text> -->
              <image class="img-content" data-index="{{index}}" src="{{ item.thumb }}" alt=""></image>
            </view>
          </block>
          <block wx:if="{{ item.type == 'image' }}">
            <image class="img-content" data-idx="{{ idx }}" data-index="{{index}}" src="{{ item.url }}" alt="" bindtap="previewMedia"></image>
          </block>
        </view>
        
        <!-- <image src="{{item.url}}" data-index="{{item}}" bindtap="previewImage" wx:for="{{item.media_list}}" wx:key="index"></image> -->
      </view>
    </view>
    <view class="no-more-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
  </view>
  <view class="no-more-data" style="display: {{list.length > 0 && list.length >= total ? 'block' : 'none'}};">已经到底啦~~</view>
</view>

<wux-popup class="popup-radius" position="bottom" catchtouchmove="isShow" visible="{{ visible }}" bind:close="onPopupState">
  <view class="btn-item flex-center" style="color: #FF77B0;" bindtap="onDelete">删除</view>
  <navigator url="/pages/feedback/feedback?orderId={{ currentItem.id }}&cover={{ detailData.cover_url }}&name={{ detailData.project_name }}&edit=true" hover-class="none">
    <view class="btn-item flex-center">编辑</view>
  </navigator>
  <view class="btn-item flex-center" style="color: #999999;" bindtap="onPopupState">取消</view>
</wux-popup>