116 lines
5.1 KiB
Plaintext
116 lines
5.1 KiB
Plaintext
<view class="page">
|
||
<block wx:if="{{view === 'overview'}}">
|
||
<view class="view-root">
|
||
<view class="type-tabs">
|
||
<view
|
||
class="type-tab {{typeIndex === index ? 'active' : ''}}"
|
||
wx:for="{{types}}"
|
||
wx:key="index"
|
||
data-index="{{index}}"
|
||
hover-class="type-tab-hover"
|
||
bindtap="onTypeChange"
|
||
>{{item}}</view>
|
||
</view>
|
||
|
||
<scroll-view
|
||
class="view-scroll"
|
||
scroll-y
|
||
refresher-enabled="{{true}}"
|
||
refresher-triggered="{{refreshing}}"
|
||
bindrefresherrefresh="onRefresh"
|
||
>
|
||
<view class="overview-head">
|
||
<view class="head-title-wrap">
|
||
<view class="head-title">{{types[typeIndex]}}</view>
|
||
<view class="head-sub">{{periodKey}}</view>
|
||
</view>
|
||
<view class="head-pill">{{myChecked ? '已提交' : '待提交'}}</view>
|
||
</view>
|
||
|
||
<view class="card my-status {{myChecked ? 'checked' : 'unchecked'}}">
|
||
<view class="my-state-icon {{myChecked ? 'done' : 'todo'}}">{{myChecked ? '✓' : '●'}}</view>
|
||
<view class="my-status-left">
|
||
<view class="my-status-label">{{myChecked ? '已完成' : '未完成'}}</view>
|
||
<view class="my-status-text">我的{{types[typeIndex]}}</view>
|
||
</view>
|
||
<button
|
||
class="btn-mystatus {{myChecked ? 'outline' : ''}}"
|
||
bindtap="goSubmit"
|
||
hover-class="btn-hover"
|
||
disabled="{{typeIndex === 0 && !canSubmit}}"
|
||
>{{myChecked ? '修改' : '新增打卡'}}</button>
|
||
</view>
|
||
|
||
<view class="card my-plan" wx:if="{{myChecked && myRecord}}">
|
||
<view class="my-plan-head">
|
||
<text class="my-plan-title">我上传的计划</text>
|
||
<text class="my-plan-status {{myRecord.status === '未完成' ? 'pending' : ''}}">{{myRecord.status}}</text>
|
||
</view>
|
||
<view class="my-plan-meta" wx:if="{{myRecord.checked_at}}">{{myRecord.checked_at}} 提交</view>
|
||
<view class="my-plan-content" wx:if="{{myRecord.content}}">{{myRecord.content}}</view>
|
||
<view class="my-plan-thumbs" wx:if="{{myThumbs.length}}">
|
||
<image class="my-plan-thumb" wx:for="{{myThumbs}}" wx:key="*this" src="{{item}}" mode="aspectFill" data-index="{{index}}" bindtap="previewMyImage"></image>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="window-msg" wx:if="{{typeIndex === 0 && message}}">{{message}}</view>
|
||
|
||
<view class="state-block" wx:if="{{loading && groups.length === 0}}">
|
||
<view class="state-icon">◌</view>
|
||
<view>加载中...</view>
|
||
</view>
|
||
|
||
<view class="group-card" hover-class="group-card-hover" wx:for="{{groups}}" wx:key="group_name" wx:for-item="group">
|
||
<view class="group-main" data-group="{{group.group_name}}" bindtap="openGroup">
|
||
<view class="group-row">
|
||
<view class="group-avatar">{{index + 1}}</view>
|
||
<view class="group-name">{{group.group_name}}</view>
|
||
<view class="group-counts">
|
||
<text class="count done">已打卡 {{group.checked_count}}</text>
|
||
<text class="count total">{{group.total}}人</text>
|
||
</view>
|
||
<view class="chevron">›</view>
|
||
</view>
|
||
<view class="progress-track">
|
||
<view class="progress-bar" style="width: {{group.percent}}%;"></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="unassigned" wx:if="{{unassignedCount > 0}}">另有未分组 {{unassignedCount}} 人</view>
|
||
<view class="empty" wx:if="{{!loading && groups.length === 0}}">暂无小组</view>
|
||
</scroll-view>
|
||
</view>
|
||
</block>
|
||
|
||
<block wx:else>
|
||
<view class="view-root">
|
||
<view class="detail-head">
|
||
<view class="back" hover-class="back-hover" bindtap="backToOverview">‹ 返回</view>
|
||
<view class="detail-title-wrap">
|
||
<view class="head-title">{{selectedGroupName}}</view>
|
||
<view class="head-sub">{{periodKey}}</view>
|
||
</view>
|
||
</view>
|
||
<scroll-view class="view-scroll" scroll-y>
|
||
<view class="state-block" wx:if="{{loading && members.length === 0}}">
|
||
<view class="state-icon">◌</view>
|
||
<view>加载中...</view>
|
||
</view>
|
||
<view class="member-list">
|
||
<view class="member" wx:for="{{members}}" wx:key="user_id" wx:for-item="member">
|
||
<view class="member-left">
|
||
<view class="member-avatar {{member.filled ? 'done' : 'unchecked'}}">{{index + 1}}</view>
|
||
<view class="member-info">
|
||
<view class="member-name">{{member.name}}</view>
|
||
<view class="member-meta" wx:if="{{member.filled && member.record}}">{{member.record.checked_at}} 提交</view>
|
||
</view>
|
||
</view>
|
||
<view class="badge {{member.filled ? 'done' : 'unchecked'}}">{{member.filled ? '已完成' : '未完成'}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="empty" wx:if="{{!loading && members.length === 0}}">暂无成员</view>
|
||
</scroll-view>
|
||
</view>
|
||
</block>
|
||
</view> |