Suzhou-SafetyToolsWarning-WX/pages/warning/list/list.wxml

48 lines
1.7 KiB
Plaintext

<!--pages/warning/list/list.wxml-->
<view class="container">
<t-tabs value="{{activeTab}}" bind:change="onTabChange">
<t-tab-panel label="全部({{allCount}})" value="all" />
<t-tab-panel label="7天内({{sevenDaysCount}})" value="7days" />
<t-tab-panel label="15天内({{fifteenDaysCount}})" value="15days" />
<t-tab-panel label="已到期({{expiredCount}})" value="expired" />
</t-tabs>
<view class="warning-list">
<view
class="warning-item {{item.level}}"
wx:for="{{warningList}}"
wx:key="id"
bindtap="goToDetail"
data-id="{{item.deviceId}}"
>
<view class="warning-header">
<view class="device-name">{{item.deviceName}}</view>
<t-tag theme="{{item.tagTheme}}" size="small">{{item.levelText}}</t-tag>
</view>
<view class="warning-info">
<view class="info-item">
<text class="label">设备编号:</text>
<text>{{item.deviceCode}}</text>
</view>
<view class="info-item">
<text class="label">使用单位:</text>
<text>{{item.useUnit}}</text>
</view>
<view class="info-item">
<text class="label">下次检验:</text>
<text class="highlight">{{item.nextInspectionDate}}</text>
</view>
<view class="info-item">
<text class="label">剩余天数:</text>
<text class="{{item.daysLeft < 0 ? 'danger' : 'warning'}}">
{{item.daysLeft > 0 ? item.daysLeft + '天' : '已到期' + Math.abs(item.daysLeft) + '天'}}
</text>
</view>
</view>
</view>
<t-empty wx:if="{{warningList.length === 0}}" icon="notification" description="暂无预警信息" />
</view>
</view>