|
|
<view class="container">
|
|
|
<view class='text-celler'>
|
|
|
<text class="total">总人数：25</text>
|
|
|
<image class="icon" src="/assets/img/RollClass/RollClass2_1.png" mode="aspectFill" bindtap="openModal"/>
|
|
|
</view>
|
|
|
|
|
|
<view class="table-container">
|
|
|
<view class="table-header">
|
|
|
<text class="header-cell">序号</text>
|
|
|
<text class="header-cell">姓名</text>
|
|
|
<text class="header-cell">学号</text>
|
|
|
</view>
|
|
|
|
|
|
<!-- 查询结果展示 -->
|
|
|
<view wx:if="{{foundStudent}}" bindtap="closeFound">
|
|
|
<view class="table-row">
|
|
|
<text class="row-cell">{{foundStudent.index}}</text>
|
|
|
<text class="row-cell">{{foundStudent.name}}</text>
|
|
|
<text class="row-cell">{{foundStudent.id}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 原始学生列表 -->
|
|
|
<view wx:elif="{{!foundStudent.length}}">
|
|
|
<view class="table-row" wx:for="{{students}}" wx:key="index">
|
|
|
<text class="row-cell">{{item.index}}</text>
|
|
|
<text class="row-cell">{{item.name}}</text>
|
|
|
<text class="row-cell">{{item.id}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<!-- 查询浮窗 -->
|
|
|
<view class="modal" hidden="{{!modalVisible}}">
|
|
|
<view class="modal-background" bindtap="closeModal"></view>
|
|
|
<view class="modal-content">
|
|
|
<input class="search-input" placeholder="输入学号或姓名" bindinput="onInput" value="{{searchValue}}"/>
|
|
|
<button class="search-button" bindtap="onSearch" style="width: 39rpx; display: flex; box-sizing: border-box; left: 0rpx; top: 0rpx">
|
|
|
<image class="search-icon" src="/assets/img/RollClass/RollClass2_2.png" />
|
|
|
</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 未查询到 浮窗 -->
|
|
|
<view class="modal" bindtap="closeModal" hidden="{{!modalVisible1}}">
|
|
|
<view class="modal-background" bindtap="closeModal"></view>
|
|
|
<view class="modal-content" >
|
|
|
<text class="modal-text">未找到该学生</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
