1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
<view class="rain-box data-v-02eb9186"><view class="nav-bar data-v-02eb9186"><u-icon vue-id="5a872040-1" name="arrow-left" color="#000" size="28" class="data-v-02eb9186" bind:__l="__l"></u-icon><view class="data-v-02eb9186">雨情</view><cover-image hidden="{{!(!this.popupOpen)}}" style="width:20px;height:20px;margin-right:10px;" src="../../static/images/filter.png" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e" class="data-v-02eb9186"></cover-image></view><view class="search-box data-v-02eb9186"><view class="search-item data-v-02eb9186"><view data-event-opts="{{[['tap',[['handleClick',['$event']]]]]}}" bindtap="__e" class="data-v-02eb9186">{{''+(selecetItem[1]||columns[0][0])+''}}</view><u-icon data-custom-hidden="{{!(switchIcon)}}" vue-id="5a872040-2" name="arrow-down-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><u-icon data-custom-hidden="{{!(!switchIcon)}}" vue-id="5a872040-3" name="arrow-up-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><view class="rain-input data-v-02eb9186"><u--input vue-id="5a872040-4" placeholder="请输入站点" prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" class="data-v-02eb9186" bind:__l="__l"></u--input></view><view data-event-opts="{{[['tap',[['handleClick1',['$event']]]]]}}" bindtap="__e" class="data-v-02eb9186">{{''+(selecetItem1[1]||columns[0][0])+''}}</view><u-icon data-custom-hidden="{{!(switchIcon1)}}" vue-id="5a872040-5" name="arrow-down-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><u-icon data-custom-hidden="{{!(!switchIcon1)}}" vue-id="5a872040-6" name="arrow-up-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view></view><view class="time-select data-v-02eb9186"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" data-event-params="{{({e})}}" class="{{['data-v-02eb9186',(true)?'jiangyu':'',(this.rainTime)?'noClick':'']}}" bindtap="__e"><text class="data-v-02eb9186">{{selectJyOne?"按昨日降雨排序":"按时段降雨排序"}}</text><u-icon data-custom-hidden="{{!(!this.jiangyu)}}" vue-id="5a872040-7" name="arrow-down-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><u-icon data-custom-hidden="{{!(this.jiangyu)}}" vue-id="5a872040-8" name="arrow-up-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><view hidden="{{!(this.jiangyu)}}" class="jiangyu-dropdown data-v-02eb9186"><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectJyOne==0)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;padding:10px 0;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:220px;" class="data-v-02eb9186">按时段降雨排序</text><u-icon data-custom-hidden="{{!(this.selectJyOne==0)}}" vue-id="5a872040-9" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectJyOne==1)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;padding-bottom:10px;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:220px;" class="data-v-02eb9186">按昨日降雨排序</text><u-icon data-custom-hidden="{{!(this.selectJyOne==1)}}" vue-id="5a872040-10" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view></view></view><view data-event-opts="{{[['tap',[['e4',['$event']]]]]}}" data-event-params="{{({e})}}" class="rain-time data-v-02eb9186" bindtap="__e"><text class="data-v-02eb9186">{{selectTimeOne==0?"1h":selectTimeOne==1?"3h":selectTimeOne==2?"6h":selectTimeOne==3?"12h":selectTimeOne==4?"24h":''}}</text><u-icon data-custom-hidden="{{!(!this.rainTime)}}" vue-id="5a872040-11" name="arrow-down-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><u-icon data-custom-hidden="{{!(this.rainTime)}}" vue-id="5a872040-12" name="arrow-up-fill" color="#000" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon><view hidden="{{!(rainTime)}}" class="rain-time-dropdown data-v-02eb9186"><view data-event-opts="{{[['tap',[['e5',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectTimeOne==0)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;padding:10px 0;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:300px;" class="data-v-02eb9186">1h</text><u-icon data-custom-hidden="{{!(this.selectTimeOne==0)}}" vue-id="5a872040-13" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['e6',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectTimeOne==1)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;padding-bottom:10px;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:300px;" class="data-v-02eb9186">3h</text><u-icon data-custom-hidden="{{!(this.selectTimeOne==1)}}" vue-id="5a872040-14" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['e7',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectTimeOne==2)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;padding-bottom:10px;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:300px;" class="data-v-02eb9186">6h</text><u-icon data-custom-hidden="{{!(this.selectTimeOne==2)}}" vue-id="5a872040-15" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['e8',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectTimeOne==3)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;padding-bottom:10px;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:300px;" class="data-v-02eb9186">12h</text><u-icon data-custom-hidden="{{!(this.selectTimeOne==3)}}" vue-id="5a872040-16" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['e9',['$event']]]]]}}" class="{{['data-v-02eb9186',(this.selectTimeOne==4)?'active':'']}}" style="border-bottom:1px solid #dfdfdf;padding-bottom:10px;display:flex;align-items:center;" bindtap="__e"><text style="margin-right:300px;" class="data-v-02eb9186">24h</text><u-icon data-custom-hidden="{{!(this.selectTimeOne==4)}}" vue-id="5a872040-17" name="checkmark" color="#02a7f0" size="20" class="data-v-02eb9186" bind:__l="__l"></u-icon></view></view></view></view><view style="width:100%;height:10px;background-color:#f7f7f7;" class="data-v-02eb9186"></view><view style="padding:5px 10px;text-align:center;color:#f7b156;" class="data-v-02eb9186">统计时段：2024-04-25 10:00至2024-04-26 10:00</view><view style="margin:0 10px;" class="data-v-02eb9186"><table vue-id="5a872040-18" class="data-v-02eb9186" bind:__l="__l"></table></view><u-picker vue-id="5a872040-19" show="{{show}}" columns="{{columns}}" data-ref="uPicker" data-event-opts="{{[['^confirm',[['confirm']]],['^change',[['changeHandler']]],['^cancel',[['cancel']]]]}}" bind:confirm="__e" bind:change="__e" bind:cancel="__e" class="data-v-02eb9186 vue-ref" bind:__l="__l"></u-picker><u-picker vue-id="5a872040-20" show="{{show1}}" columns="{{columns}}" data-ref="uPicker1" data-event-opts="{{[['^confirm',[['confirm1']]],['^change',[['changeHandler1']]],['^cancel',[['cancel1']]]]}}" bind:confirm="__e" bind:change="__e" bind:cancel="__e" class="data-v-02eb9186 vue-ref" bind:__l="__l"></u-picker><u-popup vue-id="5a872040-21" show="{{popupOpen}}" mode="right" data-event-opts="{{[['^close',[['e10']]]]}}" bind:close="__e" class="data-v-02eb9186" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:30px 20px;" class="data-v-02eb9186"><text style="font-weight:bold;" class="data-v-02eb9186">按类型</text><view style="margin-bottom:10px;margin-left:-5px;" class="data-v-02eb9186"><u-checkbox-group bind:change="__e" bind:input="__e" vue-id="{{('5a872040-22')+','+('5a872040-21')}}" value="{{checkboxValue1}}" data-event-opts="{{[['^change',[['checkboxChange']]],['^input',[['__set_model',['','checkboxValue1','$event',[]]]]]]}}" class="data-v-02eb9186" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{checkboxList1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><u-checkbox vue-id="{{('5a872040-23-'+index)+','+('5a872040-22')}}" customStyle="{{({margin:'7px'})}}" label="{{item.name}}" name="{{item.value}}" class="data-v-02eb9186" bind:__l="__l"></u-checkbox></block></u-checkbox-group></view><text style="font-weight:bold;" class="data-v-02eb9186">按时间</text><view class="example-body data-v-02eb9186" style="display:flex;align-items:center;margin-bottom:10px;margin-top:10px;"><uni-datetime-picker vue-id="{{('5a872040-24')+','+('5a872040-21')}}" type="datetime" value="{{startTm}}" data-event-opts="{{[['^change',[['e11']]],['^input',[['__set_model',['','startTm','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-02eb9186" bind:__l="__l"></uni-datetime-picker><text style="margin-left:10px;" class="data-v-02eb9186">至</text></view><view class="example-body data-v-02eb9186" style="width:92%;"><uni-datetime-picker vue-id="{{('5a872040-25')+','+('5a872040-21')}}" type="datetime" value="{{endTm}}" data-event-opts="{{[['^change',[['e12']]],['^input',[['__set_model',['','endTm','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-02eb9186" bind:__l="__l"></uni-datetime-picker></view><view style="display:flex;margin-top:10px;" class="data-v-02eb9186"><u-button class="first-btn data-v-02eb9186" vue-id="{{('5a872040-26')+','+('5a872040-21')}}" text="昨日08:00~当前时间" bind:__l="__l"></u-button><u-button class="second-btn data-v-02eb9186" vue-id="{{('5a872040-27')+','+('5a872040-21')}}" text="今天08:00~当前时间" bind:__l="__l"></u-button></view><view style="display:flex;margin-top:140%;" class="data-v-02eb9186"><u-button class="bottom-btn1 data-v-02eb9186" vue-id="{{('5a872040-28')+','+('5a872040-21')}}" text="重置" bind:__l="__l"></u-button><u-button class="bottom-btn2 data-v-02eb9186" vue-id="{{('5a872040-29')+','+('5a872040-21')}}" text="确认" color="#d9001b" bind:__l="__l"></u-button></view></view></u-popup></view> |