feat: wire admin workflows to real APIs

src/apps/admin/AdminSmsTaskProgressPage.tsx

@@ -408,6 +408,7 @@ export function AdminSmsTaskProgressPage() {
   const [submittedDateRange, setSubmittedDateRange] = useState<DateRangeValue>({});
   const [hoveredTaskId, setHoveredTaskId] = useState<string | null>(null);
   const [selectedTask, setSelectedTask] = useState<SmsTask | null>(null);
+  const [terminateTarget, setTerminateTarget] = useState<SmsTask | null>(null);
 
   const enterpriseOptions = useMemo(() => {
     const names = Array.from(new Set(tasks.map((item) => item.enterprise)));
@@ -443,6 +444,7 @@ export function AdminSmsTaskProgressPage() {
     setTasks((current) => current.map((task) => (
       task.id === taskId ? { ...task, status: 'terminated' } : task
     )));
+    setTerminateTarget(null);
   }
 
   return (
@@ -485,7 +487,7 @@ export function AdminSmsTaskProgressPage() {
                 <th style={{ width: '150px' }}>发送方式</th>
                 <th style={{ width: '190px' }}>进度</th>
                 <th style={{ width: '100px' }}>状态</th>
-                <th style={{ textAlign: 'right', width: '120px' }}>操作</th>
+                <th style={{ textAlign: 'right', width: '170px' }}>操作</th>
               </tr>
             </thead>
             <tbody>
@@ -542,12 +544,11 @@ export function AdminSmsTaskProgressPage() {
                       <td><Tag tone={statusTones[record.status]}>{statusLabels[record.status]}</Tag></td>
                       <td style={{ textAlign: 'right' }}>
                         <div className="admin-task-actions">
-                          <Button icon={<Eye size={15} />} iconOnly onClick={() => setSelectedTask(record)} size="sm" variant="ghost">详情</Button>
+                          <Button icon={<Eye size={15} />} onClick={() => setSelectedTask(record)} size="sm" variant="ghost">详情</Button>
                           <Button
                             disabled={record.status !== 'sending'}
                             icon={<StopCircle size={15} />}
-                            iconOnly
-                            onClick={() => terminateTask(record.id)}
+                            onClick={() => setTerminateTarget(record)}
                             size="sm"
                             variant="ghost"
                           >
@@ -577,6 +578,23 @@ export function AdminSmsTaskProgressPage() {
       </div>
 
       {selectedTask ? <TaskDetailModal onClose={() => setSelectedTask(null)} task={selectedTask} /> : null}
+      {terminateTarget ? (
+        <Modal
+          footer={(
+            <>
+              <Button onClick={() => setTerminateTarget(null)} variant="ghost">取消</Button>
+              <Button onClick={() => terminateTask(terminateTarget.id)} variant="danger">确认终止</Button>
+            </>
+          )}
+          onClose={() => setTerminateTarget(null)}
+          open
+          title="确认终止短信任务"
+        >
+          <div className="admin-confirm-text">
+            确认终止任务 <strong>{terminateTarget.id}</strong> 吗？终止后将停止继续提交未发送号码，已提交部分仍以运营商回执为准。
+          </div>
+        </Modal>
+      ) : null}
     </section>
   );
 }