MP-zxs/pages/indexPages/yyqhPages/selectTime/selectTime.wxml

<!--pages/indexPages/yyqhPages/selectTime/selectTime.wxml-->
<scroll-view class="containers" scroll-y enhanced show-scrollbar="{{false}}">
    <view class="baseInfo-box">
        <view class="baseInfo-content">
            <view class="baseInfos">
                <image class="baseBg" src="../../../../images/selectTime/baseBg.png" mode="widthFix" />
                <view class="base-item">
                    <view class="base-item-label">办税大厅：</view>
                    <view class="base-item-value">{{hall}}</view>
                </view>
                <view class="base-item">
                    <view class="base-item-label">办理业务：</view>
                    <view class="base-item-value">{{business.ywmc + '—' + business.ywxxmc}}</view>
                </view>
            </view>
        </view>
    </view>
    <view class="times {{dateBoxStyle}}">
        <view class="showHiden" catch:tap="showHiden"></view>
        <view class="times-box">
            <view wx:if="{{dateBoxStyle == ''? index<4:index<10}}" class="time {{dateIndex == index?'timeActive':''}}" wx:for="{{dates}}" wx:key="index" data-index="{{index}}" data-item="{{item}}" catch:tap="selectDate">
                <view class="day">{{item.week}}</view>
                <view class="date">{{item.date}}</view>
            </view>
        </view>
    </view>

    <view class="selectTimes">
        <view class="selectTime {{index == timeIndex?'selectTimeActive':tools.yy(item) == 0?'selectTimeNone':''}}" wx:for="{{times}}" wx:key="index" data-index="{{index}}" data-item="{{item}}" catch:tap="selectTime">
            <view class="number">余号：{{tools.yy(item)}}</view>
            <view class="sjd">{{item.periodName}}</view>
        </view>
    </view>
</scroll-view>
<view class="bottom">
    <view class="selectedInfo">{{tools.bigDate(dates[dateIndex].date)}}({{dates[dateIndex].week}}) | {{times[timeIndex].periodName}}</view>
    <view class="button" hover-class="active" bind:tap="next">确认预约</view>
</view>


<wxs module="tools">
    var yy = function (e) {
        if (e) {
            return Number(e.capacity) - Number(e.appointNum)
        } else {
            return ""
        }
    }
    var bigDate = function (e) {
        if (e) {
            return e.split("-")[0] + "月" + e.split("-")[1] + "日"
        } else {
            return ""
        }
    }

    var tools = {
        yy: yy,
        bigDate: bigDate
    }
    module.exports = tools;
</wxs>