feat(store): benefit coupon usage rules and show env photos on store detail

Add benefitUsageRule on store create/edit (HQ + partner) and C-end detail between intro and env gallery.

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

apps/h5-partner/src/lib/storeDraft.ts

@@ -22,6 +22,8 @@ export type StoreDraftForm = {
   categoryParentId: string;
   categoryId: string;
   intro: string;
+  /** 好客权益券使用规则 */
+  benefitUsageRule: string;
   coverUrl: string;
   envPhotoUrls: string[];
   contractUrl: string;
@@ -61,6 +63,7 @@ export const defaultStoreForm = (): StoreDraftForm => ({
   categoryParentId: '',
   categoryId: '',
   intro: '',
+  benefitUsageRule: '',
   coverUrl: '',
   envPhotoUrls: ['', '', ''],
   contractUrl: '',
@@ -155,6 +158,7 @@ export function validateStoreStep1(
     | 'avgPrice'
     | 'categoryId'
     | 'intro'
+    | 'benefitUsageRule'
   >,
 ): string | null {
   if (!form.regionCodes || form.regionCodes.length < 3) return '请选择省 / 市 / 区县';
@@ -185,10 +189,13 @@ export function validateStoreStep1(
     if (Number.isNaN(n) || n < 0) return '人均费用须为非负数字';
   }
   if (!form.categoryId.trim()) return '请选择店铺类型';
-    if (form.intro.trim()) {
-      const len = form.intro.trim().length;
-      if (len < 2 || len > 500) return '门店简介须为 2~500 字';
-    }
+  if (form.intro.trim()) {
+    const len = form.intro.trim().length;
+    if (len < 2 || len > 500) return '门店简介须为 2~500 字';
+  }
+  if (form.benefitUsageRule.trim().length > 1000) {
+    return '好客权益券使用规则最多 1000 字';
+  }
   return null;
 }
 

apps/h5-partner/src/pages/StoreCreatePage.tsx

@@ -536,6 +536,7 @@ export default function StoreCreatePage() {
           categoryId: form.categoryId.trim(),
 
           intro: form.intro.trim() || undefined,
+          benefitUsageRule: form.benefitUsageRule.trim() || undefined,
 
           coverUrl: form.coverUrl.trim() || undefined,
 
@@ -936,6 +937,26 @@ export default function StoreCreatePage() {
 
             </div>
 
+            <div className="partner-field">
+
+              <label>好客权益券使用规则</label>
+
+              <textarea
+                rows={4}
+                placeholder="选填，展示在用户端门店详情，最多1000字"
+                maxLength={1000}
+                value={form.benefitUsageRule}
+                onChange={(e) => patchForm({ benefitUsageRule: e.target.value })}
+              />
+
+              <div style={{ textAlign: 'right', marginTop: 4 }}>
+
+                <span className="label-md text-muted">{form.benefitUsageRule.length} / 1000</span>
+
+              </div>
+
+            </div>
+
           </section>
 
           <div className="partner-info-banner">

apps/h5-partner/src/pages/StoreDetailPage.tsx

@@ -45,6 +45,7 @@ export default function StoreDetailPage() {
     phone: '',
     address: '',
     intro: '',
+    benefitUsageRule: '',
     latitude: '',
     longitude: '',
   });
@@ -66,6 +67,7 @@ export default function StoreDetailPage() {
       phone: String(data.phone || ''),
       address: String(data.address || ''),
       intro: String(data.intro || ''),
+      benefitUsageRule: String(data.benefitUsageRule || ''),
       latitude: data.latitude != null && data.latitude !== '' ? String(data.latitude) : '',
       longitude: data.longitude != null && data.longitude !== '' ? String(data.longitude) : '',
     });
@@ -162,6 +164,7 @@ export default function StoreDetailPage() {
           phone: form.phone.trim(),
           address: form.address.trim(),
           intro: form.intro.trim(),
+          benefitUsageRule: form.benefitUsageRule.trim() || null,
           ...(form.latitude.trim() && form.longitude.trim()
             ? {
                 latitude: Number(form.latitude),
@@ -396,6 +399,20 @@ export default function StoreDetailPage() {
               <span className="label-md text-muted">{form.intro.length} / 500</span>
             </div>
           </div>
+          <div className="partner-field">
+            <label>好客权益券使用规则</label>
+            <textarea
+              disabled={readOnly}
+              rows={4}
+              placeholder="选填，展示在用户端门店详情，最多1000字"
+              maxLength={1000}
+              value={form.benefitUsageRule}
+              onChange={(e) => setForm({ ...form, benefitUsageRule: e.target.value })}
+            />
+            <div style={{ textAlign: 'right', marginTop: 4 }}>
+              <span className="label-md text-muted">{form.benefitUsageRule.length} / 1000</span>
+            </div>
+          </div>
         </section>
 
         <section className="partner-form-card" style={{ margin: '0 0 16px' }}>