style(store): 统一门店套餐页 UI 与拓店校验弹窗

管理后台套餐 Tab 对齐 Ant Design 表单；合伙人/门店端套餐表单与基本信息页风格一致；拓店下一步校验增加弹窗提示。

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

apps/h5-partner/src/components/StorePackagesForm.tsx

@@ -1,4 +1,3 @@
-import { useState } from 'react';
 import type { PackageFormItem } from '../lib/storePackages';
 import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
 import { emptyPackage } from '../lib/storePackages';
@@ -7,9 +6,11 @@ type Props = {
   items: PackageFormItem[];
   onChange: (items: PackageFormItem[]) => void;
   disabled?: boolean;
+  /** 嵌入拓店流程时不重复外层卡片边距 */
+  embedded?: boolean;
 };
 
-export default function StorePackagesForm({ items, onChange, disabled }: Props) {
+export default function StorePackagesForm({ items, onChange, disabled, embedded }: Props) {
   function updateAt(index: number, patch: Partial<PackageFormItem>) {
     const next = items.map((item, i) => (i === index ? { ...item, ...patch } : item));
     onChange(next);
@@ -27,76 +28,97 @@ export default function StorePackagesForm({ items, onChange, disabled }: Props)
   const list = items.length ? items : [emptyPackage(0)];
 
   return (
-    <div className="partner-packages-form">
+    <div className={`partner-packages-form${embedded ? ' partner-packages-form--embedded' : ''}`}>
       {list.map((item, index) => (
-        <div key={index} className="partner-card" style={{ marginBottom: 12 }}>
-          <div className="partner-card-title" style={{ display: 'flex', justifyContent: 'space-between' }}>
-            <span>套餐 {index + 1}</span>
+        <section
+          key={index}
+          className="partner-form-card partner-packages-item"
+          style={embedded ? { marginLeft: 0, marginRight: 0 } : undefined}
+        >
+          <div className="partner-packages-item-head">
+            <div className="partner-section-title" style={{ marginBottom: 0 }}>
+              <div className="partner-section-bar" />
+              <h2 className="headline-md">套餐 {index + 1}</h2>
+            </div>
             {!disabled && list.length > 1 ? (
-              <button type="button" className="partner-link-btn" onClick={() => removeAt(index)}>
+              <button type="button" className="partner-packages-remove" onClick={() => removeAt(index)}>
                 删除
               </button>
             ) : null}
           </div>
-          <label className="partner-field">
-            <span className="partner-label">套餐名称</span>
-            <input
-              className="partner-input"
-              value={item.name}
-              disabled={disabled}
-              placeholder="如：套餐A"
-              onChange={(e) => updateAt(index, { name: e.target.value })}
-            />
-          </label>
-          <label className="partner-field">
-            <span className="partner-label">价格（元）</span>
-            <input
-              className="partner-input"
-              type="number"
-              min={0}
-              step={0.01}
-              value={item.price}
-              disabled={disabled}
-              placeholder="198"
-              onChange={(e) => updateAt(index, { price: e.target.value })}
-            />
-          </label>
-          <label className="partner-field">
-            <span className="partner-label">菜品</span>
+
+          <div className="partner-field">
+            <label>套餐名称 <span className="text-primary">*</span></label>
+            <div className="partner-field-input">
+              <span className="material-symbols-outlined">restaurant</span>
+              <input
+                placeholder="如：套餐A"
+                value={item.name}
+                disabled={disabled}
+                onChange={(e) => updateAt(index, { name: e.target.value })}
+              />
+            </div>
+          </div>
+
+          <div className="partner-field">
+            <label>价格（元） <span className="text-primary">*</span></label>
+            <div className="partner-field-input">
+              <span className="material-symbols-outlined">payments</span>
+              <input
+                type="number"
+                min={0}
+                step={0.01}
+                placeholder="198"
+                value={item.price}
+                disabled={disabled}
+                onChange={(e) => updateAt(index, { price: e.target.value })}
+              />
+            </div>
+          </div>
+
+          <div className="partner-field">
+            <label>菜品 <span className="text-primary">*</span></label>
             <textarea
-              className="partner-input"
-              rows={2}
+              rows={3}
+              placeholder="红烧肉、红烧鱼、油焖茄子"
               value={item.dishes}
               disabled={disabled}
-              placeholder="红烧肉、红烧鱼、油焖茄子"
               onChange={(e) => updateAt(index, { dishes: e.target.value })}
             />
-          </label>
-          <label className="partner-field">
-            <span className="partner-label">使用时间</span>
-            <input
-              className="partner-input"
-              value={item.usableTime || ''}
-              disabled={disabled}
-              placeholder="节假日除外"
-              onChange={(e) => updateAt(index, { usableTime: e.target.value })}
-            />
-          </label>
-          <label className="partner-field">
-            <span className="partner-label">其他说明</span>
-            <input
-              className="partner-input"
-              value={item.otherNotes || ''}
-              disabled={disabled}
-              placeholder="不可叠加"
-              onChange={(e) => updateAt(index, { otherNotes: e.target.value })}
-            />
-          </label>
-        </div>
+          </div>
+
+          <div className="partner-field">
+            <label>使用时间</label>
+            <div className="partner-field-input">
+              <span className="material-symbols-outlined">schedule</span>
+              <input
+                placeholder="节假日除外"
+                value={item.usableTime || ''}
+                disabled={disabled}
+                onChange={(e) => updateAt(index, { usableTime: e.target.value })}
+              />
+            </div>
+          </div>
+
+          <div className="partner-field">
+            <label>其他说明</label>
+            <div className="partner-field-input">
+              <span className="material-symbols-outlined">info</span>
+              <input
+                placeholder="不可叠加"
+                value={item.otherNotes || ''}
+                disabled={disabled}
+                onChange={(e) => updateAt(index, { otherNotes: e.target.value })}
+              />
+            </div>
+          </div>
+        </section>
       ))}
+
       {!disabled && list.length < STORE_PACKAGE_MAX_COUNT ? (
-        <button type="button" className="partner-btn-outline" onClick={addItem}>
-          + 添加套餐
+        <button type="button" className="partner-packages-add" onClick={addItem}>
+          <span className="material-symbols-outlined">add_circle</span>
+          添加套餐
         </button>
       ) : null}
     </div>