82 lines
2.4 KiB
Plaintext
82 lines
2.4 KiB
Plaintext
<wxs src="/utils/wxs/comment.wxs"
|
|
module="utils"></wxs>
|
|
|
|
<view class="header">
|
|
<t-navbar class="fixed-nav"
|
|
fixed="{{false}}" />
|
|
<view class="h-1">
|
|
<view class="left">
|
|
<view class="t-1">术后第 {{detail.overview.postoperative_day || 0}} 天</view>
|
|
<view class="t-2">{{detail.overview.status_text}}</view>
|
|
</view>
|
|
<view class="right flex-column-center ">
|
|
<view class="d">{{detail.overview.postoperative_day || 0}} </view>
|
|
<view class="c">DAYS</view>
|
|
</view>
|
|
</view>
|
|
<view class="h-2">
|
|
<view class="flex-between title">
|
|
<view>今日任务完成度</view>
|
|
<view class="num">{{taskUtils.getDoneCount(detail.tasks)}}/{{detail.overview.total_task_count}}</view>
|
|
</view>
|
|
<t-progress percentage="{{taskUtils.getDoneCount(detail.tasks) / detail.overview.total_task_count * 100}}"
|
|
color="{{ ['white', 'white'] }}"
|
|
track-color="rgba(255, 255, 255, 0.2)"
|
|
label="" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="list">
|
|
<view class="item flex-align"
|
|
style="--color:{{item.label_color}};--back:{{utils.getLightColor(item.label_color)}}"
|
|
wx:for="{{detail.tasks}}"
|
|
wx:key="index">
|
|
<t-skeleton loading="{{loading}}"
|
|
rowCol="{{[{ size: '90rpx' }]}}">
|
|
<view class="icon flex-center">
|
|
<t-icon name="{{item.pill}}" />
|
|
</view>
|
|
</t-skeleton>
|
|
|
|
<view class="content">
|
|
<t-skeleton loading="{{loading}}"
|
|
theme="paragraph">
|
|
<view class="flex-align">
|
|
<t-tag variant="light">{{item.category_label}}</t-tag>
|
|
<view class="time">{{item.time_label}}</view>
|
|
</view>
|
|
<view class="title">{{item.title}}</view>
|
|
<view class="desc">{{item.content}}</view>
|
|
<button class="btn {{item.is_completed == 1 ? 'active' : ''}}"
|
|
bind:tap="handDone"
|
|
data-data="{{item}}">
|
|
{{item.is_completed == 0 ? '标记完成' : '已完成' }}
|
|
</button>
|
|
</t-skeleton>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="tip">
|
|
<view class="title">💡 温馨提示：</view>
|
|
<view class="text"> 请按时完成康复任务，如有任何不适请及时联系医护人员</view>
|
|
</view>
|
|
<view style="height: 30rpx;"></view>
|
|
|
|
|
|
<wxs module="taskUtils">
|
|
var getDoneCount = function (tasks) {
|
|
if (!tasks || !tasks.length) return 0;
|
|
var count = 0;
|
|
for (var i = 0; i < tasks.length; i++) {
|
|
if (tasks[i].is_completed == 1 || tasks[i].is_completed === true) {
|
|
count++;
|
|
}
|
|
}
|
|
return count;
|
|
};
|
|
|
|
module.exports = {
|
|
getDoneCount: getDoneCount
|
|
};
|
|
</wxs> |