feat: 套餐折叠、小程序 staging API、首页去筛选、企微日志权限

Co-authored-by: Cursor <cursoragent@cursor.com>

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

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { Alert, Button, Form, Input, InputNumber, Space, Typography, message } from 'antd';
+import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import type { StorePackageItemDto } from '@dukang/shared-types';
 import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
 import { request } from '../lib/api';
@@ -12,6 +13,7 @@ function emptyRow(index = 0): PackageRow {
 
 export default function AdminStorePackagesSection({ storeId }: { storeId: string }) {
   const [items, setItems] = useState<PackageRow[]>([emptyRow()]);
+  const [collapsed, setCollapsed] = useState<Record<number, boolean>>({});
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
 
@@ -40,6 +42,19 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
 
   function removeAt(index: number) {
     setItems((prev) => prev.filter((_, i) => i !== index).map((item, i) => ({ ...item, sortOrder: i })));
+    setCollapsed((prev) => {
+      const next: Record<number, boolean> = {};
+      Object.entries(prev).forEach(([k, v]) => {
+        const i = Number(k);
+        if (i < index) next[i] = v;
+        else if (i > index) next[i - 1] = v;
+      });
+      return next;
+    });
+  }
+
+  function toggleCollapse(index: number) {
+    setCollapsed((prev) => ({ ...prev, [index]: !prev[index] }));
   }
 
   async function save() {
@@ -100,74 +115,89 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
         message={`总部直存立即生效，无需审核。同一门店最多 ${STORE_PACKAGE_MAX_COUNT} 条套餐。`}
       />
 
-      {items.map((item, index) => (
-        <div
-          key={index}
-          style={{
-            marginBottom: 16,
-            padding: 16,
-            border: '1px solid #f0f0f0',
-            borderRadius: 8,
-            background: '#fafafa',
-          }}
-        >
-          <Space style={{ width: '100%', justifyContent: 'space-between', marginBottom: 12 }}>
-            <Typography.Title level={5} style={{ margin: 0 }}>
-              套餐 {index + 1}
-            </Typography.Title>
-            {items.length > 1 ? (
-              <Button type="link" danger onClick={() => removeAt(index)}>
-                删除
+      {items.map((item, index) => {
+        const isCollapsed = !!collapsed[index];
+        const displayName = item.name.trim() || `套餐 ${index + 1}`;
+        return (
+          <div
+            key={index}
+            style={{
+              marginBottom: 16,
+              padding: 16,
+              border: '1px solid #f0f0f0',
+              borderRadius: 8,
+              background: '#fafafa',
+            }}
+          >
+            <Space style={{ width: '100%', justifyContent: 'space-between', marginBottom: isCollapsed ? 0 : 12 }}>
+              <Button
+                type="text"
+                icon={isCollapsed ? <DownOutlined /> : <UpOutlined />}
+                onClick={() => toggleCollapse(index)}
+                style={{ paddingLeft: 0, height: 'auto' }}
+              >
+                <Typography.Title level={5} style={{ margin: 0 }}>
+                  {displayName}
+                </Typography.Title>
               </Button>
+              {items.length > 1 ? (
+                <Button type="link" danger onClick={() => removeAt(index)}>
+                  删除
+                </Button>
+              ) : null}
+            </Space>
+
+            {!isCollapsed ? (
+              <>
+                <Form.Item label="套餐名称" required style={{ marginBottom: 12 }}>
+                  <Input
+                    placeholder="如：套餐A"
+                    value={item.name}
+                    onChange={(e) => updateAt(index, { name: e.target.value })}
+                  />
+                </Form.Item>
+
+                <Form.Item label="价格（元）" required style={{ marginBottom: 12 }}>
+                  <InputNumber
+                    min={0}
+                    precision={2}
+                    style={{ width: '100%' }}
+                    addonAfter="元"
+                    placeholder="198"
+                    value={item.price === '' ? undefined : Number(item.price)}
+                    onChange={(v) => updateAt(index, { price: v != null ? String(v) : '' })}
+                  />
+                </Form.Item>
+
+                <Form.Item label="菜品" required style={{ marginBottom: 12 }}>
+                  <Input.TextArea
+                    rows={2}
+                    placeholder="红烧肉、红烧鱼、油焖茄子"
+                    value={item.dishes}
+                    onChange={(e) => updateAt(index, { dishes: e.target.value })}
+                  />
+                </Form.Item>
+
+                <Form.Item label="使用时间" style={{ marginBottom: 12 }}>
+                  <Input
+                    placeholder="节假日除外"
+                    value={item.usableTime || ''}
+                    onChange={(e) => updateAt(index, { usableTime: e.target.value })}
+                  />
+                </Form.Item>
+
+                <Form.Item label="其他说明" style={{ marginBottom: 0 }}>
+                  <Input
+                    placeholder="不可叠加"
+                    value={item.otherNotes || ''}
+                    onChange={(e) => updateAt(index, { otherNotes: e.target.value })}
+                  />
+                </Form.Item>
+              </>
             ) : null}
-          </Space>
-
-          <Form.Item label="套餐名称" required style={{ marginBottom: 12 }}>
-            <Input
-              placeholder="如：套餐A"
-              value={item.name}
-              onChange={(e) => updateAt(index, { name: e.target.value })}
-            />
-          </Form.Item>
-
-          <Form.Item label="价格（元）" required style={{ marginBottom: 12 }}>
-            <InputNumber
-              min={0}
-              precision={2}
-              style={{ width: '100%' }}
-              addonAfter="元"
-              placeholder="198"
-              value={item.price === '' ? undefined : Number(item.price)}
-              onChange={(v) => updateAt(index, { price: v != null ? String(v) : '' })}
-            />
-          </Form.Item>
-
-          <Form.Item label="菜品" required style={{ marginBottom: 12 }}>
-            <Input.TextArea
-              rows={2}
-              placeholder="红烧肉、红烧鱼、油焖茄子"
-              value={item.dishes}
-              onChange={(e) => updateAt(index, { dishes: e.target.value })}
-            />
-          </Form.Item>
-
-          <Form.Item label="使用时间" style={{ marginBottom: 12 }}>
-            <Input
-              placeholder="节假日除外"
-              value={item.usableTime || ''}
-              onChange={(e) => updateAt(index, { usableTime: e.target.value })}
-            />
-          </Form.Item>
-
-          <Form.Item label="其他说明" style={{ marginBottom: 0 }}>
-            <Input
-              placeholder="不可叠加"
-              value={item.otherNotes || ''}
-              onChange={(e) => updateAt(index, { otherNotes: e.target.value })}
-            />
-          </Form.Item>
-        </div>
-      ))}
+          </div>
+        );
+      })}
 
       {items.length < STORE_PACKAGE_MAX_COUNT ? (
         <Button onClick={addRow} style={{ marginBottom: 16 }}>