jzlife_wx_servant/pages/upgrade/scheduleCalc/scheduleCalc.wxml

<view>
 
 <view class="calc-condition">
   <view class="calc-item">
      <view class="calc-tip">*</view>
      <view class="calc-title">服务类型</view>
      <view class="select-result">保洁固定</view>
   </view>
   <view class="calc-item">
      <view class="calc-tip">*</view>
      <view class="calc-title">服务次数</view>
      <view class="select-result"  bindtap="serviceTimesTap">{{serviceTimes}}</view>
   </view>
   <view class="calc-item">
      <view class="calc-tip">*</view>
      <view class="calc-title">首次时间</view>
      <view class="select-result" bindtap="dateSelect">{{firstDate}}</view>
   </view>
   <view class="calc-item">
      <view class="calc-tip">*</view>
      <view class="calc-title">服务频率</view>
      <view class="select-result" bindtap="frequencySelect">{{serviceFrequency}}</view>
   </view>
   

 </view>
 <view class="calc-btn" bindtap="caclSchedule">计算预估
 </view>
 <!-- 档期结果 -->
 <view class="calc-result">
   <view class="result-item">
   <image mode="aspectFit" src="/static/images/upgrade/icon-wydq.png"></image>
   <view class="number">{{scheduleData.mastUseCount}}</view>
   <view class="desc">我有档期</view>
   </view>

   <view class="result-item">
   <image mode="aspectFit" src="/static/images/upgrade/icon-qtjm.png"></image>
   <view class="number">{{scheduleData.otherUseCount}}</view>
   <view class="desc">其他姐妹</view>
   </view>


   <view class="result-item">
   <image mode="aspectFit" src="/static/images/upgrade/icon-dml.png"></image>
   <view class="number">{{scheduleData.unUseCount}}</view>
   <view class="desc">都满啦</view>
   </view>
 </view>

 <view class="schedule-block" wx:if="{{scheduleData.monthData.length>0}}">
   <view class="schedule-detail" wx:for="{{scheduleData.monthData}}" wx:key="index1"
   wx:for-item="item1" wx:for-index="index1">
     <view class="detail-left">
        <view class="month">{{item1.month}}</view>
        <view class="amount">{{item1.amount}}次</view>
     </view>
     <view class="detail-link">
       <view class="circle"></view>
       <view class="line" wx:if="{{index1<scheduleData.monthData.length-1}}"></view>
     </view>
     <view class="detail-right">
         <view class="date-item" wx:for="{{item1.list}}" wx:for-item="item2" wx:key="index2">
           <view class="{{item2.tips=='其他姐妹'?'isOther':''}} {{item2.tips=='无档期'?'isNone':''}} date">{{item2.date}}</view>
           <view class="{{item2.tips=='无档期'?'isNone':''}} date-tips">{{item2.tips}}</view>
         </view>
     </view>
   </view>
 </view>


 <!-- 弹框 -->
 <van-popup show="{{showPicker}}" position="bottom">

<van-datetime-picker
wx:if="{{showPicker&&datePicker}}"
type="date"
value="{{ currentDate }}"
bind:cancel="dateCancel"
bind:confirm="dateConfirm"
bind:input="onDateInput"
/>
<van-picker show-toolbar columns="{{columns}}" 
bind:cancel="pickerCancel" bind:confirm="pickerConfirm" 
wx:if="{{showPicker&&!datePicker}}"
/>
</van-popup>


</view>