app/expert/consult/consult.wxml

<view>
  <view class="box1" wx:if="{{topicList.length}}">
    <view class="hot-title">
      <view class="line"></view>
      <view class="title">擅长话题</view>
    </view>
    <view class="radio-box1 radio-self1">
      <radio-group bindchange="msgChange">
        <label class="radio" wx:for="{{topicList}}" wx:key="{{item.id}}">
          <radio value="{{item.id}}" checked="{{item.checked}}" /><text>{{item.topicName}}</text>
        </label>
      </radio-group>
    </view>
    <view class="content" wx:if="{{content}}">
      {{content}}
    </view>
    <view class="price" wx:if="{{price}}">
      <text class="p1">￥</text>
      <text class="p2">{{price}}</text>
      <text class="p1">{{'元'}}</text>
    </view>
  </view>
  <!-- wx:if="{{isGroup}}" -->
  <view class="box2" wx:if="{{groupList3.length}}">
    <view class="top-box">
      <view class="name">参与拼团</view>
      <view class="more-word" bindtap="more">更多拼团<i class="iconfont1 icon-jinrujiantouxiao icon-right"></i></view>
    </view>
    <!-- wx:if="{{groupList3.length}}" -->
    <block>
      <view class="pin-item" wx:for="{{groupList3}}">
        <view class="img-name">
          <image mode="aspectFill" src="{{item.memberPhoto}}" class="img" />
          <view class="name">{{item.vipName}}</view>
        </view>
        <view class="right-box">
          <view class="nums">({{item.thenGroupNumberPeople}}/{{item.groupNumberPeople}})还差<text style="color:#FF0000">{{ item.groupNumberPeople - item.thenGroupNumberPeople }}</text>人拼成</view>
          <!-- <image mode="aspectFill" expertId src="{{appAssetsUrl2}}wjxy/tuanbtn.png" memberId data-meetId="{{ item.meetId }}" bindtap="joinGroup" class="tuan-btn" /> -->
          <view class="tuan-btn" data-expertId="{{ item.expertId }}" data-meetId="{{ item.meetId }}" data-memberId="{{ item.memberId }}" bindtap="joinGroup">立即参团</view>
        </view>
      </view>
    </block>
    <!-- <view wx:else class="empty">暂无数据</view> -->
  </view>
  <view class="box3">
    <view class="name">拼团方式</view>
    <view class="radio-box2 radio-self1">
      <radio-group bindchange="pinChange">
        <label class="radio">
          <radio value="0" checked="true" /><text>1V1</text>
        </label>
        <label class="radio">
          <radio value="1" /><text>发起拼团</text>
        </label>
      </radio-group>
    </view>
    <view class="pin-nums" wx:if="{{!onePer}}">
      <view class="name">拼团人数</view>
      <view class="radio-box3 radio-self1">
        <radio-group bindchange="perChange">
          <label class="radio">
            <radio value="2" /><text>2</text>
          </label>
          <label class="radio">
            <radio value="3" /><text>3</text>
          </label>
          <label class="radio">
            <radio value="4" /><text>4</text>
          </label>
          <label class="radio">
            <radio value="5" /><text>5</text>
          </label>
        </radio-group>
      </view>
    </view>
  </view>
  <view class="line"></view>
  <!-- 预约申请 -->
  <view class="box4">
    <view class="hot-title">
      <view class="line"></view>
      <view class="title">预约申请</view>
    </view>
    <view class="title1">预约方式</view>
    <view class="item radio-self1">
      <label class="radio4">
        <!-- color="#FFDC2F" -->
        <radio value="5" checked="true" /><text>线下请教</text>
      </label>
    </view>
    <view class="title1">约见场地</view>
    <view class="item borbot">
      <!-- <picker bindchange="addressChange" value="{{addressIndex}}" range="{{addressArray}}">
				
			    
			  </picker> -->
      <view class="address-pick" bindtap="showAddress">
        <view class="picker">
          {{addressArray[addressIndex].name}}
        </view>
        <i class="iconfont1 icon-jinrujiantouxiao icon-right"></i>
      </view>
    </view>
    <view class="title1">预约时间</view>
    <view class="item borbot">
      <view class="item-date-time">
        <i class="iconfont1 icon-date date-icon"></i>
        <picker mode="date" value="{{date}}" start="{{startDate}}" bindchange="bindDateChange">
          <view class="picker-date">
            {{date}}
          </view>
        </picker>
        <!-- <picker mode="time" value="{{time}}" bindchange="timeChange">
          <view class="time-pick">
            {{time}}
          </view>
        </picker> -->
        <picker mode="multiSelector" bindchange="bindMultiPickerChange" range="{{timelist}}">
          <view class="time-pick">
            {{timelist[0][hourIndex]}}:{{timelist[1][minuteIndex]}}
          </view>
        </picker>
      </view>

      <view class="see-free" bindtap="showTime" wx:if="{{timeList.length > 0}}">查看行家空闲时间段</view>
    </view>
    <view class="title1">预约内容</view>
    <view class="item">
      <textarea class="textarea" bindinput="putblur" value="{{contents}}" placeholder="请输入预约具体内容" placeholder-style="color:#BFBFBF;font-size: 26rpx;" />
    </view>
    <view class="title1">请教流程</view>
    <view class="progress">
      <view class="progress-img">
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progress1.png" class="img1" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progressright.png" class="right1" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progress2.png" class="img2" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progressright.png" class="right2" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progress3.png" class="img3" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progressright.png" class="right3" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progress4.png" class="img4" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progressright.png" class="right4" />
        <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/progress5.png" class="img5" />
      </view>
      <view class="progress-word">
        <view style="">预约</view>
        <view style="margin-left: 95rpx;">支付</view>
        <view style="margin-left: 94rpx;">行家接收</view>
        <view style="margin-left: 95rpx;">请教</view>
        <view style="margin-left: 94rpx;">评价</view>
      </view>
    </view>
    <view class="tip">注意：行家6天未确认系统将自动取消订单</view>
  </view>
  <view style="bottom: {{bottomLeft}}px;" class="btn-sub" bindtap="submit" wx:if="{{payPrice}}">发起预约 ({{payPrice}})元</view>
  <view style="bottom: {{bottomLeft}}px;" class="btn-sub" bindtap="submit" wx:else>请先选择拼团方式</view>
  <!-- 可约时间段 -->
  <popup2 id='popup' title='选择时间段' self="{{true}}" truecontent="{{['']}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup">
    <view slot="content" wx:if="{{timeList}}" style="width: 85%;padding: 40rpx 30rpx;">
      <view class="time-item" wx:for="{{timeList}}">
        <view class="week-word">{{item.week}}</view>
        <view class="time-box" wx:if="{{item.checked}}">
          <view class="start-box">
            <i class="iconfont1 icon-31shijian icon-time"></i>
            <text>{{item.startTime}}</text>
          </view>
          <view class="zhi">至</view>
          <view class="start-box">
            <i class="iconfont1 icon-31shijian icon-time"></i>
            <text>{{item.endTime}}</text>
          </view>
        </view>
        <view wx:else class="time-box">无空闲</view>
      </view>
    </view>
    <view slot="btn" class="selt-btn">
      <view bindtap="know" class="i-know">确定</view>
    </view>
  </popup2>
  <!-- 更多拼团 -->
  <popup2 id='popup1' title='正在拼团' self="{{true}}" truecontent="{{['']}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup1">
    <view slot="content" style="width: 85%;padding: 40rpx 30rpx;">
      <view wx:for="{{groupList}}">
        <view class="ping-item" wx:if="{{item.expertId}}">
          <view class="img-info">
            <image mode="aspectFill" src="{{item.memberPhoto}}" class="img-head" />
            <view class="info-box">
              <view class="name">{{item.headOfTheGroup}}</view>
              <view class="bot-box">
                还差<text style="color:#FF0000;">{{ item.groupNumberPeople - item.thenGroupNumberPeople }}</text>人拼成 <text style="margin-left:28rpx;">剩余<text style="color:#FF0000;">{{ item.difftime }}</text></text>
              </view>
            </view>
          </view>
          <!-- <image wx:if="{{!item.IsFinish}}" data-meetId="{{ item.meetId }}" bindtap="joinGroup"  mode="aspectFill" src="{{appAssetsUrl2}}wjxy/tuanbtn.png" class="tuan-btn" /> item.TimeText-->
          <view wx:if="{{item.difftime != '已结束!'}}" data-expertId="{{ item.expertId }}" class="tuan-btn" data-meetId="{{ item.meetId }}" data-memberId="{{ item.memberId }}" bindtap="joinGroup">立即参团</view>
          <view wx:else class="end-btn">立即参团</view>
        </view>
      </view>
    </view>
    <!-- <view slot="btn" class="selt-btn">
			<view bindtap="know" class="i-know">确定</view>
		</view> -->
  </popup2>
  <!-- 约见场地底部弹框 -->
  <view class="address-popup" style="bottom: {{bottomLeft}}px;" wx:if="{{addressPopup}}">
    <view class="title-box">
      <view class="title">选择场地</view>
      <view class="cancel-word" bindtap="hiddenAddress">取消</view>
    </view>
    <view class="line-popup"></view>
    <!-- :indicator-style="indicatorStyle" -->
    <picker-view value="{{addressIndex}}" immediate-change="{{true}}" bindchange="bindChange" bindpickstart="pickstart" bindpickend="pickend" indicator-class="type-item" class="picker-view">
      <picker-view-column>
        <view class="pick-item" wx:for="{{addressArray}}">
          <view class="item {{ addressIndex == index ? 'active-type' : ''}}">{{item.name}}</view>
          <view class="detail-word {{ addressIndex == index ? 'active-detail' : ''}}" data-id="{{item.id}}" bindtap="toStoreDetail">查看场地详情</view>
        </view>
      </picker-view-column>
    </picker-view>
    <view class="pick-btn" bindtap="confirmAddress">确定</view>
  </view>
  <!-- 阴影 -->
  <view class="yin" wx:if="{{addressPopup}}"></view>
  <view style="height: 140rpx;width: 100%;"></view>
  <view style="height: {{bottomLeft}}px;width: 100%;"></view>
  <view style="height: {{bottomLeft}}px;width: 100%;position: fixed;bottom: 0;background: white;z-index: 20;"></view>
</view>