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.
119 lines
3.7 KiB
119 lines
3.7 KiB
<view class="page"> |
|
<view class="page-header"> |
|
<van-tabs |
|
active="{{ active }}" |
|
tab-class="tab-class" |
|
color="#B982FF" |
|
line-width="60rpx" |
|
line-height="8rpx" |
|
title-active-color="#211D2E" |
|
title-inactive-color="#69686E" |
|
bind:change="handleChangeType" |
|
> |
|
<van-tab title="日"></van-tab> |
|
<van-tab title="月度"></van-tab> |
|
<van-tab title="年度"></van-tab> |
|
</van-tabs> |
|
<view class="form"> |
|
<view class="date"> |
|
<picker |
|
bindchange="handleChange" |
|
class="start" |
|
end="{{EndMonth}}" |
|
fields="{{fields[type]}}" |
|
mode="date" |
|
model:value="{{BeginMonth}}" |
|
> |
|
{{BeginMonth}} |
|
</picker> |
|
<view class="line">~</view> |
|
<picker |
|
bindchange="handleChange" |
|
class="end" |
|
fields="{{fields[type]}}" |
|
mode="date" |
|
model:value="{{EndMonth}}" |
|
start="{{BeginMonth}}" |
|
> |
|
{{EndMonth}} |
|
</picker> |
|
<van-icon class="icon" name="play" /> |
|
</view> |
|
</view> |
|
</view> |
|
|
|
<view class="chart-list"> |
|
<view class="chart-card"> |
|
<view class="title">GO-QOL整体记录曲线</view> |
|
<view class="chart"> |
|
<ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas> |
|
</view> |
|
</view> |
|
<view class="chart-card"> |
|
<view class="title">GO-QOL视觉功能影响记录曲线</view> |
|
<view class="chart"> |
|
<ec-canvas id="chart2" ec="{{ ec }}"></ec-canvas> |
|
</view> |
|
</view> |
|
<view class="chart-card"> |
|
<view class="title">GO-QOL外观影响记录曲线</view> |
|
<view class="chart"> |
|
<ec-canvas id="chart3" ec="{{ ec }}"></ec-canvas> |
|
</view> |
|
</view> |
|
</view> |
|
|
|
<view class="list"> |
|
<view class="list-title">我的历史测评报告</view> |
|
<view class="list-container"> |
|
<view |
|
class="row {{item.TotalScore>=0 && 'status1'}} {{item.TotalScore>=40 && 'status2'}} {{item.TotalScore>=80 && 'status3'}}" |
|
wx:for="{{list}}" |
|
wx:key="index" |
|
bind:tap="handleDetail" |
|
data-id="{{item.Id}}" |
|
data-index="{{index}}" |
|
bind:longpress="handleDelete" |
|
> |
|
<view class="aside"> |
|
<view class="line-top" style="opacity: 0"></view> |
|
<view class="side"></view> |
|
<view class="line"></view> |
|
</view> |
|
<view class="r-container"> |
|
<view class="date">评估日期：{{item.Date}}</view> |
|
<view class="r-card"> |
|
<view class="wrap"> |
|
<view class="num">{{item.TotalScore}}</view> |
|
<view class="inner"> |
|
<view class="label" wx:if="{{item.TotalScore >= 80}}">轻度影响</view> |
|
<view class="label" wx:elif="{{item.TotalScore >= 40}}">中度影响</view> |
|
<view class="label" wx:else>重度影响</view> |
|
<view class="name">TED生活质量评分</view> |
|
</view> |
|
</view> |
|
<view class="stat"> |
|
<view class="s-item"> |
|
视觉功能 |
|
<view class="score">{{item.VisionScore}}分</view> |
|
</view> |
|
<view class="s-item"> |
|
外观 |
|
<view class="score">{{item.AppearanceScore}}分</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<pagination pagination="{{pagination}}"></pagination> |
|
</view> |
|
</view> |
|
|
|
<view class="page-footer"> |
|
<view class="home" bind:tap="handleHome"> |
|
<image class="icon" src="{{imageUrl}}icon74.png?t={{Timestamp}}"></image> |
|
<view>首页</view> |
|
</view> |
|
<view class="btn" bind:tap="handleQol">评测</view> |
|
</view> |
|
</view>
|
|
|