主流程

2026-06-10 17:53:09 +08:00
parent c6f239f424
commit b20435c027
66 changed files with 2779 additions and 1181 deletions
@@ -47,7 +47,7 @@
          </div>
        </div>

-        <!-- Phase flow bar -->
+        <!-- Phase flow bar（阶段跳转始终由用户确认触发） -->
        <div class="flex items-center gap-1">
          <template
            v-for="(phase, idx) in PHASES"
@@ -69,157 +69,105 @@
          </template>
        </div>

-        <!-- Description -->
-        <NCard title="描述">
-          <p
-            v-if="data.requirement.description"
-            class="text-gray-700 whitespace-pre-wrap"
-          >
-            {{ data.requirement.description }}
-          </p>
-          <p
-            v-else
-            class="text-gray-400 text-sm"
-          >
-            暂无描述
-          </p>
-        </NCard>
-
-        <!-- Prototypes -->
-        <NCard title="原型">
-          <div class="flex gap-4">
-            <!-- Version list -->
-            <div class="w-56 shrink-0">
-              <NList
-                v-if="prototypes.length > 0"
-                :show-divider="false"
-              >
-                <NListItem
-                  v-for="p in prototypes"
-                  :key="p.id"
-                >
-                  <NThing
-                    class="cursor-pointer"
-                    @click="onSelectPrototype(p.version)"
-                  >
-                    <template #header>
-                      <span
-                        class="text-sm font-medium"
-                        :class="selectedVersion === p.version ? 'text-blue-600' : ''"
-                      >v{{ p.version }}</span>
-                    </template>
-                    <template #header-extra>
-                      <span class="text-xs text-gray-400">
-                        {{ new Date(p.created_at).toLocaleString() }}
-                      </span>
-                    </template>
-                    <span
-                      v-if="p.note"
-                      class="text-xs text-gray-500"
-                    >{{ p.note }}</span>
-                  </NThing>
-                </NListItem>
-              </NList>
-              <NEmpty
-                v-else
-                description="暂无原型版本"
-                size="small"
-              />
-            </div>
-
-            <!-- Selected content -->
-            <div class="flex-1 min-w-0">
+        <!-- 左右布局：左=需求信息+当前阶段产物，右=按阶段切换的 AI 工作面板 -->
+        <div class="flex gap-6 items-start">
+          <div class="w-[45%] shrink-0 space-y-6">
+            <!-- Description -->
+            <NCard title="描述">
              <p
-                v-if="selectedPrototype"
-                class="text-gray-700 whitespace-pre-wrap text-sm"
+                v-if="data.requirement.description"
+                class="text-gray-700 whitespace-pre-wrap"
              >
-                {{ selectedPrototype.content }}
+                {{ data.requirement.description }}
              </p>
              <p
                v-else
                class="text-gray-400 text-sm"
              >
-                选择左侧版本以查看内容
+                暂无描述
              </p>
-            </div>
+            </NCard>
+
+            <!-- 当前阶段产物（仅 AI 对话三阶段显示） -->
+            <ArtifactPanel
+              v-if="chatPhase"
+              ref="artifactPanelRef"
+              :slug="slug"
+              :number="number"
+              :phase="chatPhase"
+              :readonly="data.requirement.status !== 'open'"
+            />
+
+            <!-- Workspace card -->
+            <NCard title="工作区">
+              <NSelect
+                :value="data.requirement.workspace_id"
+                :options="workspaceOptions"
+                placeholder="未关联"
+                clearable
+                @update:value="onWorkspaceChange"
+              />
+            </NCard>
+
+            <!-- Linked Issues -->
+            <NCard title="关联 Issue">
+              <NList
+                v-if="data.issues.length > 0"
+                :show-divider="false"
+              >
+                <NListItem
+                  v-for="issue in data.issues"
+                  :key="issue.id"
+                >
+                  <NThing>
+                    <template #header>
+                      <span class="font-mono text-xs text-gray-400 mr-2">#{{ issue.number }}</span>
+                      <span class="text-sm font-medium">{{ issue.title }}</span>
+                    </template>
+                    <template #header-extra>
+                      <NTag
+                        :type="issue.status === 'open' ? 'success' : 'default'"
+                        size="tiny"
+                      >
+                        {{ issue.status === 'open' ? '开放' : '关闭' }}
+                      </NTag>
+                    </template>
+                  </NThing>
+                </NListItem>
+              </NList>
+              <NEmpty
+                v-else
+                description="暂无关联 Issue"
+              />
+            </NCard>
          </div>

-          <!-- New version form -->
-          <NDivider />
-          <div
-            v-if="data.requirement.status === 'open'"
-            class="space-y-2"
-          >
-            <NInput
-              v-model:value="newContent"
-              type="textarea"
-              placeholder="原型内容"
-              :autosize="{ minRows: 4, maxRows: 12 }"
+          <!-- 右栏：v-if 切换保证阶段变化时旧面板卸载（自动断流） -->
+          <div class="flex-1 min-w-0">
+            <RequirementChatPanel
+              v-if="chatPhase"
+              :slug="slug"
+              :requirement="data.requirement"
+              :phase="chatPhase"
+              :prev-artifact="prevArtifact"
+              :readonly="data.requirement.status !== 'open'"
+              class="min-h-[70vh]"
+              @artifact-saved="onArtifactSaved"
            />
-            <NInput
-              v-model:value="newNote"
-              placeholder="备注（可选）"
+            <RequirementAcpPanel
+              v-else-if="
+                data.requirement.phase === 'implementing' || data.requirement.phase === 'reviewing'
+              "
+              :slug="slug"
+              :requirement="data.requirement"
+            />
+            <RequirementSummaryPanel
+              v-else
+              :slug="slug"
+              :number="number"
            />
-            <NButton
-              type="primary"
-              size="small"
-              :loading="submitting"
-              :disabled="!newContent.trim()"
-              @click="onSubmitPrototype"
-            >
-              提交新版本
-            </NButton>
          </div>
-          <p
-            v-else
-            class="text-gray-400 text-sm"
-          >
-            需求已关闭，无法提交新版本
-          </p>
-        </NCard>
-
-        <!-- Workspace card -->
-        <NCard title="工作区">
-          <NSelect
-            :value="data.requirement.workspace_id"
-            :options="workspaceOptions"
-            placeholder="未关联"
-            clearable
-            @update:value="onWorkspaceChange"
-          />
-        </NCard>
-
-        <!-- Linked Issues -->
-        <NCard title="关联 Issue">
-          <NList
-            v-if="data.issues.length > 0"
-            :show-divider="false"
-          >
-            <NListItem
-              v-for="issue in data.issues"
-              :key="issue.id"
-            >
-              <NThing>
-                <template #header>
-                  <span class="font-mono text-xs text-gray-400 mr-2">#{{ issue.number }}</span>
-                  <span class="text-sm font-medium">{{ issue.title }}</span>
-                </template>
-                <template #header-extra>
-                  <NTag
-                    :type="issue.status === 'open' ? 'success' : 'default'"
-                    size="tiny"
-                  >
-                    {{ issue.status === 'open' ? '开放' : '关闭' }}
-                  </NTag>
-                </template>
-              </NThing>
-            </NListItem>
-          </NList>
-          <NEmpty
-            v-else
-            description="暂无关联 Issue"
-          />
-        </NCard>
+        </div>
      </div>

      <div
@@ -233,7 +181,7 @@
 </template>

 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useDialog } from 'naive-ui'
 import {
@@ -246,26 +194,31 @@ import {
  NListItem,
  NThing,
  NEmpty,
-  NInput,
-  NDivider,
 } from 'naive-ui'
 import AppShell from '@/layouts/AppShell.vue'
 import { projectsApi } from '@/api/projects'
 import { useRequirementsStore } from '@/stores/requirements'
 import { useWorkspacesStore } from '@/stores/workspaces'
-import type { Phase, Prototype, RequirementDetail } from '@/api/projects'
+import { PREV_ARTIFACT_PHASE } from '@/constants/requirementPhasePrompts'
+import ArtifactPanel from './components/ArtifactPanel.vue'
+import RequirementChatPanel from './components/RequirementChatPanel.vue'
+import RequirementAcpPanel from './components/RequirementAcpPanel.vue'
+import RequirementSummaryPanel from './components/RequirementSummaryPanel.vue'
+import type { Artifact, ArtifactPhase, Phase, RequirementDetail } from '@/api/projects'

 const PHASES: Phase[] = ['planning', 'prototyping', 'auditing', 'implementing', 'reviewing', 'done']

 const PHASE_LABELS: Record<Phase, string> = {
  planning: '规划中',
  prototyping: '原型设计',
-  auditing: '审核中',
+  auditing: '评审中',
  implementing: '实施中',
-  reviewing: '评审中',
+  reviewing: '验收中',
  done: '已完成',
 }

+const CHAT_PHASES: ArtifactPhase[] = ['planning', 'prototyping', 'auditing']
+
 const route = useRoute()
 const router = useRouter()
 const dialog = useDialog()
@@ -278,20 +231,18 @@ const number = Number(route.params.number)
 const loading = ref(false)
 const toggling = ref(false)
 const data = ref<RequirementDetail | null>(null)
-
-const prototypes = ref<Prototype[]>([])
-const selectedVersion = ref<number | null>(null)
-const newContent = ref('')
-const newNote = ref('')
-const submitting = ref(false)
+const artifactPanelRef = ref<InstanceType<typeof ArtifactPanel> | null>(null)
+const prevArtifact = ref<Artifact | null>(null)

 const workspaceOptions = computed(() =>
  wsStore.list.map((w) => ({ label: `${w.name} (${w.slug})`, value: w.id })),
 )

-const selectedPrototype = computed(() =>
-  prototypes.value.find((p) => p.version === selectedVersion.value) ?? null,
-)
+// 当前阶段属于 AI 对话三阶段时返回该阶段，否则 null。
+const chatPhase = computed<ArtifactPhase | null>(() => {
+  const p = data.value?.requirement.phase
+  return p && (CHAT_PHASES as Phase[]).includes(p) ? (p as ArtifactPhase) : null
+})

 async function fetchData() {
  loading.value = true
@@ -301,44 +252,25 @@ async function fetchData() {
      wsStore.fetchByProject(slug),
    ])
    data.value = detail
-    await refreshPrototypes()
  } finally {
    loading.value = false
  }
 }

-async function refreshPrototypes() {
-  prototypes.value = await store.listPrototypes(slug, number)
-  // 默认选中最新版本
-  if (prototypes.value.length > 0) {
-    const latest = prototypes.value[prototypes.value.length - 1]
-    if (selectedVersion.value === null || !selectedPrototype.value) {
-      selectedVersion.value = latest.version
-    }
-  } else {
-    selectedVersion.value = null
-  }
+// 上一阶段产物最新版：注入新会话 system prompt（planning 无上一阶段）。
+async function loadPrevArtifact() {
+  prevArtifact.value = null
+  if (!chatPhase.value) return
+  const prevPhase = PREV_ARTIFACT_PHASE[chatPhase.value]
+  if (!prevPhase) return
+  const list = await store.listArtifacts(slug, number, prevPhase)
+  prevArtifact.value = list.length > 0 ? list[list.length - 1] : null
 }

-function onSelectPrototype(version: number) {
-  selectedVersion.value = version
-}
+watch(chatPhase, loadPrevArtifact)

-async function onSubmitPrototype() {
-  if (!newContent.value.trim()) return
-  submitting.value = true
-  try {
-    const created = await store.createPrototype(slug, number, {
-      content: newContent.value,
-      note: newNote.value || undefined,
-    })
-    newContent.value = ''
-    newNote.value = ''
-    selectedVersion.value = created.version
-    await refreshPrototypes()
-  } finally {
-    submitting.value = false
-  }
+function onArtifactSaved() {
+  artifactPanelRef.value?.refresh()
 }

 async function onWorkspaceChange(v: string | null) {
@@ -384,5 +316,8 @@ async function onReopen() {
  }
 }

-onMounted(fetchData)
+onMounted(async () => {
+  await fetchData()
+  await loadPrevArtifact()
+})
 </script>