feat(版本详情): 接入计划时间与日期选择

apps/web/components/test-case/TestCaseCreateModal.tsx

@@ -7,9 +7,11 @@ import { useRequirementStore } from '@/stores/useRequirementStore';
 import { useMemberStore } from '@/stores/useMemberStore';
 import { useTaskCategoryStore } from '@/stores/useTaskCategoryStore';
 import { useAuthStore } from '@/stores/useAuthStore';
+import { WorkDateTimePicker } from '@/components/WorkDateTimePicker';
 import type { Priority } from '@/lib/derive';
 import { getCategoriesByGroup, getDefaultCategoryByGroup } from '@/lib/task-category';
 import { clampTestCaseEstimateHours, getDefaultTestCaseEstimateHours } from '@/lib/ai-estimation-policy';
+import { isoToLocal, localToISO } from '@/lib/work-hours';
 
 interface Props {
   versionId: string;
@@ -18,6 +20,12 @@ interface Props {
   onClose: () => void;
 }
 
+function defaultPlannedTestLocal(): string {
+  const d = new Date();
+  d.setHours(9, 0, 0, 0);
+  return isoToLocal(d.toISOString());
+}
+
 export function TestCaseCreateModal({ versionId, requirementIds, roundNo, onClose }: Props) {
   const { createTestCase } = useTestCaseStore();
   const { requirements } = useRequirementStore();
@@ -40,6 +48,7 @@ export function TestCaseCreateModal({ versionId, requirementIds, roundNo, onClos
     [categories, categoryId, testCategories],
   );
   const [estimateHours, setEstimateHours] = useState(0.5);
+  const [plannedTestLocal, setPlannedTestLocal] = useState(defaultPlannedTestLocal);
   const [assigneeId, setAssigneeId] = useState(user?.name || '');
   const [description, setDescription] = useState('');
   const [prototypeNotes, setPrototypeNotes] = useState('');
@@ -59,7 +68,8 @@ export function TestCaseCreateModal({ versionId, requirementIds, roundNo, onClos
   };
 
   const normalizedEstimateHours = clampTestCaseEstimateHours(selectedCategory?.code, estimateHours);
-  const canSubmit = title.trim() && categoryId && normalizedEstimateHours > 0;
+  const plannedTestAt = localToISO(plannedTestLocal);
+  const canSubmit = title.trim() && categoryId && normalizedEstimateHours > 0 && Boolean(plannedTestAt);
 
   const handleSubmit = () => {
     if (!canSubmit) return;
@@ -81,6 +91,7 @@ export function TestCaseCreateModal({ versionId, requirementIds, roundNo, onClos
       categoryId,
       priority,
       estimateHours: normalizedEstimateHours,
+      plannedTestAt,
       assigneeId: assigneeId || undefined,
       references: references.length > 0 ? references : undefined,
       createdBy: user?.name || '系统',
@@ -143,6 +154,15 @@ export function TestCaseCreateModal({ versionId, requirementIds, roundNo, onClos
               </select>
             </div>
           </div>
+          <div>
+            <label className="block text-[12px] text-[var(--ink-soft)] mb-1">计划测试时间 *</label>
+            <WorkDateTimePicker
+              value={plannedTestLocal}
+              onChange={setPlannedTestLocal}
+              placeholder="选择计划测试时间"
+              defaultHour={9}
+            />
+          </div>
           <div>
             <label className="block text-[12px] text-[var(--ink-soft)] mb-1">测试步骤 & 预期结果</label>
             <textarea rows={4} value={description} onChange={(e) => setDescription(e.target.value)} className="w-full rounded-lg border border-[var(--line)] bg-[var(--bg)] px-3 py-2 text-[13px] focus:border-[var(--accent)] focus:outline-none resize-none" placeholder="1. 操作步骤...&#10;2. 预期结果..." />

apps/web/components/test-case/TestCaseDetailDrawer.tsx

@@ -157,6 +157,7 @@ export function TestCaseDetailDrawer({ testCaseId, onClose, onCreateBug, context
           <div className="rounded-xl border border-[var(--line)] bg-[var(--bg-card)] p-4">
             <div className="text-[10px] text-[var(--ink-muted)] uppercase tracking-wide mb-3">基本信息</div>
             <div className="grid grid-cols-2 gap-y-3 gap-x-4 text-[12px]">
+              <div><span className="text-[var(--ink-muted)]">计划测试：</span><span className="text-[var(--ink)] font-medium">{tc.plannedTestAt ? formatDateTime(tc.plannedTestAt) : '待排期'}</span></div>
               <div><span className="text-[var(--ink-muted)]">优先级：</span><span className="text-[var(--ink)] font-medium">{tc.priority}</span></div>
               <div className="flex items-center gap-1.5"><span className="text-[var(--ink-muted)]">任务类型：</span><CategoryChip category={category} /></div>
               <div><span className="text-[var(--ink-muted)]">负责人：</span><span className="text-[var(--ink)] font-medium">{tc.assigneeId || '-'}</span></div>

apps/web/components/test-case/TestCaseRow.tsx

@@ -4,6 +4,7 @@ import { memo } from 'react';
 import { TestCaseStatusBadge } from './TestCaseStatusBadge';
 import { getTestCaseActualHours, getTestCaseEstimateHours } from '@/lib/test-case';
 import { formatWorkHours } from '@/lib/work-hours';
+import { formatDateTimeShort } from '@/lib/format';
 import type { TestCase } from '@/lib/test-case';
 import type { TaskCategory } from '@/lib/task-category';
 
@@ -53,6 +54,9 @@ function TestCaseRowImpl({ testCase, category, bugCount, onClick }: Props) {
         <span className="text-[10px] text-red-500 bg-red-50 px-1.5 py-0.5 rounded shrink-0">{bugCount} Bug</span>
       )}
       <TestCaseStatusBadge status={testCase.status} />
+      <span className="text-[11px] text-[var(--ink-muted)] tabular-nums w-24 text-right shrink-0 whitespace-nowrap" title="计划测试时间">
+        {testCase.plannedTestAt ? formatDateTimeShort(testCase.plannedTestAt) : '待排期'}
+      </span>
       <span className="text-[11px] text-[var(--ink-muted)] tabular-nums w-32 text-right shrink-0 whitespace-nowrap">
         {actualHours > 0 ? `${formatWorkHours(actualHours)} / ${formatWorkHours(estimateHours)}` : `${estimatePrefix} ${formatWorkHours(estimateHours)}`}
       </span>