89 lines
2.9 KiB
Plaintext
89 lines
2.9 KiB
Plaintext
<!-- 任务列表页 -->
|
||
<view class="page-task-list">
|
||
|
||
<!-- ====== 顶部绩效 Banner ====== -->
|
||
<banner theme="blue" title="{{bannerTitle}}" metrics="{{bannerMetrics}}" />
|
||
|
||
<!-- ====== Loading 状态 ====== -->
|
||
<view class="state-loading" wx:if="{{pageState === 'loading'}}">
|
||
<view class="loading-placeholder" wx:for="{{[1,2,3]}}" wx:key="*this">
|
||
<view class="ph-line ph-line--title"></view>
|
||
<view class="ph-line ph-line--body"></view>
|
||
<view class="ph-line ph-line--short"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ====== 空状态 ====== -->
|
||
<view class="state-empty" wx:elif="{{pageState === 'empty'}}">
|
||
<t-icon name="task" size="160rpx" color="#dcdcdc" />
|
||
<text class="empty-text">暂无待办任务</text>
|
||
</view>
|
||
|
||
<!-- ====== 正常态：任务列表 ====== -->
|
||
<view class="task-section" wx:elif="{{pageState === 'normal'}}">
|
||
<!-- 标题行 -->
|
||
<view class="section-header">
|
||
<text class="section-title">今日 客户维护</text>
|
||
<text class="section-count">共 {{taskCount}} 项</text>
|
||
</view>
|
||
|
||
<!-- 任务卡片列表 -->
|
||
<view
|
||
class="task-card"
|
||
wx:for="{{tasks}}"
|
||
wx:key="id"
|
||
data-id="{{item.id}}"
|
||
data-name="{{item.customerName}}"
|
||
data-tasktype="{{item.taskType}}"
|
||
bindtap="onTaskTap"
|
||
bindlongpress="onTaskLongPress"
|
||
>
|
||
<!-- 左侧彩色边条 -->
|
||
<view class="card-border" style="background-color: {{item.typeColor}};"></view>
|
||
|
||
<view class="card-body">
|
||
<!-- 第一行：标签 + 客户名 + 爱心 + 备注 -->
|
||
<view class="card-row-1">
|
||
<view class="task-type-tag" style="background-color: {{item.typeColor}};">
|
||
<text class="tag-text">{{item.taskTypeLabel}}</text>
|
||
</view>
|
||
<text class="customer-name">{{item.customerName}}</text>
|
||
<heart-icon score="{{item.heartScore}}" />
|
||
<text class="note-indicator" wx:if="{{item.hasNote}}">📝</text>
|
||
<text class="pin-indicator" wx:if="{{item.isPinned}}">📌</text>
|
||
</view>
|
||
|
||
<!-- 第二行：截止时间 -->
|
||
<view class="card-row-2">
|
||
<text class="deadline-text">截止：{{item.deadline}}</text>
|
||
</view>
|
||
|
||
<!-- 第三行：喜好标签 -->
|
||
<view class="card-row-3" wx:if="{{item.hobbies.length > 0}}">
|
||
<hobby-tag
|
||
wx:for="{{item.hobbies}}"
|
||
wx:for-item="hobby"
|
||
wx:key="*this"
|
||
type="{{hobby}}"
|
||
/>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 右侧箭头 -->
|
||
<view class="card-arrow">
|
||
<text class="arrow-icon">›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 加载更多提示 -->
|
||
<view class="load-more" wx:if="{{!hasMore}}">
|
||
<text class="load-more-text">— 没有更多了 —</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- ====== AI 悬浮按钮 ====== -->
|
||
<ai-float-button visible="{{pageState !== 'loading'}}" bottom="{{200}}" />
|
||
</view>
|
||
|
||
<dev-fab />
|