feat(aihr): close phase two practice pilot gates

frontend/src/views/knowledge/sop.vue

@@ -50,6 +50,13 @@
           <strong>AI 回答</strong>
           <p>{{ answerText }}</p>
           <span>引用：{{ referenceText }}</span>
+          <div class="review-row">
+            <small>{{ reviewMessage }}</small>
+            <div>
+              <el-button size="small" type="success" :loading="reviewSaving" :disabled="!canReview" @click="markReview(true)">可用</el-button>
+              <el-button size="small" :loading="reviewSaving" :disabled="!canReview" @click="markReview(false)">不可用</el-button>
+            </div>
+          </div>
         </div>
         <div v-else class="empty-state">点击检索后展示命中文档、原文片段和带引用的 AI 回答。</div>
         <div v-if="searched" class="doc-list">
@@ -105,7 +112,7 @@ import { ElMessage } from 'element-plus';
 import type { UploadFile } from 'element-plus';
 import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { searchKnowledgeSop, uploadKnowledgeDoc, type SopRecord, type SopSearchResponse } from '@/api/aihr/sop';
+import { reviewKnowledgeSop, searchKnowledgeSop, uploadKnowledgeDoc, type SopRecord, type SopSearchResponse } from '@/api/aihr/sop';
 
 const router = useRouter();
 
@@ -203,6 +210,8 @@ const apiMode = ref<'seed' | 'api' | 'fallback'>('seed');
 const apiResult = ref<SopSearchResponse | null>(null);
 const uploading = ref(false);
 const uploadedRecords = ref<SopRecord[]>([]);
+const reviewSaving = ref(false);
+const reviewStatus = ref('');
 
 const activeSeed = computed(() => sopSeeds[selectedCategory.value]);
 const answerText = computed(() => apiResult.value?.answer ?? activeSeed.value.answer);
@@ -220,6 +229,12 @@ const flowStatus = computed(() => {
   if (searched.value) return { label: `已命中 ${snippets.value.length} 段`, type: 'pill-primary' };
   return { label: '可引用 SOP 内容', type: 'pill-success' };
 });
+const canReview = computed(() => apiMode.value === 'api' && Boolean(apiResult.value?.reviewId));
+const reviewMessage = computed(() => {
+  if (reviewStatus.value) return reviewStatus.value;
+  if (canReview.value) return `待评审样本 #${apiResult.value?.reviewId}`;
+  return '后端检索后可评审';
+});
 
 const seedRecords = [
   {
@@ -257,10 +272,12 @@ function selectCategory(item: Category) {
   trainingGenerated.value = false;
   apiMode.value = 'seed';
   apiResult.value = null;
+  reviewStatus.value = '';
 }
 
 async function runSearch() {
   trainingGenerated.value = false;
+  reviewStatus.value = '';
   try {
     const { data } = await searchKnowledgeSop({
       queryText: queryText.value,
@@ -279,6 +296,28 @@ async function runSearch() {
   }
 }
 
+async function markReview(usable: boolean) {
+  const reviewId = apiResult.value?.reviewId;
+  if (!reviewId) {
+    ElMessage.warning('请先完成一次后端 SOP 检索');
+    return;
+  }
+  reviewSaving.value = true;
+  try {
+    const { data } = await reviewKnowledgeSop(reviewId, {
+      usable,
+      reviewer: '管理端评审',
+      note: usable ? '回答可用于试点问答' : '回答需补充或修正'
+    });
+    reviewStatus.value = `${data.status}：${data.usable ? '可用' : '不可用'} ${data.reviewedAt}`;
+    ElMessage.success('SOP 问答评审已记录');
+  } catch {
+    ElMessage.error('SOP 问答评审失败');
+  } finally {
+    reviewSaving.value = false;
+  }
+}
+
 async function handleDocSelected(uploadFile: UploadFile) {
   const raw = uploadFile.raw;
   if (!raw) return;
@@ -442,6 +481,19 @@ async function generateTraining() {
   }
 }
 
+.review-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-top: 12px;
+
+  small {
+    color: #657184;
+    font-size: 12px;
+  }
+}
+
 .empty-state,
 .training-card {
   padding: 14px;