8 changed files with 295 additions and 170 deletions
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
@ -1,99 +1,83 @@ |
|||||
<!-- package/polling/polling.wxml --> |
<!-- package/polling/polling.wxml --> |
||||
<view class="page"> |
<view class="page"> |
||||
<!-- 顶部tab切换 --> |
<van-tabs active="{{ currentTab }}" bind:change="onChange" color="#006BE3"> |
||||
<view class='swiper-tab'> |
<van-tab title="待巡检"> |
||||
<view class="swiper-tab-item" data-current="0" bindtap="clickTab" style="{{currentTab=='0' ? 'color:#1979ff' : 'color:black'}}">待巡检</view> |
<view class="wait-patrol"> |
||||
<view class="swiper-tab-item" data-current="1" bindtap="clickTab" style="{{currentTab=='1' ? 'color:#1979ff' : 'color:black'}}">巡检记录</view> |
<view class="contentBox"> |
||||
</view> |
<block wx:for="{{dataList}}" wx:key='*this'> |
||||
|
<view class="listBox"> |
||||
<!-- 待巡检 --> |
<view style="overflow: hidden;"> |
||||
<view class="wait-patrol" wx:if="{{currentTab=='0'}}"> |
<view class="titleBox" style="width: 630rpx; margin: 0 auto;"> |
||||
<view class="contentBox"> |
<image class="icon" src="../../images/title_icon.svg"></image> |
||||
<block wx:for="{{dataList}}" wx:key='*this'> |
<view class="title">{{item.name}}</view> |
||||
<view class="listBox"> |
</view> |
||||
<view style="padding-bottom:40rpx;overflow: hidden;"> |
<view style="width: 630rpx; margin: 0 auto;"> |
||||
<view class="titleBox" style="width: 630rpx; margin: 0 auto;"> |
<text class="text-key">计划时间：</text> |
||||
<view class="title">{{item.name}}</view> |
<text class="text-value">{{item.startTime}}至{{item.endTime}}</text> |
||||
|
</view> |
||||
|
<view style="width: 630rpx; margin: 8px auto 0;"> |
||||
|
<text class="text-key">计划时间：</text> |
||||
|
<text class="text-value">{{item.way}}（{{item.frequency}}）</text> |
||||
|
</view> |
||||
|
<view class="divider"></view> |
||||
|
<view class="btn" data-item="{{item}}" bindtap="bindStart">开始巡检</view> |
||||
|
</view> |
||||
</view> |
</view> |
||||
<view style="line-height:50rpx;font-size:28rpx;width: 630rpx; margin: 0 auto;"> |
</block> |
||||
计划时间： |
|
||||
<text>{{item.startTime}}至{{item.endTime}}</text> |
|
||||
</view> |
|
||||
<view style="line-height:50rpx;font-size:28rpx;width: 630rpx; margin: 0 auto;"> |
|
||||
计划时间： |
|
||||
<text>{{item.way}}（{{item.frequency}}）</text> |
|
||||
</view> |
|
||||
<view class="btn" data-item="{{item}}" bindtap="bindStart">开始巡检</view> |
|
||||
</view> |
|
||||
</view> |
</view> |
||||
</block> |
<!-- 暂无数据 --> |
||||
</view> |
<view hidden="{{hidden}}"> |
||||
<!-- 暂无数据 --> |
<image class="noData" src="../../images/noData.svg"></image> |
||||
<view hidden="{{hidden}}"> |
<view class="noTxt">暂无数据</view> |
||||
<image class="noData" src="../../images/noData.png"></image> |
|
||||
<view class="noTxt">暂无数据~</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<!-- 巡检记录 --> |
|
||||
<view id="patrol-record" wx:elif="{{currentTab=='1'}}"> |
|
||||
<view style="box-shadow:0px 0px 5px #7e7e7e;padding: 15px;background: #fff;position:fixed;top:100rpx;left:0;width: 100%;"> |
|
||||
<view style="display: flex;"> |
|
||||
<view style="line-height:50rpx;">时间范围：</view> |
|
||||
<view style="display: flex;"> |
|
||||
<!-- 自定义时间选择器 --> |
|
||||
<view class="page-date" style="{{startTime != '开始日期' && endTime != '结束日期' ? 'float:left' : ''}}" bindtap="pickerShow"> |
|
||||
<view style="{{startTime == '开始日期' && endTime == '结束日期' ? 'color:#ccc;' : ''}}"> |
|
||||
{{startTime}} |
|
||||
<text style="margin: 0 20rpx;color:#000;">至</text> |
|
||||
{{endTime}} |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="clearDate" wx:if="{{startTime != '开始日期' && endTime != '结束日期'}}" bindtap="bindClearDate"> |
|
||||
<image src="/images/close.svg"></image> |
|
||||
</view> |
|
||||
<timePicker pickerShow="{{isPickerShow}}" id="picker" wx:if="{{isPickerRender}}" bind:hidePicker="pickerHide" bind:setPickerTime="setPickerTime" config="{{pickerConfig}}"></timePicker> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view style='display:flex;margin-top:28rpx;'> |
|
||||
<view style="line-height: 55rpx;">巡检结果：</view> |
|
||||
<picker class='my-picker' bindchange="bindPickerRes" value="{{ResIndex}}" rangeKey='text' range='{{ResList}}' style="border:2rpx solid #ccc;padding:6rpx 42rpx;border-radius: 6rpx;"> |
|
||||
{{ResList[ResIndex].text}} |
|
||||
<image style="width:20rpx;height:20rpx;margin-left:10rpx;" src="../../images/down.svg" /> |
|
||||
</picker> |
|
||||
<view style="padding:6rpx 64rpx;background:#1979ff;border-radius:6rpx;color:#fff;margin-left:70rpx;" bindtap="bindSearch"> |
|
||||
查询 |
|
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</view> |
</van-tab> |
||||
<view class="contentBox"> |
<van-tab title="巡检记录"> |
||||
<block wx:for="{{recordDataList}}" wx:key='*this'> |
<view id="patrol-record"> |
||||
<view class="listBox"> |
<van-dropdown-menu> |
||||
<view style="padding-bottom:40rpx;overflow: hidden;"> |
<van-dropdown-item title="{{ '时间' }}" bind:close="bindSearch"> |
||||
<view class="titleBox" style="width: 630rpx; margin: 0 auto;"> |
<view style="max-height:60%; display:flex" class="time-option"> |
||||
<view class="title">{{item.points.project.name}}</view> |
<van-datetime-picker show-toolbar="{{false}}" type="date" value="{{ startTime }}" bind:input="onStartTimeChange" min-date="{{1640966400000}}"/> |
||||
|
<view style="display:flex; align-items:center">至</view> |
||||
|
<van-datetime-picker show-toolbar="{{false}}" type="date" value="{{ endTime }}" bind:input="onEndTimeChange" min-date="{{1640966400000}}"/> |
||||
</view> |
</view> |
||||
<view style="line-height:50rpx;font-size:28rpx;width: 630rpx; margin: 0 auto;"> |
</van-dropdown-item> |
||||
本次巡检日期： |
<van-dropdown-item title="{{ '巡检结果' }}" bind:close="bindSearch" bind:change="bindPickerRes" value="{{ ResIndex }}" options="{{ ResList }}" /> |
||||
<text>{{item.inspectionTime}}</text> |
</van-dropdown-menu> |
||||
|
<view class="contentBox"> |
||||
|
<block wx:for="{{recordDataList}}" wx:key='*this'> |
||||
|
<view class="listBox"> |
||||
|
<view style="overflow: hidden;"> |
||||
|
<view class="titleBox" style="width: 630rpx; margin: 0 auto;"> |
||||
|
<image class="icon" src="../../images/title_icon.svg"></image> |
||||
|
<view class="title">{{item.points.project.name}}</view> |
||||
|
</view> |
||||
|
<view style="width: 630rpx; margin: 0 auto;"> |
||||
|
<text class="text-key">本次巡检日期：</text> |
||||
|
<text class="text-value">{{item.inspectionTime}}</text> |
||||
|
</view> |
||||
|
<view class="flex-between" style="width: 630rpx; margin: 8px auto 0;"> |
||||
|
<view style="width: 315rpx"> |
||||
|
<text class="text-key">巡检人：</text> |
||||
|
<text class="text-value">{{item.points.user.name}}</text> |
||||
|
</view> |
||||
|
<view style="width: 315rpx"> |
||||
|
<text class="text-key">巡检结果：</text> |
||||
|
<text class="text-value" style="font-weight: 600; color: {{item.alarm ? '#ff0000d9' : '#006BE3'}}">{{item.alarm ? '异常' : '正常'}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="divider"></view> |
||||
|
<view class="btn" data-item="{{item}}" bindtap="bindDetail">查看详情</view> |
||||
|
</view> |
||||
</view> |
</view> |
||||
<view style="line-height:50rpx;font-size:28rpx;width: 630rpx; margin: 0 auto;"> |
</block> |
||||
巡检人： |
|
||||
<text>{{item.points.user.name}}</text> |
|
||||
</view> |
|
||||
<view style="line-height:50rpx;font-size:28rpx;width: 630rpx; margin: 0 auto;"> |
|
||||
巡检结果： |
|
||||
<text>{{item.alarm ? '异常' : '正常'}}</text> |
|
||||
</view> |
|
||||
<view class="btn" data-item="{{item}}" bindtap="bindDetail">查看详情</view> |
|
||||
</view> |
|
||||
</view> |
</view> |
||||
</block> |
<!-- 暂无数据 --> |
||||
</view> |
<view hidden="{{recordHidden}}"> |
||||
<!-- 暂无数据 --> |
<image class="noData" src="../../images/noData.svg"></image> |
||||
<view hidden="{{recordHidden}}"> |
<view class="noTxt">暂无数据</view> |
||||
<image class="noData" src="../../images/noData.png"></image> |
</view> |
||||
<view class="noTxt">暂无数据~</view> |
</view> |
||||
</view> |
</van-tab> |
||||
</view> |
</van-tabs> |
||||
</view> |
</view> |
||||
Loading…
Reference in new issue