66 lines
2.6 KiB
Plaintext
66 lines
2.6 KiB
Plaintext
<view class="box">
|
|
<view class="nav-box" style="padding-top: {{ t }}px;;">
|
|
<view class="nav-bar" style="height: {{ h }}px;">
|
|
<view class="nav-bar-left" bindtap="handleNavigateBack">
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/back_black.png" mode="widthFix" style="width:16rpx;height:28rpx" />
|
|
</view>
|
|
<view class="nav-bar-title" style="height: {{ h }}px;line-height: {{ h }}px;">
|
|
滤芯详情
|
|
</view>
|
|
<view class="nav-bar-right" bind:tap="getfilterList">
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_refresh.png" mode="widthFix" />
|
|
刷新
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="msg">
|
|
滤芯状态(滤芯寿命与水温、水质、出水量等相关)
|
|
</view>
|
|
|
|
<view class="blocks"></view>
|
|
|
|
<view class="filterList" wx:if="{{filterList.length > 0}}">
|
|
<view class="filterItem" wx:for="{{filterList}}" bind:tap="showDesc" data-item="{{item}}">
|
|
<view class="filter_Item_Info">
|
|
<view class="filter_Item_Info_image">
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_item_icon.png" mode="widthFix" />
|
|
</view>
|
|
<view class="filter_Item_Info_msg">
|
|
<view class="filter_Item_Info_name">{{item.parts_name}}</view>
|
|
<view class="filter_Item_Info_desc">预计剩余寿命：{{item.available_days}}天</view>
|
|
</view>
|
|
</view>
|
|
<view class="filter_Item_more" >
|
|
{{item.remaining_volume}}%
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_more.png" mode="widthFix" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view wx:if="{{filterList.length == 0}}">
|
|
<van-empty description="暂无滤芯" />
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
<van-popup show="{{ show }}" bind:close="onClose" round close-on-click-overlay>
|
|
<view class="popView">
|
|
<view class="pop_cir">
|
|
<van-circle value="{{currentFilter.remaining_volume}}" size="120" color="#f4f4f4" stroke-width="9" layer-color="#FFD5D5">
|
|
</van-circle>
|
|
|
|
<view class="cir_msg">
|
|
<view class="percentage">{{currentFilter.remaining_volume}}%</view>
|
|
<view class="cir_msg_text">滤芯寿命</view>
|
|
<view class="cir_msg_text2">{{currentFilter.available_days}}天</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="pop_Tit">{{currentFilter.parts_name}}</view>
|
|
<view class="pop_msg">{{currentFilter.introduce}}</view>
|
|
<view class="pop_btn" bind:tap="pay2">更换</view>
|
|
</view>
|
|
</van-popup> |