feat(ECR-016): UserIntelligence 用户洞察只读切片并 Closed

聚合 GET /admin/users/:id/insight（报告类型/派生标签/行为快照），admin-h5 洞察 Tab；无 migration / 无 UGC / 无真支付。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/admin-h5/src/api/client.ts

@@ -31,7 +31,17 @@ async function request<T>(method: string, path: string, body?: unknown): Promise
     headers,
     body: body === undefined ? undefined : JSON.stringify(body),
   })
-  const env = (await res.json()) as ApiEnvelope<T>
+  const text = await res.text()
+  let env: ApiEnvelope<T>
+  try {
+    env = JSON.parse(text) as ApiEnvelope<T>
+  } catch {
+    throw new Error(
+      res.status === 404
+        ? `接口不存在或后端未更新（${path}）`
+        : `响应不是 JSON（HTTP ${res.status}）`,
+    )
+  }
   if (!res.ok || env.code !== 0) {
     throw new Error(env.message || `HTTP ${res.status}`)
   }
@@ -130,6 +140,18 @@ export const adminApi = {
         created_at: string
       }>
     }>('GET', `/users/${id}/status-transitions`),
+  userInsight: (id: string) =>
+    request<{
+      user_id: string
+      profiles_count: number
+      reports_by_type: Array<{ type: string; count: number }>
+      recent_reports: Array<{ id: string; type: string; created_at: string }>
+      tags: Array<{ code: string; label: string }>
+      behavior: {
+        events: Array<{ name: string; page_path?: string; received_at: string }>
+        ask_thread_count: number
+      }
+    }>('GET', `/users/${id}/insight`),
   grant: (id: string, plan: string) =>
     request<{ ok: boolean }>('POST', `/users/${id}/membership/grant`, { plan }),
   grantAskQuota: (id: string, delta: number) =>

apps/admin-h5/src/pages/UserDetailPage.vue

@@ -1,14 +1,20 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { RouterLink, useRoute } from 'vue-router'
 import { adminApi, type UserDetail } from '@/api/client'
 import { useAuthStore } from '@/stores/auth'
 
+type Insight = Awaited<ReturnType<typeof adminApi.userInsight>>
+
 const route = useRoute()
 const auth = useAuthStore()
 const loading = ref(false)
 const error = ref('')
 const detail = ref<UserDetail | null>(null)
+const tab = ref<'base' | 'insight'>('base')
+const insight = ref<Insight | null>(null)
+const insightErr = ref('')
+const insightLoading = ref(false)
 const plan = ref('month')
 const askDelta = ref(10)
 const grantMsg = ref('')
@@ -33,8 +39,15 @@ async function load() {
   try {
     const id = String(route.params.id)
     detail.value = await adminApi.user(id)
-    const tr = await adminApi.statusTransitions(id)
-    transitions.value = tr.items || []
+    try {
+      const tr = await adminApi.statusTransitions(id)
+      transitions.value = tr.items || []
+    } catch {
+      transitions.value = []
+    }
+    if (tab.value === 'insight') {
+      await loadInsight()
+    }
   } catch (e) {
     error.value = e instanceof Error ? e.message : '加载失败'
   } finally {
@@ -42,6 +55,25 @@ async function load() {
   }
 }
 
+async function loadInsight() {
+  insightLoading.value = true
+  insightErr.value = ''
+  try {
+    insight.value = await adminApi.userInsight(String(route.params.id))
+  } catch (e) {
+    insightErr.value = e instanceof Error ? e.message : '洞察加载失败'
+    insight.value = null
+  } finally {
+    insightLoading.value = false
+  }
+}
+
+watch(tab, (v) => {
+  if (v === 'insight' && !insight.value && !insightLoading.value) {
+    void loadInsight()
+  }
+})
+
 async function grant() {
   grantMsg.value = ''
   try {
@@ -104,119 +136,187 @@ onMounted(load)
     <p v-if="loading" class="muted">加载中…</p>
     <p v-else-if="error" class="err">{{ error }}</p>
     <template v-else-if="detail">
-      <div class="card block">
-        <h2>账号</h2>
-        <div class="kv">
-          <div><span>昵称</span><strong>{{ detail.nickname || '—' }}</strong></div>
-          <div><span>手机</span><strong>{{ detail.phone || '—' }}</strong></div>
-          <div><span>状态</span><strong>{{ detail.status }}</strong></div>
-          <div><span>创建</span><strong>{{ fmtTime(detail.created_at) }}</strong></div>
-          <div class="wide"><span>ID</span><code>{{ detail.id }}</code></div>
-        </div>
-        <div v-if="canWriteStatus" class="grant">
-          <select v-model="nextStatus">
-            <option value="active">active</option>
-            <option value="disabled">disabled</option>
-            <option value="banned">banned</option>
-            <option value="suspended">suspended</option>
-          </select>
-          <input v-model="statusReason" class="reason" type="text" placeholder="原因（必填）" />
-          <button class="btn" type="button" @click="changeStatus">变更状态</button>
-          <span v-if="statusMsg" class="muted">{{ statusMsg }}</span>
-        </div>
-        <div v-if="transitions.length" class="trans">
-          <h3>状态迁移</h3>
-          <ul>
-            <li v-for="(t, i) in transitions" :key="i">
-              {{ t.from_status }} → {{ t.to_status }} · {{ t.reason || '—' }} · {{ fmtTime(t.created_at) }}
-            </li>
-          </ul>
-        </div>
+      <div class="tabs">
+        <button type="button" :class="{ on: tab === 'base' }" @click="tab = 'base'">基础</button>
+        <button type="button" :class="{ on: tab === 'insight' }" @click="tab = 'insight'">洞察</button>
       </div>
 
-      <div class="card block">
-        <h2>成长会员</h2>
-        <p v-if="detail.membership">
-          {{ detail.membership.active ? '有效' : '无效' }} ·
-          {{ detail.membership.plan || '—' }} ·
-          会员问答余量 {{ detail.membership.ask_quota_left ?? 0 }} ·
-          到期 {{ fmtTime(detail.membership.expires_at) }}
-        </p>
-        <div class="grant">
-          <select v-model="plan">
-            <option value="month">月卡</option>
-            <option value="quarter">季卡</option>
-            <option value="year">年卡</option>
-          </select>
-          <button class="btn" type="button" @click="grant">授予 / 延长</button>
-          <span v-if="grantMsg" class="muted">{{ grantMsg }}</span>
+      <template v-if="tab === 'base'">
+        <div class="card block">
+          <h2>账号</h2>
+          <div class="kv">
+            <div><span>昵称</span><strong>{{ detail.nickname || '—' }}</strong></div>
+            <div><span>手机</span><strong>{{ detail.phone || '—' }}</strong></div>
+            <div><span>状态</span><strong>{{ detail.status }}</strong></div>
+            <div><span>创建</span><strong>{{ fmtTime(detail.created_at) }}</strong></div>
+            <div class="wide"><span>ID</span><code>{{ detail.id }}</code></div>
+          </div>
+          <div v-if="canWriteStatus" class="grant">
+            <select v-model="nextStatus">
+              <option value="active">active</option>
+              <option value="disabled">disabled</option>
+              <option value="banned">banned</option>
+              <option value="suspended">suspended</option>
+            </select>
+            <input v-model="statusReason" class="reason" type="text" placeholder="原因（必填）" />
+            <button class="btn" type="button" @click="changeStatus">变更状态</button>
+            <span v-if="statusMsg" class="muted">{{ statusMsg }}</span>
+          </div>
+          <div v-if="transitions.length" class="trans">
+            <h3>状态迁移</h3>
+            <ul>
+              <li v-for="(t, i) in transitions" :key="i">
+                {{ t.from_status }} → {{ t.to_status }} · {{ t.reason || '—' }} · {{ fmtTime(t.created_at) }}
+              </li>
+            </ul>
+          </div>
         </div>
-      </div>
 
-      <div class="card block">
-        <h2>问答额度（已购）</h2>
-        <p>已购余量：<strong>{{ detail.ask_paid_quota_left }}</strong> 次</p>
-        <div class="grant">
-          <select v-model.number="askDelta">
-            <option :value="10">+10</option>
-            <option :value="30">+30</option>
-            <option :value="100">+100</option>
-          </select>
-          <button class="btn" type="button" @click="grantAsk">增加额度</button>
-          <span v-if="askMsg" class="muted">{{ askMsg }}</span>
+        <div class="card block">
+          <h2>成长会员</h2>
+          <p v-if="detail.membership">
+            {{ detail.membership.active ? '有效' : '无效' }} ·
+            {{ detail.membership.plan || '—' }} ·
+            会员问答余量 {{ detail.membership.ask_quota_left ?? 0 }} ·
+            到期 {{ fmtTime(detail.membership.expires_at) }}
+          </p>
+          <div class="grant">
+            <select v-model="plan">
+              <option value="month">月卡</option>
+              <option value="quarter">季卡</option>
+              <option value="year">年卡</option>
+            </select>
+            <button class="btn" type="button" @click="grant">授予 / 延长</button>
+            <span v-if="grantMsg" class="muted">{{ grantMsg }}</span>
+          </div>
         </div>
-      </div>
 
-      <div class="card block">
-        <h2>档案（{{ detail.profiles?.length || 0 }}）</h2>
-        <p v-if="!detail.profiles?.length" class="muted">无档案</p>
-        <table v-else>
-          <thead>
-            <tr><th>称呼</th><th>关系</th><th>生日</th><th>ID</th></tr>
-          </thead>
-          <tbody>
-            <tr v-for="p in detail.profiles" :key="p.id">
-              <td>{{ p.display_name || '未命名' }}</td>
-              <td>{{ p.relation }}</td>
-              <td>{{ p.birth_date || '—' }}</td>
-              <td><code>{{ p.id.slice(0, 8) }}…</code></td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
+        <div class="card block">
+          <h2>问答额度（已购）</h2>
+          <p>已购余量：<strong>{{ detail.ask_paid_quota_left }}</strong> 次</p>
+          <div class="grant">
+            <select v-model.number="askDelta">
+              <option :value="10">+10</option>
+              <option :value="30">+30</option>
+              <option :value="100">+100</option>
+            </select>
+            <button class="btn" type="button" @click="grantAsk">增加额度</button>
+            <span v-if="askMsg" class="muted">{{ askMsg }}</span>
+          </div>
+        </div>
 
-      <div class="card block">
-        <h2>成长报告（近 {{ detail.reports?.length || 0 }}）</h2>
-        <p v-if="!detail.reports?.length" class="muted">无报告</p>
-        <table v-else>
-          <thead>
-            <tr><th>类型</th><th>时间</th><th>ID</th></tr>
-          </thead>
-          <tbody>
-            <tr v-for="r in detail.reports" :key="r.id">
-              <td>{{ typeLabel[r.type] || r.type }}</td>
-              <td>{{ fmtTime(r.created_at) }}</td>
-              <td><code>{{ r.id.slice(0, 8) }}…</code></td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
+        <div class="card block">
+          <h2>档案（{{ detail.profiles?.length || 0 }}）</h2>
+          <p v-if="!detail.profiles?.length" class="muted">无档案</p>
+          <table v-else>
+            <thead>
+              <tr><th>称呼</th><th>关系</th><th>生日</th><th>ID</th></tr>
+            </thead>
+            <tbody>
+              <tr v-for="p in detail.profiles" :key="p.id">
+                <td>{{ p.display_name || '未命名' }}</td>
+                <td>{{ p.relation }}</td>
+                <td>{{ p.birth_date || '—' }}</td>
+                <td><code>{{ p.id.slice(0, 8) }}…</code></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
 
-      <div class="card block">
-        <h2>近订单</h2>
-        <p v-if="!detail.recent_orders?.length" class="muted">无订单</p>
-        <table v-else>
-          <thead><tr><th>类型</th><th>状态</th><th>金额</th><th>时间</th></tr></thead>
-          <tbody>
-            <tr v-for="o in detail.recent_orders" :key="o.id">
-              <td>{{ o.kind }} {{ o.plan || '' }}</td>
-              <td>{{ o.status }}</td>
-              <td>{{ (o.amount_cents / 100).toFixed(2) }}</td>
-              <td>{{ fmtTime(o.created_at) }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
+        <div class="card block">
+          <h2>成长报告（近 {{ detail.reports?.length || 0 }}）</h2>
+          <p v-if="!detail.reports?.length" class="muted">无报告</p>
+          <table v-else>
+            <thead>
+              <tr><th>类型</th><th>时间</th><th>ID</th></tr>
+            </thead>
+            <tbody>
+              <tr v-for="r in detail.reports" :key="r.id">
+                <td>{{ typeLabel[r.type] || r.type }}</td>
+                <td>{{ fmtTime(r.created_at) }}</td>
+                <td><code>{{ r.id.slice(0, 8) }}…</code></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="card block">
+          <h2>近订单</h2>
+          <p v-if="!detail.recent_orders?.length" class="muted">无订单</p>
+          <table v-else>
+            <thead><tr><th>类型</th><th>状态</th><th>金额</th><th>时间</th></tr></thead>
+            <tbody>
+              <tr v-for="o in detail.recent_orders" :key="o.id">
+                <td>{{ o.kind }} {{ o.plan || '' }}</td>
+                <td>{{ o.status }}</td>
+                <td>{{ (o.amount_cents / 100).toFixed(2) }}</td>
+                <td>{{ fmtTime(o.created_at) }}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </template>
+
+      <template v-else>
+        <p v-if="insightLoading" class="muted">加载洞察…</p>
+        <p v-else-if="insightErr" class="err">{{ insightErr }}</p>
+        <template v-else-if="insight">
+          <div class="card block">
+            <h2>概览</h2>
+            <div class="kv">
+              <div><span>档案数</span><strong>{{ insight.profiles_count }}</strong></div>
+              <div><span>问答线程</span><strong>{{ insight.behavior.ask_thread_count }}</strong></div>
+            </div>
+          </div>
+          <div class="card block">
+            <h2>心理标签（派生）</h2>
+            <p v-if="!insight.tags?.length" class="muted">暂无（无成长报告类型）</p>
+            <ul v-else class="tags">
+              <li v-for="t in insight.tags" :key="t.code">{{ t.label }} <code>{{ t.code }}</code></li>
+            </ul>
+          </div>
+          <div class="card block">
+            <h2>报告类型</h2>
+            <p v-if="!insight.reports_by_type?.length" class="muted">无</p>
+            <table v-else>
+              <thead><tr><th>类型</th><th>次数</th></tr></thead>
+              <tbody>
+                <tr v-for="c in insight.reports_by_type" :key="c.type">
+                  <td>{{ typeLabel[c.type] || c.type }}</td>
+                  <td>{{ c.count }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="card block">
+            <h2>近报告</h2>
+            <p v-if="!insight.recent_reports?.length" class="muted">无</p>
+            <table v-else>
+              <thead><tr><th>类型</th><th>时间</th></tr></thead>
+              <tbody>
+                <tr v-for="r in insight.recent_reports" :key="r.id">
+                  <td>{{ typeLabel[r.type] || r.type }}</td>
+                  <td>{{ fmtTime(r.created_at) }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="card block">
+            <h2>行为快照</h2>
+            <p v-if="!insight.behavior.events?.length" class="muted">暂无埋点（仍为正常）</p>
+            <table v-else>
+              <thead><tr><th>事件</th><th>页面</th><th>时间</th></tr></thead>
+              <tbody>
+                <tr v-for="(e, i) in insight.behavior.events" :key="i">
+                  <td>{{ e.name }}</td>
+                  <td>{{ e.page_path || '—' }}</td>
+                  <td>{{ fmtTime(e.received_at) }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </template>
+      </template>
     </template>
   </section>
 </template>
@@ -227,6 +327,16 @@ onMounted(load)
 h1 { margin: 0 0 1rem; font-size: 1.35rem; }
 h2 { margin: 0 0 0.6rem; font-size: 1.05rem; }
 h3 { margin: 0.75rem 0 0.35rem; font-size: 0.95rem; }
+.tabs { display: flex; gap: 0.35rem; margin-bottom: 1rem; }
+.tabs button {
+  border: 1px solid var(--line);
+  background: transparent;
+  border-radius: 8px;
+  padding: 0.4rem 0.85rem;
+  cursor: pointer;
+  color: var(--muted);
+}
+.tabs button.on { color: var(--text); border-color: var(--accent); }
 .block { margin-bottom: 1rem; }
 .kv {
   display: grid;
@@ -244,4 +354,12 @@ h3 { margin: 0.75rem 0 0.35rem; font-size: 0.95rem; }
 }
 .grant .reason { min-width: 12rem; }
 .trans ul { margin: 0; padding-left: 1.1rem; color: var(--muted); font-size: 0.85rem; }
+.tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
+.tags li {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.35rem 0.6rem;
+  font-size: 0.9rem;
+}
+.tags code { margin-left: 0.35rem; font-size: 0.75rem; color: var(--muted); }
 </style>