feat(ECR-017): AskOperations 问答会话只读并 Closed

新增 admin.ask.read、GET /admin/ask/threads*（AskSessionView）与 admin-h5「问答」页；禁改消息/UGC/真支付。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-07 18:39:37 +08:00
parent 1c157a0e46
commit 00a798bd85
33 changed files with 722 additions and 5 deletions
@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { RouterLink } from 'vue-router'
+import { adminApi } from '@/api/client'
+
+type Thread = Awaited<ReturnType<typeof adminApi.askThreads>>['items'][number]
+type Detail = Awaited<ReturnType<typeof adminApi.askThread>>
+
+const loading = ref(false)
+const error = ref('')
+const items = ref<Thread[]>([])
+const selected = ref<Detail | null>(null)
+const detailErr = ref('')
+const detailLoading = ref(false)
+
+async function load() {
+  loading.value = true
+  error.value = ''
+  try {
+    const res = await adminApi.askThreads()
+    items.value = res.items || []
+  } catch (e) {
+    error.value = e instanceof Error ? e.message : '加载失败'
+  } finally {
+    loading.value = false
+  }
+}
+
+async function openThread(id: string) {
+  detailLoading.value = true
+  detailErr.value = ''
+  selected.value = null
+  try {
+    selected.value = await adminApi.askThread(id)
+  } catch (e) {
+    detailErr.value = e instanceof Error ? e.message : '详情失败'
+  } finally {
+    detailLoading.value = false
+  }
+}
+
+function fmtTime(iso?: string) {
+  if (!iso) return '—'
+  try {
+    return new Date(iso).toLocaleString('zh-CN')
+  } catch {
+    return iso
+  }
+}
+
+onMounted(load)
+</script>
+
+<template>
+  <section>
+    <h1>问答会话</h1>
+    <p class="muted">只读 AskSessionView · 不可改写消息</p>
+    <p v-if="loading" class="muted">加载中…</p>
+    <p v-else-if="error" class="err">{{ error }}</p>
+    <div v-else class="layout">
+      <div class="card list">
+        <p v-if="!items.length" class="muted">暂无会话</p>
+        <table v-else>
+          <thead>
+            <tr><th>更新</th><th>场景</th><th>消息</th><th>用户</th><th></th></tr>
+          </thead>
+          <tbody>
+            <tr v-for="t in items" :key="t.id">
+              <td>{{ fmtTime(t.updated_at) }}</td>
+              <td>{{ t.scene || '—' }}</td>
+              <td>{{ t.message_count }}</td>
+              <td>
+                <RouterLink :to="`/users/${t.user_id}`">{{ t.user_id.slice(0, 8) }}…</RouterLink>
+              </td>
+              <td><button class="btn" type="button" @click="openThread(t.id)">查看</button></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="card detail">
+        <h2>会话详情</h2>
+        <p v-if="detailLoading" class="muted">加载中…</p>
+        <p v-else-if="detailErr" class="err">{{ detailErr }}</p>
+        <template v-else-if="selected">
+          <p class="meta">
+            {{ selected.scene || '—' }} · {{ selected.message_count }} 条 ·
+            <RouterLink :to="`/users/${selected.user_id}`">用户</RouterLink>
+          </p>
+          <ul class="msgs">
+            <li v-for="m in selected.messages" :key="m.id" :class="m.role">
+              <span class="role">{{ m.role }}</span>
+              <p>{{ m.content }}</p>
+              <time>{{ fmtTime(m.created_at) }}</time>
+            </li>
+          </ul>
+        </template>
+        <p v-else class="muted">选择左侧会话查看消息</p>
+      </div>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+h1 { margin: 0 0 0.35rem; font-size: 1.35rem; }
+h2 { margin: 0 0 0.6rem; font-size: 1.05rem; }
+.layout {
+  display: grid;
+  grid-template-columns: 1.1fr 1fr;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+.list table { width: 100%; font-size: 0.88rem; }
+.meta { color: var(--muted); font-size: 0.85rem; }
+.msgs { list-style: none; margin: 0.75rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.65rem; }
+.msgs li {
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  padding: 0.55rem 0.7rem;
+}
+.msgs .role { font-size: 0.75rem; color: var(--muted); text-transform: uppercase; }
+.msgs p { margin: 0.25rem 0; white-space: pre-wrap; word-break: break-word; }
+.msgs time { font-size: 0.75rem; color: var(--muted); }
+.msgs .assistant { background: rgba(255, 244, 242, 0.6); }
+@media (max-width: 900px) {
+  .layout { grid-template-columns: 1fr; }
+}
+</style>