榆山数据端小程序
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.
 
 

51 lines
2.1 KiB

<wxs src="../../../../filters/index.wxs" module="filters"></wxs>
<view
class="list-item"
data-deptname="{{contentObj.deptName}}"
data-deptid="{{contentObj.deptId}}"
bindtap="navigateToDetail"
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">{{contentObj.deptName}}</view>
</view>
<view class="detail">
<view class="user-count">
<view class="num">{{contentObj.userTotal}}</view>
<view class="tip">用户总数</view>
</view>
<view class="right">
<view class="top">
<view class="resident-total">
<view class="num">{{contentObj.userNumber}}</view>
<view class="tip">居民总数</view>
</view>
<view class="partyMember-total">
<view class="num">{{contentObj.partyNumber}}</view>
<view class="tip">党员总数</view>
</view>
<view class="pie-chart">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
</view>
</view>
<view class="bottom">
<view class="resident">
<view class="point"></view>
<view class="detail-info">居民总数 {{contentObj.userNumber}}</view>
<view class="percent">{{filters.formatPercent(contentObj.userNumberRatio)}}</view>
</view>
<view class="partyMember">
<view class="point yellow"></view>
<view class="detail-info">小于50岁党员 {{contentObj.youngPartyNumber}}</view>
<view class="percent yellow">{{filters.formatPercent(contentObj.youngPartyPercent)}}</view>
<view class="point orange"></view>
<view class="detail-info">大于50岁党员 {{contentObj.oldPartyNumber}}</view>
<view class="percent orange">{{filters.formatPercent(contentObj.oldPartyPercent)}}</view>
</view>
</view>
</view>
</view>
</view>