edu-mini/pages/eduDetail/components/edu-plan/edu-plan.wxml

<wxs src="edu-plan.wxs" module="planAction" />
<view class="plan">
    <date-select wx:if="{{obj.teamStart}}" startTime="{{obj.teamStart}}" endTime="{{obj.teamEnd}}" bind:select="selectDate" />

    <view class="plan-action-card">
        <view class="search-ctn">
            <van-field custom-style="background: #F3F5F9;border-radius: 50rpx;padding: 5px 16px;font-size: 14px;" bind:change="onSearchChange" value="{{ searchName }}" center label="" placeholder="请输入课程名称" border="{{ false }}" use-button-slot>
                <view slot="button" bind:tap="queryCourse">
                    <!-- <van-icon style="font-size: 18px; vertical-align: middle;" name="search" /> -->
                    <van-icon style="font-size: 16px; vertical-align: middle;" name="/images/icon-search.png" />
                </view>
            </van-field>
        </view>
        <view class="search-tabs">
            <van-tabs id="searchTabs" active="{{ activeSearchTab }}" bind:change="onSearchTabChange">
                <van-tab wx:for="{{searchTabs}}" wx:key="name" name="{{item.name}}" title="{{item.label}}" info="{{item.info}}"></van-tab>
                <!-- <van-tab title="标签 2"></van-tab>
                <van-tab title="标签 3"></van-tab> -->
            </van-tabs>
            <view class="line"></view>
        </view>
        <view class="course-content">
            <van-empty description="暂无数据" wx:if="{{searchCourseList.length == 0}}">
            </van-empty>
            <view data-item="{{item}}" wx:for="{{searchCourseList}}" wx:key="index" id="course-{{item.id}}">
                <edu-time-line status="{{item.courseProcess}}">
                    <view class="plan-card">
                        <view class="plan-card-course" wx:if="{{item.courseType}}" bind:tap="toLive" data-item="{{item}}">
                            <view class="space">
                                <view class="plan-title">{{item.courseName}}
                                </view>
                                <view class="plan-course-content">
                                    <van-image width="99rpx" height="99rpx" src="{{item.courseThumbnailUrl || defaultPicture}}" fit="cover" class="plan-course-img" radius="20rpx" />
                                    <view class="plan-course-tag">
                                        <view class="plan-type-course">课程</view>
                                        <view class="content-time">{{item.courseStart}}-{{item.courseEnd}}</view>
                                    </view>
                                </view>
                            </view>
                            <view class="tag-divide" wx:if="{{item.isLive || item.isReplay || item.courseType==courseTypesEnum.RECORD}}"></view>
                            <view class="plan-tag" wx:if="{{item.courseType==courseTypesEnum.RECORD}}">
                                <van-image width="45rpx" height="45rpx" src="/images/ic_plan_play.png" class="plan-tag-img" />
                                <block wx:if="{{item.courseProcess == courseStatusEnum.NO_START}}">录播</block><block wx:else>已完成</block>
                            </view>
                            <block wx:else>
                                <view class="plan-tag3" wx:if="{{item.isReplay && item.isLive && item.liveStatus==liveStatusEnum.LIVEEND}}">
                                    <van-image width="45rpx" height="45rpx" src="/images/ic_live_playback.png" class="plan-tag-img" />回放
                                </view>
                                <block wx:else>
                                    <view class="plan-tag2" wx:if="{{item.isLive}}">
                                        <van-image width="45rpx" height="45rpx" src="/images/ic_plan_live.png" class="plan-tag-img" />
                                        {{planAction.convertLive(item.liveStatus)}}
                                    </view>
                                </block>


                            </block>
                        </view>
                        <view class="plan-card-course" wx:if="{{item.ceremonyCategory}}" bind:tap="toLive" data-item="{{item}}">
                            <view class="space">
                                <view wx:if="{{item.ceremonyCategory}}" class="plan-card-content">
                                    <view class="plan-title">{{item.ceremonyName}}</view>
                                    <view class="plan-content">
                                        <view class="plan-type-activity">{{planAction.convert(item.ceremonyCategory)}}
                                        </view>
                                        <view class="content-time">{{item.courseStart}}-{{item.courseEnd}}</view>
                                    </view>
                                </view>
                            </view>
                            <view class="tag-divide" wx:if="{{item.isLive || item.isReplay || item.courseType==courseTypesEnum.RECORD}}"></view>
                            <view class="plan-tag" wx:if="{{item.courseType==courseTypesEnum.RECORD}}">
                                <van-image width="45rpx" height="45rpx" src="/images/ic_plan_play.png" class="plan-tag-img" />录播
                            </view>
                            <block wx:else>

                                <view class="plan-tag3" wx:if="{{item.isReplay && item.isLive && item.liveStatus==liveStatusEnum.LIVEEND}}">
                                    <van-image width="45rpx" height="45rpx" src="/images/ic_live_playback.png" class="plan-tag-img" />回放
                                </view>
                                <block wx:else>
                                    <view class="plan-tag2" wx:if="{{item.isLive}}">
                                        <van-image width="45rpx" height="45rpx" src="/images/ic_plan_live.png" class="plan-tag-img" />
                                        {{planAction.convertLive(item.liveStatus)}}
                                    </view>
                                </block>

                            </block>
                        </view>


                        <view class="btn-divide"></view>
                        <edu-course-action-bar isPre="{{isPre}}" item="{{item}}" obj="{{obj}}" bind:refresh="refresh" />
                    </view>
                </edu-time-line>

            </view>
        </view>
        <view class="{{showCollapseButton? 'expand-or-collapse-card' : ''}} card-bottom" >
            <view hidden="{{!showCollapseButton}}">
                <view bind:tap="handleExpandChange" wx:if="{{!expandAll[activeSearchTab]}}" class="text">展 开 <van-icon name="arrow-down" /></view>
                <view bind:tap="handleExpandChange" wx:else class="text">收 起 <van-icon name="arrow-up" /></view>  
            </view>
        </view>
    </view>


</view>