微信小程序页面迁移校验之前 P5任务处理之前

apps/miniprogram - 副本/miniprogram/pages/task-list/task-list.wxml

@@ -0,0 +1,88 @@
+<!-- 任务列表页 -->
+<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 />