app/meet/meet/addmeet.wxml

<!--pages/my/meet/detail.wxml-->
<view class="service-detail-container">
  <view class="meet-people">
    <view class="people-info">
      <image class="people-avatar" src="{{expertDetail.expertPhoto}}"></image>
      <text class="people-name">{{expertDetail.name ? expertDetail.name : expertDetail.vipName}}</text>
      <view class="more-box">
        <button class="status-btn group-status" wx:if="{{detail.process == 1}}">支付成功</button>
        <button class="status-btn group-status" wx:if="{{detail.process == 2}}">行家接受</button>
        <button class="status-btn group-status" wx:if="{{detail.process == 3}}">完成请教</button>
        <button class="status-btn" wx:if="{{detail.process == 0}}">预约</button>
        <button class="status-btn dispose-status" wx:if="{{detail.process == -1}}">已拒绝</button>
        <button class="canceled" wx:if="{{detail.process == -2}}">已取消</button>
        <button class="status-btn finish-status" wx:if="{{detail.meetType == 4}}">评价</button>
        <!-- <button class="status-btn group-status" wx:if="{{detail.meetType == 0}}">拼团中</button>
        <button class="status-btn" wx:if="{{detail.meetType == 1}}">预约中</button>
        <button class="status-btn dispose-status" wx:if="{{detail.meetType == 2}}">处理中</button>
        <button class="status-btn finish-status" wx:if="{{detail.meetType == 3}}">已完成</button> -->
        <text class="look-more" bindtap="lookMore">
          <text>查看更多</text>
          <text class="iconfont icon-xiayibu more-right-arrow"></text>
        </text>
      </view>
    </view>
    <view class="box">{{expertDetail.jobTitle}}</view>
    <view class="box">地址：<text wx:if="{{expertDetail.provinceStr}}">{{expertDetail.provinceStr}}</text><text wx:if="{{expertDetail.cityStr}}">{{expertDetail.cityStr}}</text><text wx:if="{{expertDetail.areaStr}}">{{expertDetail.areaStr}}</text></view>
    <view class="box">请教：<text class="consult">{{expertDetail.consultNumber}}</text>人</view>
    <view class="box tag">
      <text>擅长标签：</text>
      <text class="label-tag" wx:for="{{expertDetail.goodLabelsStr}}" wx:key="{{index}}">{{item}}</text>
    </view>
  </view>
  <!-- <view class="bg-line"></view> -->
  <view class="header" wx:if="{{detail.groupWay == 1}}">
    <view class="title">
      <text class="label">拼团方式：<text class="text">拼团</text></text>
      <text class="label">拼团人数：<text class="text">{{groupList.length}}/{{detail.groupNumberPeople}}</text></text>
    </view>

    <block>
      <view class="invite-person">
        <text wx:if="{{detail.meetType == 0 && detail.process == 0}}">再邀<text class="person-num"> {{detail.groupNumberPeople - groupList.length}} </text>人，立即成团</text>
        <text wx:if="{{detail.process == -3}}">很遗憾，拼团失败</text>
        <text wx:if="{{ detail.process == -2}}">拼团已取消</text>
      </view>
      <view class="count-down" wx:if="{{detail.meetType == 0 && detail.process == 0}}">
        <text>距离拼团结束：</text>
        <view class="down-box">
          <text class="num">{{h}}</text><text class="colon">:</text>
          <text class="num">{{m}}</text><text class="colon">:</text>
          <text class="num">{{s}}</text>
        </view>
      </view>
      <block wx:if="{{detail.process == -3 || detail.process == -2}}">
        <view class="dashed"></view>
        <view class="result">
          <text class="result-status">未拼成</text>
          <text>款项将原路退还</text>
        </view>
      </block>
    </block>
    <view class="succeed" wx:if="{{detail.process > 0}}">恭喜您，拼团成功！</view>
    <view class="photo">
      <view class="img-box" wx:for="{{groupList}}" wx:key="{{item.memberId}}">
        <image class="img {{index == 0 ? 'first-img' : ''}}" src="{{item.headPortrait}}"></image>
      </view>
      <view class="empty-img" wx:if="{{groupList.length < detail.groupNumberPeople}}">?</view>
    </view>
    <view class="share-text" wx:if="{{detail.process == -3 || detail.process == -2 || detail.meetType == 0}}">分享到3个以上群，成功率高达90%</view>
  </view>
  <view class="gary"></view>
  <view class="detail">
    <view class="title" wx:if="{{detail.groupWay == 0}}">
      <text class="label">拼团方式：<text class="text">1v1</text></text>
    </view>
    <view class="title">请教流程</view>
    <view class="flow">
      <view class="flow-introduce">
        <image class="flow-img" src="{{appAssetsUrl2}}wjxy/progress1.png"></image>
        <text>预约</text>
      </view>
      <image class="right-arrow" src="{{appAssetsUrl2}}wjxy/progressright.png"></image>
      <view class="flow-introduce">
        <image class="flow-img" src="{{appAssetsUrl2}}wjxy/progress2.png"></image>
        <text>支付</text>
      </view>
      <image class="right-arrow" src="{{appAssetsUrl2}}wjxy/progressright.png"></image>
      <view class="flow-introduce">
        <image class="flow-img" src="{{appAssetsUrl2}}wjxy/progress3.png"></image>
        <text>行家接受</text>
      </view>
      <image class="right-arrow" src="{{appAssetsUrl2}}wjxy/progressright.png"></image>
      <view class="flow-introduce">
        <image class="flow-img" style="width:27rpx;height:30rpx;" src="{{appAssetsUrl2}}wjxy/progress4.png"></image>
        <text>请教</text>
      </view>
      <image class="right-arrow" src="{{appAssetsUrl2}}wjxy/progressright.png"></image>
      <view class="flow-introduce">
        <image class="flow-img" src="{{appAssetsUrl2}}wjxy/progress5.png"></image>
        <text>评价</text>
      </view>
    </view>
    <view class="title">请教流程</view>
    <view class="label tip">
      <text class="label-text">预约话题：</text>
      <text>#{{detail.topicName}}</text>
    </view>
    <view class="label">
      <text class="label-text">原价：</text>
      <text style="margin-top:0;" class="price">￥<text class="num">{{detail.meetPrice}}</text>元</text>
    </view>
    <view class="label" wx:if="{{detail.groupWay == 1}}">
      <text class="label-text">拼团价：</text>
      <text style="margin-top:0;" class="price">￥<text class="num">{{detail.payPrice}}</text>元</text>
    </view>
    <view class="label">
      <text class="label-text">实付：</text>
      <text style="margin-top:0;" class="price">￥<text class="num">{{detail.payPrice ? detail.payPrice : 0}}</text>元</text>
    </view>
    <view class="label" wx:if="{{detail.pointsDeduction}}">
      <text class="label-text">积分抵扣：</text>
      <text style="margin-top:0;" class="price">￥<text class="num">{{detail.pointsDeduction}}</text>元</text>
    </view>
    <view class="label">
      <text class="label-text">预约方式：</text>
      <text>{{detail.type == 0 ? '线下请教' : ''}}</text>
    </view>
    <view class="label">
      <text class="label-text">约见场地：</text>
      <text>{{detail.storeName}}</text>
    </view>
    <view class="label">
      <text class="label-text">预约时间：</text>
      <text>{{detail.meetTime}}</text>
    </view>
    <view class="label">
      <text class="label-text">预约内容：</text>
      <text>{{detail.content}}</text>
    </view>
    <view class="label">
      <text class="label-text">订单编号：</text>
      <text>{{detail.orderNumber}}</text>
    </view>
    <view class="label" wx:if="{{detail.process > 0}}">
      <text class="label-text">订单时间：</text>
      <text>{{detail.payTime}}</text>
    </view>
    <view class="label" wx:if="{{detail.process > 0}}">
      <text class="label-text">支付时间：</text>
      <text>{{detail.payTime}}</text>
    </view>
    <!-- <view class="label">
      <text class="label-text">订单状态：</text>
      <text>待处理</text>
    </view> -->
    <block>
      <view class="label" wx:if="{{detail.process > 1}}">
        <text class="label-text">确认时间：</text>
        <text>{{detail.verifyTime}}</text>
      </view>
      <view class="label" wx:if="{{detail.process > 2}}">
        <text class="label-text">完成时间：</text>
        <text>{{detail.completeTime}}</text>
      </view>
    </block>
    <!-- <block>
      <view class="label">
        <text class="label-text">拒绝原因</text>
        <text>不好意思，该时间段不方便。</text>
      </view>
      <view class="label">
        <text class="label-text">拒绝时间：</text>
        <text>2021-11-11 12:00</text>
      </view>
    </block> -->
  </view>
  <view class="gary"></view>
  <view class="share" wx:if="{{detail.process >= 3 && detail.groupWay == 1}}">
    <view class="title">心得分享</view>
    <view wx:for="{{list}}" wx:key="{{item.id}}">
      <view class="share-people">
        <image class="avater" src="{{item.memberphoto}}"></image>
        <text>{{item.vipName}}</text>
        <text class="time">{{item.createTime}}</text>
      </view>
      <view class="share-text">
        {{item.content}}
      </view>
    </view>
  </view>
  <view class="footer">
    <block>
      <view class="text" wx:if="{{detail.process >= 3}}">
        服务已完成，感谢您的支持！
      </view>
      <view class="text refuse-text" wx:if="{{detail.process == -1}}">
        抱歉，行家拒绝了服务
      </view>
      <block wx:if="{{detail.groupWay == 1}}">
        <view class="text refuse-text" wx:if="{{detail.process == -2}}">
          拼团已取消
        </view>
        <view class="text refuse-text" wx:if="{{detail.process == -3}}">
          拼团超时，已关闭
        </view>
      </block>
    </block>
    <!-- @ApiModelProperty(value = "请教流程 -1 拒绝请教 0预约 1支付成功 2行家接受 3完成请教 4评价")
    private Integer process;
    @ApiModelProperty(value = "请教类型 0 拼团中 1预约中 2处理中 3已完成")
    private Integer meetType; -->
    <view class="btn-box">

      <button class="btn orange-btn"  bindtap="addsub">立即参团</button>
    </view>
  </view>

  <view class="contactBox" wx:if="{{isShowContact}}">
    <view class="box">
      <view class="contactItem" data-phone="{{expertDetail.phone}}" bindtap="contactPhone">
        <text>{{expertDetail.name}}</text>
        <text>{{expertDetail.phone}}</text>
      </view>
      <view class="gary"></view>
      <view class="cancel" bindtap="cancelContact">取消</view>
    </view>
  </view>

  <popup2 id='popup2' title='取消预约' content="{{['']}}" btn_no='我再想想' btn_ok='确认取消' bind:error="_error" bind:success="_success" data-name="popup">
    <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
      取消后预约订单关闭，您将不能 和对方继续沟通，确认取消吗？
    </view>
  </popup2>
</view>