court-badminton/pages/openMatch/index.wxml

<mobile-main frameStyle="{{frameStyle}}">
    <view slot="info" class="container main">
        <view class="zero one">
            <e-tabs tabs="{{tabs}}" bind:tabsChange="tabsChange"></e-tabs>
            <view wx:if="{{tabs.active=='a'}}" class="a">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <view class="a_1">
                            <image class="image" src="{{fileUrl}}/files/court/elimg/20220729140648.png"></image>
                            <view class="a_1_info">
                                <view class="a_1_1">
                                    <view class="name">{{info.name}}</view>
                                    <view class="status"><text>{{info.statusZh}}</text></view>
                                    <view class="other">
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>报名截止时间：</text>
                                            <text>{{info.sign_end_time}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>比赛时间：</text>
                                            <text>{{info.start_time}}-{{info.end_time}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>比赛地点：</text>
                                            <text>{{info.address}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>报名费用说明：</text>
                                            <text>{{info.money_remark}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>付款方式：</text>
                                            <text>{{info.money_mode}}</text>
                                        </view>
                                    </view>
                                </view>
                                <view class="a_1_1 a_1_2">
                                    <view class="a_1_2t">
                                        <view class="txt">报名说明：</view>
                                        <view class="cont">{{info.explain}}</view>
                                    </view>
                                    <view class="a_1_2t">
                                        <view class="txt">赛事规程：</view>
                                        <view class="cont">{{info.regular}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </scroll-view>
            </view>
            <view wx:elif="{{tabs.active=='b'}}" class="a b">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <view class="b_1">
                            <van-collapse value="{{ bActive }}" accordion bind:change="bChange">
                                <van-collapse-item name="{{index}}" class="groupList" wx:for="{{groupList}}" wx:for-item="item" wx:for-index="index">
                                    <view slot="title" class="title">
                                        <view>{{item.name}}({{item.gender}})</view>
                                        <view>{{item.total}}人</view>
                                    </view>
                                    <view class="project">
                                        <view class="projectList" wx:for="{{item.project}}" wx:for-item="tag">
                                            <view class="project_1">
                                                <view class="project_1_1">组内项目：{{tag.name}}</view>
                                                <view class="project_1_1">{{tag.total}}人</view>
                                            </view>
                                            <view class="user">
                                                <view class="userList" wx:for="{{tag.user}}" wx:for-item="qwe">
                                                    <image class="icon" src="{{qwe.icon[0].url}}"></image>
                                                    <view class="name">{{qwe.name}}</view>
                                                </view>
                                            </view>
                                        </view>
                                    </view>
                                </van-collapse-item>
                            </van-collapse>
                        </view>
                    </view>
                </scroll-view>
            </view>
            <view wx:elif="{{tabs.active=='c'}}" class="a c">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <view class="c_1">
                            <!-- 场次表 -->
                            <view class="c_top" wx:if="{{switch=='2'}}">
                                <view class="c_top_1">
                                    <button size="mini" bindtap="toSwitch" data-switch="1">查看对阵表</button>
                                </view>
                                <view class="c_top_2">
                                    <input type="text" value="{{searchInfo.name}}" bindconfirm="search" placeholder="请输入队员姓名" />
                                </view>
                            </view>
                            <!-- 对阵表 -->
                            <view class="c_top" wx:if="{{switch=='1'}}">
                                <view class="c_top_1">
                                    <button size="mini" bindtap="toSwitch" data-switch="2">查看场次表</button>
                                </view>
                                <view class="c_top_2">
                                    <input type="text" value="{{searchInfo.name}}" bindconfirm="search" placeholder="请输入项目名称" />
                                </view>
                            </view>
                            <view class="c_buttom">
                                <scroll-view scroll-y="true" class="scroll-view">
                                    <view class="list-scroll-view">
                                        <!-- 场次表 -->
                                        <view class="list" wx:for="{{sessionsList}}" wx:key="item" wx:if="{{switch=='2'}}">
                                            <view class="lists">
                                                <view class="list_1">
                                                    <text>{{item.name||'青年一组 A组 2v2'}}</text>
                                                    <text>{{item.name||'场地1'}}</text>
                                                </view>
                                                <view class="list_2">
                                                    <view class="one">
                                                        <view class="person" wx:for="{{item.person}}" wx:key="item">
                                                            <!-- <image class="img" src="{{item.icon[0].url}}"></image> -->
                                                            <image class="img" src="/image/icon.jpg"></image>
                                                            <view class="name">{{item.name}}</view>
                                                        </view>
                                                    </view>
                                                    <view class="two">
                                                        <view class="time">
                                                            <view>{{item.match_time||'2022-08-06'}}</view>
                                                            <view>{{item.match_time||'08:00'}}</view>
                                                        </view>
                                                        <view class="branch">
                                                            <text>{{item.red_branch||0}}</text>
                                                            <text>-</text>
                                                            <text>{{item.blue_branch||0}}</text>
                                                        </view>
                                                    </view>
                                                    <view class="one">
                                                        <view class="person" wx:for="{{item.red_members}}" wx:key="item">
                                                            <!-- <image class="img" src="{{item.icon[0].url}}"></image> -->
                                                            <image class="img" src="/image/icon.jpg"></image>
                                                            <view class="name">{{item.name}}</view>
                                                        </view>
                                                    </view>
                                                </view>
                                            </view>
                                        </view>
                                        <!-- 对阵表 -->
                                        <view class="list_2" wx:for="{{againstList}}" wx:key="item" wx:if="{{switch=='1'}}">
                                            <view class="lists">
                                                <view class="one_1">{{item.name}}</view>
                                                <view class="one_2">></view>
                                            </view>
                                        </view>
                                    </view>
                                </scroll-view>
                            </view>
                        </view>
                    </view>
                </scroll-view>
            </view>
            <view wx:elif="{{tabs.active=='d'}}" class="a d">
                <e-tabs tabs="{{fieldtabs}}" bind:tabsChange="fieldtabsChange"></e-tabs>
                <view wx:if="{{fieldtabs.active=='0'}}" class="a d_1">
                    <scroll-view scroll-y="true" class="scroll-view">
                        <view class="list-scroll-view">
                            <view class="list" wx:for="{{racelist}}" wx:key="item">
                                <view class="time">{{item.match_time}}</view>
                                <view class="adress">{{item.ground_name}}</view>
                                <view class="name">
                                    <view>{{item.player_one}}</view>
                                    <view class="icon">
                                        <van-icon name="clock-o" size='25px' color='#ffffff' />
                                    </view>
                                    <view>{{item.player_two}}</view>
                                </view>
                                <view>{{item.score_one}} - {{item.score_two}}</view>
                                <view>{{item.match_name}}</view>
                            </view>
                        </view>
                    </scroll-view>
                </view>
                <view wx:if="{{fieldtabs.active==active}}" class="a d_2">
                    <scroll-view scroll-y="true" class="scroll-view">
                        <view class="list-scroll-view">
                            <view class="list" wx:for="{{racelist}}" wx:key="item">
                                <view class="adress">{{item.match_name}}{{item.ground_name}}</view>
                                <view class="name">
                                    <view class="person">
                                        <view wx:for="{{item.person}}" wx:for-item="tag" class="person_name">{{tag.name}}</view>
                                    </view>
                                    <view class="icon">{{item.match_time}}</view>
                                    <view class="person">
                                        <view wx:for="{{item.person}}" wx:for-item="tag" class="person_name">{{tag.name}}</view>
                                    </view>
                                </view>
                                <view class="score">{{item.score_one}} - {{item.score_two}}</view>
                            </view>
                        </view>
                    </scroll-view>
                </view>
            </view>
            <view wx:elif="{{tabs.active=='e'}}" class="a e_1">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <van-collapse class="btnList" value="{{ btnActive }}" bind:change="bChange">
                            <van-collapse-item name="{{index}}" wx:for="{{btnList}}" wx:for-item="item" wx:key="index" wx:for-index="index" bindtap="toCommon" data-route="{{item.name}}">
                                <view slot="title">{{item.name}}</view>
                            </van-collapse-item>
                        </van-collapse>
                    </view>
                </scroll-view>
            </view>
        </view>
    </view>
</mobile-main>