<view><view class="ui-card px-13"><view class="row-end mb"><picker class="picker mr"><view class="picker-wrapper">2022年<uni-icons vue-id="87357fd4-1" type="bottom" size="{{12}}" color="#DDDDDD" bind:__l="__l"></uni-icons></view></picker><picker class="picker"><view class="picker-wrapper">步甲<uni-icons vue-id="87357fd4-2" type="bottom" size="{{12}}" color="#DDDDDD" bind:__l="__l"></uni-icons></view></picker></view><view class="period-navs"><block wx:for="{{periodList}}" wx:for-item="period" wx:for-index="index" wx:key="index"><view class="period-item"><view class="icon"></view><view class="title">{{period.title}}</view><view class="text">{{period.time}}</view><view class="text">{{"数量："+period.num}}</view></view></block></view></view><view class="ui-card px-13"><view class="mb"><uni-datetime-picker vue-id="87357fd4-3" type="daterange" rangeSeparator="至" value="{{range}}" data-event-opts="{{[['^maskClick',[['maskClick']]],['^input',[['__set_model',['','range','$event',[]]]]]]}}" bind:maskClick="__e" bind:input="__e" bind:__l="__l"></uni-datetime-picker></view><area-charts vue-id="87357fd4-4" chartData="{{areaData}}" bind:__l="__l"></area-charts><view style="height:20rpx;"></view><pie-charts vue-id="87357fd4-5" chartData="{{pieData}}" bind:__l="__l"></pie-charts><view class="mt-12"><view class="progress-item"><view class="label">1、贪夜蛾</view><view class="progress"><progress percent="{{10}}" backgroundColor="#F3F5F9" activeColor="#10AEFF" stroke-width="{{9}}"></progress></view><view class="percent">52%</view></view></view></view><view class="ui-card worm-table"><ui-tabs vue-id="87357fd4-6" list="{{tabs}}" active="{{1}}" bind:__l="__l"></ui-tabs><uni-table class="table-style mt-12 vue-ref" vue-id="87357fd4-7" loading="{{loading}}" border="{{true}}" emptyText="暂无更多数据" data-ref="table" bind:__l="__l" vue-slots="{{['default']}}"><uni-tr vue-id="{{('87357fd4-8')+','+('87357fd4-7')}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-th vue-id="{{('87357fd4-9')+','+('87357fd4-8')}}" width="150" align="center" bind:__l="__l" vue-slots="{{['default']}}">日期</uni-th><uni-th vue-id="{{('87357fd4-10')+','+('87357fd4-8')}}" width="150" align="center" bind:__l="__l" vue-slots="{{['default']}}">姓名</uni-th><uni-th vue-id="{{('87357fd4-11')+','+('87357fd4-8')}}" align="center" bind:__l="__l" vue-slots="{{['default']}}">地址</uni-th><uni-th vue-id="{{('87357fd4-12')+','+('87357fd4-8')}}" width="204" align="center" bind:__l="__l" vue-slots="{{['default']}}">设置</uni-th></uni-tr><block wx:for="{{tableData}}" wx:for-item="item" wx:for-index="index" wx:key="index"><uni-tr vue-id="{{('87357fd4-13-'+index)+','+('87357fd4-7')}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-td vue-id="{{('87357fd4-14-'+index)+','+('87357fd4-13-'+index)}}" bind:__l="__l" vue-slots="{{['default']}}">{{item.date}}</uni-td><uni-td vue-id="{{('87357fd4-15-'+index)+','+('87357fd4-13-'+index)}}" bind:__l="__l" vue-slots="{{['default']}}">{{item.date}}</uni-td><uni-td vue-id="{{('87357fd4-16-'+index)+','+('87357fd4-13-'+index)}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="name">{{item.name}}</view></uni-td><uni-td vue-id="{{('87357fd4-17-'+index)+','+('87357fd4-13-'+index)}}" align="center" bind:__l="__l" vue-slots="{{['default']}}">{{item.address}}</uni-td></uni-tr></block></uni-table><uni-pagination vue-id="87357fd4-18" total="{{50}}" title="标题文字" bind:__l="__l"></uni-pagination></view></view>