feat(catalog): add product fulfillment flags and auto SKU

Enable online/cross-city/on-site purchase switches with trade gates, HQ and proxy UI, and server-generated DK SKUs.

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

apps/mini-user/src/pages/home/index.tsx

@@ -35,8 +35,26 @@ type Product = {
   carouselUrls?: string[] | null;
   aromaType: string;
   allowOnSitePickup?: boolean;
+  allowOnlinePurchase?: boolean;
+  allowCrossCityDelivery?: boolean;
 };
 
+type FulfillmentFilter = 'ALL' | 'ONLINE' | 'CROSS_CITY' | 'ON_SITE';
+
+const FULFILLMENT_FILTERS: Array<{ key: FulfillmentFilter; label: string }> = [
+  { key: 'ALL', label: '全部' },
+  { key: 'ONLINE', label: '线上' },
+  { key: 'CROSS_CITY', label: '跨城' },
+  { key: 'ON_SITE', label: '现场' },
+];
+
+function matchFulfillmentFilter(p: Product, filter: FulfillmentFilter): boolean {
+  if (filter === 'ALL') return true;
+  if (filter === 'ONLINE') return p.allowOnlinePurchase !== false;
+  if (filter === 'CROSS_CITY') return p.allowCrossCityDelivery !== false;
+  return !!p.allowOnSitePickup;
+}
+
 type MiniHomeConfig = {
   banners: string[];
   footerUrl: string | null;
@@ -59,6 +77,7 @@ function aromaSectionId(key: AromaKey) {
 
 export default function HomePage() {
   const [activeAroma, setActiveAroma] = useState<AromaKey>('QINGXIANG');
+  const [fulfillmentFilter, setFulfillmentFilter] = useState<FulfillmentFilter>('ALL');
   const [products, setProducts] = useState<Product[]>([]);
   const [loading, setLoading] = useState(true);
   const [displayCity, setDisplayCity] = useState('郑州市');
@@ -144,18 +163,23 @@ export default function HomePage() {
     Taro.navigateTo({ url: returnPath });
   }
 
+  const filteredProducts = useMemo(
+    () => products.filter((p) => matchFulfillmentFilter(p, fulfillmentFilter)),
+    [products, fulfillmentFilter],
+  );
+
   const productsByAroma = useMemo(() => {
     const map: Record<AromaKey, Product[]> = {
       QINGXIANG: [],
       JIANGXIANG: [],
       NONGXIANG: [],
     };
-    for (const p of products) {
+    for (const p of filteredProducts) {
       const key = p.aromaType as AromaKey;
       if (key in map) map[key].push(p);
     }
     return map;
-  }, [products]);
+  }, [filteredProducts]);
 
   const banners = miniHome.banners;
   const footerUrl = miniHome.footerUrl;
@@ -255,15 +279,17 @@ export default function HomePage() {
                   现场取货
                 </Text>
               ) : null}
-              <Text
-                className="home-buy-btn"
-                onClick={(e) => {
-                  e.stopPropagation?.();
-                  openProductDetail(p.id);
-                }}
-              >
-                立即购买
-              </Text>
+              {p.allowOnlinePurchase !== false ? (
+                <Text
+                  className="home-buy-btn"
+                  onClick={(e) => {
+                    e.stopPropagation?.();
+                    openProductDetail(p.id);
+                  }}
+                >
+                  立即购买
+                </Text>
+              ) : null}
             </View>
           </View>
         </View>
@@ -309,13 +335,28 @@ export default function HomePage() {
         <Text className="home-aroma-city">{displayCity}</Text>
       </View>
 
+      <View className="home-fulfillment-filters">
+        {FULFILLMENT_FILTERS.map((f) => (
+          <Text
+            key={f.key}
+            className={`home-fulfillment-chip${fulfillmentFilter === f.key ? ' home-fulfillment-chip--active' : ''}`}
+            onClick={() => setFulfillmentFilter(f.key)}
+          >
+            {f.label}
+          </Text>
+        ))}
+      </View>
+
       <View className="home-product-list">
         {loading ? <View className="home-empty">加载中…</View> : null}
         {!loading && products.length === 0 ? (
           <View className="home-empty">当前城市暂无在售商品</View>
         ) : null}
+        {!loading && products.length > 0 && filteredProducts.length === 0 ? (
+          <View className="home-empty">暂无符合履约方式的商品</View>
+        ) : null}
         {!loading &&
-          products.length > 0 &&
+          filteredProducts.length > 0 &&
           AROMA_TABS.map((t) => {
             const list = productsByAroma[t.key];
             return (