榆山数据端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

92 lines
4.5 KiB

<view class="box">
<view class="search-bar">
<view class="condition" bindtap="showCondition">
<view class="select-condition">{{choosedCondition.title}}</view>
<view class="trigger {{ conditionVisible ? 'reverse' : ''}}"></view>
<cover-view class="option-list" style="height: {{conditionVisible ? '240rpx': '0'}}">
<cover-view bindtap="onChnageCondition" data-id="{{item.id}}" class="list-item" wx:for="{{conditionList}}" wx:key="index" wx:for-index="index">
<cover-view class="title">{{item.title}}</cover-view>
<cover-view class="title" wx:if="{{item.select}}">√</cover-view>
</cover-view>
</cover-view>
</view>
</view>
<!-- 党员声音参与人数 -->
<voicePartIn></voicePartIn>
<!-- 党建声音参与人次分析 -->
<voiceAnalyze></voiceAnalyze>
<!-- 党建声音行为分布 -->
<voiceActive></voiceActive>
<view class="bottom-list">
<view class="bottom-title">党建声音参与排行</view>
<!-- 搜索框 -->
<view class="search-bar width">
<view class="condition" bindtap="showConditionBottom">
<view class="select-condition">{{choosedConditionBottom.title}}</view>
<view class="trigger {{ conditionVisibleBottom ? 'reverse' : ''}}"></view>
<cover-view class="option-list" style="height: {{conditionVisibleBottom ? '120rpx': '0'}}">
<cover-view bindtap="onChnageConditionBottom" data-id="{{item.id}}" class="list-item" wx:for="{{conditionListBottom}}" wx:key="index" wx:for-index="index">
<cover-view class="title">{{item.title}}</cover-view>
<cover-view class="title" wx:if="{{item.select}}">√</cover-view>
</cover-view>
</cover-view>
</view>
<!--排序-->
<view class="order">
<view class="front {{orderType === 'Desc' ? 'select' : ''}}" data-type="asc" bindtap="changeOrder">
<text>正序</text>
<image src="../../images/change.png" />
</view>
<view class="back {{orderType === 'Asc' ? 'select' : ''}}" data-type="desc" bindtap="changeOrder">
<image src="../../images/change.png" />
<text>倒序</text>
</view>
</view>
</view>
<!--hover-class="hover-list-item" hover-stay-time="150"-->
<view class="list-item2">
<view class="street">
<view class="order" style="background: {{order == 2 ? '#ffc600' : order == 3 ? '#e7a756' : order >= 4 ? '#cfedec' : '#fe6963'}}; color: {{ order >= 4 ? '#29B9A5' : '#fff'}}">
{{order}}
</view>
<view class="street-name">双山街道</view>
</view>
<view class="jgg">
<!-- 循环 -->
<view class="line">
<view class="center">
<view class="num-top">222</view>
<view class="num-bottom">参与人数</view>
</view>
<view class="center">
<view class="num-top">222</view>
<view class="num-bottom">参与人次</view>
</view>
</view>
<!-- end -->
</view>
</view>
<view class="list-item2" hover-class="hover-list-item" hover-stay-time="150">
<view class="street">
<view class="order" style="background: {{order == 2 ? '#ffc600' : order == 3 ? '#e7a756' : order >= 4 ? '#cfedec' : '#fe6963'}}; color: {{ order >= 4 ? '#29B9A5' : '#fff'}}">
{{order}}
</view>
<view class="street-name">双山街道</view>
</view>
<view class="jgg">
<!-- 循环 -->
<view class="line">
<view class="center">
<view class="num-top">222</view>
<view class="num-bottom">参与人数</view>
</view>
<view class="center">
<view class="num-top">222</view>
<view class="num-bottom">参与人次</view>
</view>
</view>
<!-- end -->
</view>
</view>
</view>
</view>