MD_YOSwechat/pages/submission/index.wxml

<van-tabs sticky color='var(--assist)' title-active-color='var(--assist)' bind:click="tabsClick" title-inactive-color='#999'>
    <van-tab title="一事一报" />
    <van-tab title="一事多报" />
    <van-tab title="提报管理" />
</van-tabs>
<van-dropdown-menu active-color='var(--assist)' class="dropdown">
    <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bindchange='dropdownChange1' />
    <van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" bindchange='dropdownChange2' />
</van-dropdown-menu>
<My_listBox id='ListBox' height="{{listHeight}}" bind:getlist='getList'>
    <view style="height: 10rpx;" />
    <view class="unread">总共{{total}}个，进行中10个，已过期5个</view>
    <navigator url="/pages/submission/details" class="my-card item" wx:for="{{5}}">
        <view class="first-line">
            <view class="line-1">标题标题标题标题抱标题标题标题标题抱团标题标题标题标题抱团团</view>
            <text class="time">2022/05/18 09:21:20</text>
        </view>
        <view class="state">
            <view class="explian">
                <view>应提报：20</view>
                <view>已提报：2</view>
            </view>
            <view class="but">
                <van-button wx:if="{{activeIndex!=2}}" custom-class='read-but but-base' color="#FF3B30">未读</van-button>
                <van-button custom-class='state-but but-base' color="#FA8C16">进行中</van-button>
            </view>
        </view>
    </navigator>
</My_listBox>

<van-action-sheet show="{{  timeRangeShow }}" bind:close='timeRangeClose'>
    <view class="detePickerHeader">
        <text catchtap="toSeeAll">所有日期</text>
        <view class="type" catchtap="selectDateType">
            <view class="option {{whereType.value=='begdate'?'active-op':''}}" data-name="begdate">
                <view data-name="begdate">开始</view>
                <view data-name="begdate" class="time">{{whereType.list.begdate||'开始时间'}}</view>
            </view>
            <view class="option {{whereType.value=='enddate'?'active-op':''}}" data-name="enddate">
                <view data-name="enddate">结束</view>
                <view data-name="enddate" class="time">{{whereType.list.enddate||'结束时间'}}</view>
            </view>
        </view>
        <text catchtap="determineScope">确定</text>
    </view>
    <My_datePicker bind:getDate='getDate' />
</van-action-sheet>