Files
lcb/pages/score/index.wxml
T
2024-11-02 17:51:18 +08:00

86 lines
5.3 KiB
Plaintext

<!-- pages/score/index.wxml -->
<view class="container relative" style="min-height:100vh;--circle-text-color:{{score_trend>1?score_down_color:score_up_color}};">
<view class="relative" scroll-y="{{true}}" scroll-into-view="{{setid}}" scroll-with-animation="{{true}}">
<view class="absolute left-0 top-0 bottom-0 right-0 bg-size-fullwidth bg-no-repeat bg-pos-top" style="background-image:url({{score_trend>1?score_index_bg_down:score_index_bg_up}});"></view>
<view class="relative inner30">
<view class="fn-flex fn-flex-middle fn-flex-between inner20">
<view class="fn-flex">
<block wx:for="{{tab_date}}" wx:key="index">
<view bindtap="changeDateTab" data-index="{{index}}" class="font-34 relative {{(tab_date.length-1)==index?'':'mr70'}} tab-item transition-all {{tab_date_cur==index?'tab-item-cur':'color-999'}}">{{item.name}}</view>
</block>
</view>
<view wx:if="{{is_biz==='0'}}" bindtap="scrollToRule" class="font-20 ulib-r750 bg-f6 color-999 pt5 pb5 pl10 pr10">
<text class="iconfont icon-tishi mr5"></text><text>规则说明</text>
</view>
</view>
<view class="fn-flex fn-flex-column fn-flex-middle mb40">
<view class="font-66 text-bold pt30">
<van-circle value="{{ scoreData.percentage }}" stroke-width="15" text="{{scoreData.score}}" layer-color="#ebebeb" size="120" color="{{score_trend>1?score_down_color:score_up_color}}"></van-circle>
</view>
<view class="fn-flex fn-flex-middle fn-flex-center pt30 color-666 font-32">
<image src="{{score_trend>1?icon_trend_down:icon_trend_up}}" class="img-32x32 block mr10" />
<text>{{scoreData.title}}</text>
</view>
<view class="fn-flex fn-flex-middle fn-flex-center pt15 font-26 color-999">
<view>{{scoreData.u_time_text}}</view>
<view>{{scoreData.sub_title}}</view>
</view>
</view>
<view class="bg-fff mb30 box-shadow-000-10-10 ulib-r10 pt40 pb40">
<block wx:if="{{scoreData.score_list && scoreData.score_list.length>0}}">
<view class="fn-flex fn-flex-middle fn-flex-center text-center">
<view class="pr15 pl15">
<view class="font-34">{{scoreData.score}}</view>
<view class="mt5 color-666 font-22">运营分</view>
</view>
<view>=</view>
<block wx:for="{{scoreData.score_list}}" wx:key="index">
<view>{{item.operator}}</view>
<view class="pr15 pl15">
<view class="font-34">{{item.value}}</view>
<view class="mt5 color-666 font-22">{{item.name}}</view>
</view>
</block>
</view>
<view class="text-center pt20">
<view data-url="/pages/score/detail" bindtap="pushLink" class="ulib-r10 font-24 link-detail relative link-detail inline-block pt10 pb10 pl20 pr20 overflowhidden"><text>查看明细</text><text class="iconfont icon-gengduo ml5"></text></view>
</view>
</block>
<view class="echarts-con" style="width:100%;height:500rpx;" wx:if="{{showLineChart}}">
<ec-canvas id="mychart-dom-line" ec="{{ ecLine }}"></ec-canvas>
</view>
<view class="text-center pt40">
<view class="ulib-r10 overflowhidden font-24 inline-block">
<!--block wx:for="{{tab_rank}}" wx:key="index">
<view data-index="{{index}}" bindtap="changeRankTab" class="{{tab_rank_cur===index?'bg-ccc color-666':'bg-f6 color-999'}} transition-all pl20 pr20 pt10 pb10 inline-block">{{item.name}}</view>
</block-->
<view wx:if="{{is_biz==='0'}}" data-index="0" bindtap="changeRankTab" class="{{tab_rank_cur===0?'bg-ccc color-666':'bg-f6 color-999'}} transition-all pl20 pr20 pt10 pb10 inline-block">店内排名</view>
<view data-index="1" bindtap="changeRankTab" class="{{tab_rank_cur===1?'bg-ccc color-666':'bg-f6 color-999'}} transition-all pl20 pr20 pt10 pb10 inline-block">门店排名</view>
</view>
<view class="">
<block wx:for="{{rank_data}}" wx:key="index">
<view class="fn-flex fn-flex-middle fn-flex-between pt25 pb25 pl60 pr60">
<view class="fn-flex fn-flex-middle font-28 color-444">
<text class="text-center mr20" style="width:38rpx;" wx:if="{{index>2}}">{{index+1}}</text>
<image wx:else class="img-38x38 mr20" src="{{index==0?icon_score_top_1:index==1?icon_score_top_2:icon_score_top_3}}" />
<text>{{item.name}}</text>
<view class="ulib-r750 color-fff font-20 pl15 pr15 pb5 ml15" style="background-color:{{score_up_color}};" wx:if="{{item.tip}}">{{item.tip}}</view>
</view>
<view class="fn-flex fn-flex-middle font-28 color-666" style="width:130rpx;">
<image src="{{item.trend>1?icon_trend_down:icon_trend_up}}" class="img-32x32 block mr10" />
<text>{{item.score}}</text>
</view>
</view>
</block>
</view>
</view>
</view>
<view wx:if="{{scoreData.desc && is_biz==='0'}}" id="richhtml" style="line-height:2;font-size:30rpx;" class="bg-fff mb30 box-shadow-000-10-10 ulib-r10 inner40">
<com-html content="{{scoreData.desc}}" lazy-load="{{true}}"></com-html>
</view>
</view>
</view>
</view>