<!--pages/waterabnormal/waterabnormal.wxml-->
<view class="water-abnormal">
	<view class="date-panel">
		<view class="header">
			<picker class="date-picker" mode="date" fields="month" value="{{monthValue}}" start="{{monthStart}}"
				end="{{monthEnd}}" bindchange="bindDateChange">
				<view class="picker">
					<text>{{monthTxt}}</text>
					<image src="/static/img/icon-down.png"></image>
				</view>
			</picker>
			<view class="settings" bindtap="toSettings">预警规则设置</view>
		</view>
		<view class="wrap">
			<view class="weeks">
				<view class="item week" wx:for="{{weeks}}" wx:key="index">{{item}}</view>
			</view>
			<view class="days">
				<view class="item day" wx:for="{{dateArr}}" wx:key="index" data-info="{{item}}" bindtap="dayTap">
					<view
						class="txt {{item.isAbnormal && 'abnormal'}} {{item.isHandled && 'handled'}} {{selectedDay == item.dateStr && 'active'}}">
						{{item.dateNo}}</view>
				</view>
			</view>
		</view>
	</view>
	<view class="list">
		<view class="item {{item.isTouchMove && 'item-touch-active'}} {{item.feedbackStatus && 'disabled'}}"
			wx:for="{{abnormalList}}" wx:key="index" wx:key="id" data-id="{{item.id}}" data-item="{{item}}"
			bindtouchstart="touchstart" bindtouchmove="touchmove">
			<view class="left">
				<image style="border-radius: 100%;border: 3rpx solid {{item.feedbackStatus ? '#79C3FC' : '#FF7171'}}" src="/static/img/img_abnormal{{item.warningType || '1'}}.png"></image>
			</view>
			<view class="right">
				<view class="title">
					<text class="name">{{item.content}}</text>
					<text class="time">{{item.time}}</text>
				</view>
				<view class="desc">
					<text class="handle" wx:if="{{item.feedbackStatus == 0}}">待处理<text class="tip">（左滑进行处理）</text></text>
					<text wx:if="{{item.feedbackStatus == 1}}">已确认：{{item.feedbackContent || '无异常关闭预警'}}</text>
					<text wx:if="{{item.feedbackStatus == 2}}">已反馈：{{item.feedbackContent}}</text>
				</view>
				<view class="tip">温馨提示：请关注用水情况，检查水表是否存在异常，如存在异常您可以通过反馈上报异常信息。</view>
			</view>
			<view class="opt" data-item="{{item}}" bindtap="toFeedback">反馈</view>
		</view>
		<view class="no-abnormal-tip" wx:if="{{!abnormalList.length}}">
			<image src="/static/img/img_no_abnormal.png"></image>
			<text>暂无异常预警</text>
		</view>
	</view>
</view>