v3.4.17 门店套餐审核快捷入口

apps/admin-web/src/components/AdminStorePackagesSection.tsx

@@ -1,9 +1,11 @@
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { Alert, Button, Form, Input, InputNumber, Modal, Space, Typography, message } from 'antd';
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
-import type { StorePackageItemDto } from '@dukang/shared-types';
+import type { StorePackageItemDto, StorePackagesResponse } from '@dukang/shared-types';
 import { STORE_PACKAGE_IMAGE_MAX_COUNT, STORE_PACKAGE_MAX_COUNT, normalizeStorePackageImageUrls } from '@dukang/shared-types';
 import { request } from '../lib/api';
+import { PACKAGE_AUDIT_CHANGED_EVENT } from '../lib/admin-events';
 import PackageImagesUpload from './PackageImagesUpload';
 
 type PackageRow = StorePackageItemDto;
@@ -32,8 +34,10 @@ const AdminStorePackagesSection = forwardRef<AdminStorePackagesHandle, { storeId
     const [collapsed, setCollapsed] = useState<Record<number, boolean>>({});
     const [loading, setLoading] = useState(true);
     const [saving, setSaving] = useState(false);
+    const [pendingRequest, setPendingRequest] = useState<StorePackagesResponse['pendingRequest']>(null);
     const itemsRef = useRef(items);
     const loadingRef = useRef(loading);
+    const navigate = useNavigate();
 
     useEffect(() => {
       itemsRef.current = items;
@@ -45,8 +49,10 @@ const AdminStorePackagesSection = forwardRef<AdminStorePackagesHandle, { storeId
 
     useEffect(() => {
       setLoading(true);
-      request<{ live: PackageRow[] }>(`/admin/stores/${storeId}/packages`)
+      setPendingRequest(null);
+      request<StorePackagesResponse>(`/admin/stores/${storeId}/packages`)
         .then((data) => {
+          setPendingRequest(data.pendingRequest ?? null);
           setItems(
             data.live?.length
               ? data.live.map((p, i) => {
@@ -66,6 +72,41 @@ const AdminStorePackagesSection = forwardRef<AdminStorePackagesHandle, { storeId
         .finally(() => setLoading(false));
     }, [storeId]);
 
+    // 在审核页完成审核后，自动刷新本页「有待审核套餐」提醒
+    useEffect(() => {
+      const onChanged = () => {
+        request<StorePackagesResponse>(`/admin/stores/${storeId}/packages`)
+          .then((data) => setPendingRequest(data.pendingRequest ?? null))
+          .catch(() => undefined);
+      };
+      window.addEventListener(PACKAGE_AUDIT_CHANGED_EVENT, onChanged);
+      return () => window.removeEventListener(PACKAGE_AUDIT_CHANGED_EVENT, onChanged);
+    }, [storeId]);
+
+    function goAudit() {
+      if (pendingRequest) navigate(`/store-package-audits?requestId=${pendingRequest.id}`);
+    }
+
+    const pendingReminder =
+      pendingRequest && pendingRequest.status === 'PENDING' ? (
+        <Alert
+          type="warning"
+          showIcon
+          style={{ marginBottom: 16 }}
+          message="该门店有待审核套餐"
+          description={
+            <Space>
+              <Button size="small" type="primary" onClick={goAudit}>
+                审核
+              </Button>
+              <Button size="small" onClick={goAudit}>
+                对比
+              </Button>
+            </Space>
+          }
+        />
+      ) : null;
+
     function updateAt(index: number, patch: Partial<PackageRow>) {
       setItems((prev) => prev.map((item, i) => (i === index ? { ...item, ...patch } : item)));
     }
@@ -200,6 +241,7 @@ const AdminStorePackagesSection = forwardRef<AdminStorePackagesHandle, { storeId
       return (
         <Form layout="vertical" requiredMark={false}>
           <Alert type="info" showIcon style={{ marginBottom: 16 }} message="该门店暂无套餐，可添加或保存为空。" />
+          {pendingReminder}
           <Button onClick={addRow} style={{ marginBottom: 16 }}>
             添加套餐
           </Button>
@@ -212,6 +254,7 @@ const AdminStorePackagesSection = forwardRef<AdminStorePackagesHandle, { storeId
 
     return (
       <Form layout="vertical" requiredMark={false}>
+        {pendingReminder}
         <Alert
           type="info"
           showIcon

apps/admin-web/src/pages/StorePackageAuditsPage.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
 import {
   Badge,
   Button,
@@ -193,6 +194,14 @@ export default function StorePackageAuditsPage() {
     void reload(1, status);
   }, [status]);
 
+  // 从门店详情 / 门店列表跳转过来时，带 requestId 自动打开审核（对比）抽屉
+  const [searchParams] = useSearchParams();
+  useEffect(() => {
+    const rid = searchParams.get('requestId');
+    if (rid) void openDetail(rid);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   async function openDetail(id: string) {
     setDetailOpen(true);
     setDetailLoading(true);

apps/admin-web/src/pages/StoresPage.tsx

@@ -190,6 +190,8 @@ type StoreRow = {
   createdAt: string;
   visibilityWhitelistEnabled?: boolean;
   visibilityPhones?: string[];
+  /** 该门店当前待审核套餐变更的 requestId（无则为空） */
+  pendingPackageAuditId?: string | null;
   isTest?: boolean;
   cityRef?: { name: string; code: string };
   partner?: { id?: string; companyName?: string | null; name?: string | null; phone?: string | null };
@@ -765,12 +767,30 @@ export default function StoresPage() {
     { title: '创建', dataIndex: 'createdAt', width: 160, render: fmtTime },
     {
       title: '操作',
-      width: 140,
+      width: 220,
       fixed: 'right',
       render: (_, row) => (
-        <Space size={0}>
+        <Space size={0} wrap>
           <Button type="link" size="small" onClick={() => void openStoreDetail(row)}>详情</Button>
           <Button type="link" size="small" onClick={() => navigate(`/store-ratings?storeId=${row.id}`)}>评价</Button>
+          {row.pendingPackageAuditId ? (
+            <>
+              <Button
+                type="link"
+                size="small"
+                onClick={() => navigate(`/store-package-audits?requestId=${row.pendingPackageAuditId}`)}
+              >
+                审核套餐
+              </Button>
+              <Button
+                type="link"
+                size="small"
+                onClick={() => navigate(`/store-package-audits?requestId=${row.pendingPackageAuditId}`)}
+              >
+                对比
+              </Button>
+            </>
+          ) : null}
         </Space>
       ),
     },