feat: batch update - gift card breakdown spec, backend APIs, miniprogram pages, ETL finance recharge, docs & migrations

apps/DEMO-miniprogram/miniprogram/components/clue-card/clue-card.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

apps/DEMO-miniprogram/miniprogram/components/clue-card/clue-card.ts

@@ -0,0 +1,30 @@
+Component({
+  properties: {
+    tag: {
+      type: String,
+      value: '',
+    },
+    category: {
+      type: String,
+      value: 'primary',
+    },
+    emoji: {
+      type: String,
+      value: '',
+    },
+    title: {
+      type: String,
+      value: '',
+    },
+    source: {
+      type: String,
+      value: '',
+    },
+    content: {
+      type: String,
+      value: '',
+    },
+  },
+  data: {},
+  methods: {},
+})

apps/DEMO-miniprogram/miniprogram/components/clue-card/clue-card.wxml

@@ -0,0 +1,14 @@
+<view class="clue-item">
+  <view class="clue-tag clue-tag-{{category}}">
+    <text class="clue-tag-text">{{tag}}</text>
+  </view>
+  <view class="clue-content">
+    <view class="clue-text-container">
+      <text class="clue-text"><text class="clue-emoji">{{emoji}}</text> {{title}}</text>
+      <text class="clue-source">{{source}}</text>
+    </view>
+  </view>
+  <view class="clue-desc" wx:if="{{content}}">
+    <text class="clue-desc-text">{{content}}</text>
+  </view>
+</view>

apps/DEMO-miniprogram/miniprogram/components/clue-card/clue-card.wxss

@@ -0,0 +1,122 @@
+.clue-item {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 18rpx;
+  padding: 22rpx;
+  background: #fafafa;
+  border-radius: 22rpx;
+  border: 2rpx solid var(--color-gray-4);
+}
+
+.clue-tag {
+  width: 72rpx;
+  height: 72rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6rpx;
+  flex-shrink: 0;
+}
+
+.clue-tag-text {
+  font-size: 22rpx;
+  line-height: 1.3;
+  font-weight: 500;
+  text-align: center;
+  white-space: pre-line;
+}
+
+/* VI 规范 2.1 六种客户标签配色 */
+/* 客户基础 — 蓝色 */
+.clue-tag-primary {
+  background: rgba(0, 82, 217, 0.10);
+  color: #0052d9;
+}
+
+/* 消费习惯 — 绿色 */
+.clue-tag-success {
+  background: rgba(0, 168, 112, 0.10);
+  color: #00a870;
+}
+
+/* 玩法偏好 — 橙色 */
+.clue-tag-orange {
+  background: rgba(237, 123, 47, 0.12);
+  color: #ed7b2f;
+}
+
+/* 促销偏好 — 金色 */
+.clue-tag-gold {
+  background: rgba(251, 191, 36, 0.15);
+  color: #d4920a;
+}
+
+/* 社交关系 — 紫色 */
+.clue-tag-purple {
+  background: rgba(123, 97, 255, 0.10);
+  color: #7b61ff;
+}
+
+/* 重要反馈 — 红色 */
+.clue-tag-error {
+  background: rgba(227, 77, 89, 0.10);
+  color: #e34d59;
+}
+
+/* 粉色（社交关系别名） */
+.clue-tag-pink {
+  background: rgba(233, 30, 99, 0.10);
+  color: #e91e63;
+}
+
+/* warning 别名（促销偏好） */
+.clue-tag-warning {
+  background: rgba(251, 191, 36, 0.15);
+  color: #d4920a;
+}
+
+.clue-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.clue-text-container {
+  position: relative;
+  height: 72rpx;
+  overflow: hidden;
+  line-height: 36rpx;
+}
+
+.clue-emoji {
+  font-size: 28rpx;
+}
+
+.clue-text {
+  font-size: 26rpx;
+  line-height: 36rpx;
+  color: var(--color-gray-13);
+  word-break: break-all;
+}
+
+.clue-source {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  font-size: 24rpx;
+  line-height: 36rpx;
+  color: var(--color-gray-7);
+  white-space: nowrap;
+  background: linear-gradient(to left, #fafafa 70%, transparent);
+  padding-left: 50rpx;
+  z-index: 1;
+}
+
+.clue-desc {
+  line-height: 30rpx;
+}
+
+.clue-desc-text {
+  font-size: 22rpx;
+  color: var(--color-gray-9);
+}