fix(miniapp): 调整首页圆角布局并隐藏滚动条

shinnosuke

4 天以前 5ce0d76154bf4c1d70543476cdfad9a30195b0f8

 rencaika/pages/merchant/merchant.uvue

@@ -10,7 +10,7 @@
         </view>
      </view>

      <scroll-view :class="'content' + (isMedicalMerchant ? ' content-full' : '')" scroll-y @scroll="handleScroll">
      <scroll-view :show-scrollbar="false" :class="'content' + (isMedicalMerchant ? ' content-full' : '')" scroll-y @scroll="handleScroll">
         <view class="hero">
            <swiper class="hero-swiper" :indicator-dots="displayedHeroImages.length > 1" indicator-color="rgba(255,255,255,.55)" indicator-active-color="#FFFFFF" circular="true">
               <swiper-item v-for="(imageUrl, index) in displayedHeroImages" :key="index"><image class="hero-image" :src="imageUrl" mode="aspectFill" @error="replaceHeroImage(index)"></image></swiper-item>
@@ -25,7 +25,7 @@
               <view v-if="!merchantAvailable" class="merchant-unavailable"><text>{{merchantUnavailableReason}}</text></view>
               <view v-if="isParkingMerchant" class="parking-title-block">
                  <view class="parking-title-row"><text class="merchant-title">{{merchantName}}</text><view class="round-action" @tap="callMerchant"><image src="/static/merchant-assets/phone.svg"></image></view></view>
                  <text class="parking-free">{{parkingBenefitText}}</text>
                  <text class="parking-free">{{merchantServiceLabel != '' ? merchantServiceLabel : parkingBenefitText}}</text>
               </view>
               <view v-else-if="isMedicalMerchant" class="merchant-title-row">
                  <text class="merchant-title">{{merchantName}}</text>
@@ -33,9 +33,9 @@
               </view>
               <view v-else class="merchant-title-row">
                  <text class="merchant-title">{{merchantName}}</text>
                  <view class="merchant-tags"><text v-if="!isHotelMerchant && merchantHasCoupon" class="coupon-tag">券</text><text v-if="merchantDiscount != ''" class="discount-tag">{{merchantDiscount}}</text><text v-if="isHotelMerchant && merchantConsumeDiscount != ''" class="discount-tag">{{merchantConsumeDiscount}}</text></view>
                  <view v-if="merchantDisplayTags.length > 0" class="merchant-tags"><text v-for="tag in merchantDisplayTags" :key="tag" :class="tag == '券' ? 'coupon-tag' : 'discount-tag'">{{tag}}</text></view>
               </view>
               <view class="service-tags"><text v-if="!isParkingMerchant && !isMedicalMerchant">{{merchantServiceLabel}}</text><text>{{applicableCards}}</text></view>
               <view v-if="(!isFuelMerchant && !isHotelMerchant && merchantServiceLabel != '') || applicableCards != ''" class="service-tags"><text v-if="!isParkingMerchant && !isMedicalMerchant && !isFuelMerchant && !isHotelMerchant && merchantServiceLabel != ''">{{merchantServiceLabel}}</text><text v-if="applicableCards != ''">{{applicableCards}}</text></view>
               <view v-if="!isParkingMerchant && merchantType != 'apartment'" class="merchant-address-row">
                  <image class="address-icon" src="/static/benefits-assets/map-pin.svg"></image>
                  <text>{{merchantAddress}}</text>
@@ -44,7 +44,7 @@
            </view>

            <view v-if="!merchantError" class="tabs">
               <view class="tab-item" :class="currentTab == 'primary' ? 'active' : ''" @tap="changeTab('primary')"><text>{{isMedicalMerchant ? '预约' : (showUsageInstructions ? '权益内容' : '消费购买')}}</text><view class="tab-line"></view></view>
               <view class="tab-item" :class="currentTab == 'primary' ? 'active' : ''" @tap="changeTab('primary')"><text>{{isMedicalMerchant ? '预约' : (isParkingMerchant && parkingBenefitText == '付费' ? '使用说明' : (showUsageInstructions ? '权益内容' : '消费购买'))}}</text><view class="tab-line"></view></view>
               <view class="tab-item" :class="currentTab == 'rights' ? 'active' : ''" @tap="changeTab('rights')"><text>{{isParkingMerchant ? '停车场地址' : (isTransportMerchant ? '适用门店' : '权益详情')}}</text><view class="tab-line"></view></view>
            </view>

@@ -73,7 +73,7 @@
                     <image class="package-image" :src="item.image" mode="aspectFill" @error="replaceImage(item)"></image>
                     <view class="package-info">
                        <text class="package-name">{{item.name}}</text>
                        <view class="package-tags"><text v-if="!isHotelMerchant && merchantHasCoupon" class="coupon-tag">券</text><text v-if="merchantDiscount != ''" class="discount-tag">{{merchantDiscount}}</text><text v-if="isHotelMerchant && merchantConsumeDiscount != ''" class="discount-tag">{{merchantConsumeDiscount}}</text></view>
                        <view class="package-tags"><text v-for="tag in merchantDisplayTags" :key="tag" :class="tag == '券' ? 'coupon-tag' : 'discount-tag'">{{tag}}</text></view>
                        <view class="package-bottom"><view class="price-row"><text class="price-symbol">¥</text><text class="price">{{item.price}}</text><text v-if="!isHotelMerchant" class="old-price">¥{{item.originalPrice}}</text></view><view class="buy-button"><text>{{item.available === false ? '已售罄' : (isHotelMerchant ? '预约' : '购买')}}</text></view></view>
                     </view>
                  </view>
@@ -84,10 +84,10 @@
               <view v-if="listLoading" class="list-state"><view class="loading-spinner"></view><text>正在加载适用门店</text></view>
               <view v-else-if="listError" class="list-state error-state"><text>适用门店加载失败</text><text class="retry-text" @tap="loadMerchantLists">重新加载</text></view>
               <view v-else-if="listLoaded && applicableStores.length == 0" class="list-state"><text>暂无适用门店</text></view>
               <view v-if="listLoaded && applicableStores.length > 0" class="store-table-header"><view class="store-head-name"><text>适用门店名称</text></view><view class="store-head-address"><text>详细地址</text></view><view class="store-head-action"></view></view>
               <view v-if="listLoaded && applicableStores.length > 0" class="store-table-header"><view class="store-head-name"><text>{{isParkingMerchant ? '停车场名称' : '适用门店名称'}}</text></view><view class="store-head-address"><text>详细地址</text></view><view class="store-head-action"></view></view>
               <view class="store-row" v-for="item in applicableStores" :key="item.id">
                  <view class="store-name-cell"><text>{{item.name}}</text></view>
                  <view class="store-address-cell"><text>{{item.address}}</text></view>
                  <view class="store-name-cell"><view class="store-cell-content"><text>{{item.name}}</text></view></view>
                  <view class="store-address-cell"><view class="store-cell-content"><text>{{item.address}}</text></view></view>
                  <view :class="item.canNavigate === false ? 'store-location is-disabled' : 'store-location'" @tap="openStoreLocation(item)"><image src="/static/merchant-assets/store-pin-blue.svg" mode="aspectFit"></image></view>
               </view>
            </view>
@@ -103,6 +103,7 @@
         <view v-if="isParkingMerchant && parkingActionMode == 'talentCode'" class="talent-code-button" @tap="showBottomVoucher"><image src="/static/merchant-assets/qr-code.svg"></image><text>出示人才码</text></view>
         <view v-else-if="isParkingMerchant" class="talent-code-button" @tap="openPlatePage"><text>填写车牌</text></view>
         <view v-else-if="isTransportMerchant" class="talent-code-button" @tap="openMobileDialog"><text>填写手机号</text></view>
         <view v-else-if="isApartmentMerchant" class="talent-code-button" :class="advisorMobile == '' ? 'talent-code-button-disabled' : ''" @tap="contactSpecialist"><image src="/static/merchant-assets/headset-white.svg"></image><text>联系专员</text></view>
         <view v-else class="talent-code-button" @tap="showBottomVoucher"><image :src="hasFreeVoucher ? '/static/merchant-assets/coupon.svg' : '/static/merchant-assets/qr-code.svg'"></image><text>{{hasFreeVoucher ? '出示免费券' : '出示人才码'}}</text></view>
      </view>

@@ -122,9 +123,9 @@

<script setup lang="uts">
   import { apiEnvironment, isApiConfigured } from '../../config/api.uts'
   import { getFuelMerchantDetail, getMedicalPackages, getMerchantDetail, getParkingMerchantDetail, getProducts, getTalentCardProfile, submitFuelMobileRegistration } from '../../services/portal.uts'
   import { getBenefitQuota, getFuelMerchantDetail, getMedicalPackages, getMerchantDetail, getParkingMerchantDetail, getProducts, getTalentCardProfile, submitFuelMobileRegistration } from '../../services/portal.uts'
   import { resolveApiUrl } from '../../services/http.uts'
   import { getSession } from '../../services/session.uts'
   import { resolveTalentId } from '../../utils/talent-id.uts'
   import { safeBack } from '../../utils/navigation.uts'
   import { submitBusiness } from '../../services/business.uts'

@@ -139,7 +140,7 @@
   const isFuelMerchant = ref(false)
   const isParkingMerchant = ref(false)
   const isMedicalMerchant = ref(false)
   // 后台停车权益配置：plate=填写车牌，talentCode=出示人才码。
   // 当前人才等级的停车权益：免费填写车牌，付费出示人才码。
   const parkingActionMode = ref('plate')
   // 后台车牌表单配置：withParking=需搜索停车场，simple=仅填写车牌。
   const parkingPlateMode = ref('simple')
@@ -155,6 +156,8 @@
   const merchantPhone = ref('08123335555')
   const merchantId = ref('merchant-food-default')
   const merchantType = ref('food')
   const isApartmentMerchant = computed(() : boolean => merchantType.value == 'apartment')
   const advisorMobile = ref('')
   const merchantName = ref('百杏厨房（中环天地店）')
   const currentCardLevel = ref('')
   const merchantHero = ref('')
@@ -171,17 +174,29 @@
   const merchantHasCoupon = ref(false)
   const merchantDiscount = ref('')
   const merchantConsumeDiscount = ref('')
   const normalizeHotelCardLabel = (value: string): string => {
      let label = value.trim()
      const separator = label.indexOf('|')
      if (separator >= 0) label = label.substring(0, separator).trim()
      label = label.replace('（外地）', '').replace('（本地）', '').trim()
      if (label == '') return ''
      return label.endsWith('可用') ? label : label + '可用'
   const merchantBenefitTags = ref<string[]>([])
   const merchantBenefitTagsLoaded = ref(false)
   const merchantDisplayTags = computed((): string[] => {
      if (isFuelMerchant.value || ['employment', 'finance', 'approval', 'apartment', 'housing', 'car', 'appliance', 'digital', 'telecom'].indexOf(merchantType.value) >= 0) return []
      if (merchantBenefitTagsLoaded.value) return merchantBenefitTags.value
      const tags: string[] = []
      if (merchantHasCoupon.value) tags.push('券')
      if (merchantDiscount.value != '') tags.push(merchantDiscount.value)
      if (isHotelMerchant.value && merchantConsumeDiscount.value != '') tags.push(merchantConsumeDiscount.value)
      return tags
   })
   const readBenefitTags = (data: any): string[] => {
      const tags: string[] = []
      const records: any[] = data != null && data.benefitTags instanceof Array ? data.benefitTags as any[] : []
      for (let index = 0; index < records.length; index++) {
         const tag = String(records[index]).trim()
         if (tag != '' && tags.indexOf(tag) < 0) tags.push(tag)
      }
      return tags
   }
   const merchantAddress = ref('四川省攀枝花市东区炳三区新福路20号中环天地负一层')
   const merchantServiceLabel = ref('到店消费')
   const applicableCards = ref('卓越卡可用')
   const merchantServiceLabel = ref('')
   const applicableCards = ref('')
   const fuelBenefitId = ref('')
   const parkingBenefitId = ref('')
   const parkingBenefitText = ref('免费')
@@ -212,30 +227,30 @@
   const applicableStores = ref<any[]>([])

   const packages = ref([
      { id: 'food-set-001', name: '【川味盛宴】川菜12人餐', discount: '6折', price: '138', originalPrice: '266', image: '/static/food-assets/food-1.jpg' },
      { id: 'food-set-002', name: '【川香四溢】川菜4人餐', discount: '6折', price: '118', originalPrice: '198', image: '/static/food-assets/food-2.jpg' },
      { id: 'food-set-003', name: '【欢聚时光】招牌菜6人餐', discount: '6.8折', price: '168', originalPrice: '248', image: '/static/food-assets/food-1.jpg' },
      { id: 'food-set-004', name: '【暖心小聚】特色菜双人餐', discount: '7折', price: '88', originalPrice: '126', image: '/static/food-assets/food-2.jpg' },
      { id: 'food-set-005', name: '【家庭聚餐】经典川菜8人餐', discount: '6.5折', price: '238', originalPrice: '366', image: '/static/food-assets/food-1.jpg' },
      { id: 'food-set-006', name: '【人气必点】招牌菜4人餐', discount: '6.8折', price: '128', originalPrice: '188', image: '/static/food-assets/food-2.jpg' },
      { id: 'food-set-007', name: '【周末欢聚】特色菜10人餐', discount: '6折', price: '298', originalPrice: '498', image: '/static/food-assets/food-1.jpg' },
      { id: 'food-set-008', name: '【一人食】暖心工作餐', discount: '8折', price: '39', originalPrice: '49', image: '/static/food-assets/food-2.jpg' }
      { id: 'food-set-001', name: '【川味盛宴】川菜12人餐', discount: '6折', price: '138', originalPrice: '266', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-002', name: '【川香四溢】川菜4人餐', discount: '6折', price: '118', originalPrice: '198', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-003', name: '【欢聚时光】招牌菜6人餐', discount: '6.8折', price: '168', originalPrice: '248', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-004', name: '【暖心小聚】特色菜双人餐', discount: '7折', price: '88', originalPrice: '126', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-005', name: '【家庭聚餐】经典川菜8人餐', discount: '6.5折', price: '238', originalPrice: '366', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-006', name: '【人气必点】招牌菜4人餐', discount: '6.8折', price: '128', originalPrice: '188', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-007', name: '【周末欢聚】特色菜10人餐', discount: '6折', price: '298', originalPrice: '498', image: '/static/common/image-placeholder.png' },
      { id: 'food-set-008', name: '【一人食】暖心工作餐', discount: '8折', price: '39', originalPrice: '49', image: '/static/common/image-placeholder.png' }
   ])
   const hotelPackages = [
      { id: 101, name: '都市视野大床房', discount: '6折', price: '588-800', originalPrice: '', image: '/static/stay-assets/hotel-hampton.jpg' },
      { id: 102, name: '山景云窗商务双床房', discount: '6折', price: '388-600', originalPrice: '', image: '/static/stay-assets/hotel-vienna.jpg' },
      { id: 103, name: '都市视野大床房', discount: '6折', price: '588-800', originalPrice: '', image: '/static/stay-assets/hotel-hampton.jpg' },
      { id: 104, name: '行政景观大床房', discount: '6折', price: '688-920', originalPrice: '', image: '/static/stay-assets/hotel-vienna.jpg' },
      { id: 105, name: '亲子主题家庭房', discount: '6.5折', price: '628-860', originalPrice: '', image: '/static/stay-assets/hotel-hampton.jpg' },
      { id: 106, name: '高层城景双床房', discount: '6折', price: '468-680', originalPrice: '', image: '/static/stay-assets/hotel-vienna.jpg' },
      { id: 107, name: '豪华行政套房', discount: '6.8折', price: '988-1280', originalPrice: '', image: '/static/stay-assets/hotel-hampton.jpg' },
      { id: 108, name: '舒适大床房', discount: '6折', price: '428-620', originalPrice: '', image: '/static/stay-assets/hotel-vienna.jpg' }
      { id: 101, name: '都市视野大床房', discount: '6折', price: '588-800', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 102, name: '山景云窗商务双床房', discount: '6折', price: '388-600', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 103, name: '都市视野大床房', discount: '6折', price: '588-800', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 104, name: '行政景观大床房', discount: '6折', price: '688-920', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 105, name: '亲子主题家庭房', discount: '6.5折', price: '628-860', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 106, name: '高层城景双床房', discount: '6折', price: '468-680', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 107, name: '豪华行政套房', discount: '6.8折', price: '988-1280', originalPrice: '', image: '/static/common/image-placeholder.png' },
      { id: 108, name: '舒适大床房', discount: '6折', price: '428-620', originalPrice: '', image: '/static/common/image-placeholder.png' }
   ]
   // 体检医院演示套餐：图片按体验版素材规则复用“享”专题两张演示图。
   // 体检医院演示套餐：本地演示数据，图片统一用兜底占位图（后台没配图时也是这张）。
   const medicalPackages = [
      { id: 1, name: 'A套餐（脑血管系统筛查）', openTime: '5-6月', image: '/static/stay-assets/hotel-hampton.jpg' },
      { id: 2, name: 'B套餐（心血管系统筛查）', openTime: '5-6月', image: '/static/stay-assets/hotel-vienna.jpg' },
      { id: 3, name: 'C套餐（消化系统筛查）', openTime: '5-6月', image: '/static/stay-assets/hotel-hampton.jpg' }
      { id: 1, name: 'A套餐（脑血管系统筛查）', openTime: '5-6月', image: '/static/common/image-placeholder.png' },
      { id: 2, name: 'B套餐（心血管系统筛查）', openTime: '5-6月', image: '/static/common/image-placeholder.png' },
      { id: 3, name: 'C套餐（消化系统筛查）', openTime: '5-6月', image: '/static/common/image-placeholder.png' }
   ]
   const visiblePackages = ref<any[]>([])
   const visibleMedicalPackages = ref<any[]>([])
@@ -243,7 +258,7 @@
   const listLoaded = ref(false)
   const listError = ref(false)
   // 餐饮商家没有上架商品时，改为展示当前人才卡等级可用的到店消费说明。
   const showUsageInstructions = computed(() => !isMedicalMerchant.value && (!groupBuyingEnabled.value || (merchantType.value == 'food' && listLoaded.value && visiblePackages.value.length == 0)))
   const showUsageInstructions = computed(() => !isMedicalMerchant.value && ((isParkingMerchant.value && parkingBenefitText.value == '付费') || !groupBuyingEnabled.value || (merchantType.value == 'food' && listLoaded.value && visiblePackages.value.length == 0)))
   const failOnce = ref(false)
   const forceEmpty = ref(false)
   let parkingDetailLoaded = false
@@ -255,6 +270,19 @@
      return level
   }
   const sameCardLevel = (configured: any, actual: string): boolean => normalizeCardLevel(configured) == normalizeCardLevel(actual)
   // 商家可以按“卓越人才卡（本地）/（外地）”分开配置权益；人才地区已知时不能拿地区对不上的配置来展示。
   const levelAreaOf = (value: any): string => {
      const level = value == null ? '' : ('' + value).trim().toUpperCase()
      if (level.indexOf('外地') >= 0 || level.indexOf('OUTSIDE') >= 0) return 'OUTSIDE'
      if (level.indexOf('本地') >= 0 || level.indexOf('LOCAL') >= 0) return 'LOCAL'
      return ''
   }
   const talentAreaOf = (data: any): string => {
      const raw = data != null && data.sourceAreaType != null ? ('' + data.sourceAreaType).trim().toUpperCase() : ''
      if (raw.indexOf('外地') >= 0 || raw.indexOf('OUTSIDE') >= 0) return 'OUTSIDE'
      if (raw.indexOf('本地') >= 0 || raw.indexOf('LOCAL') >= 0) return 'LOCAL'
      return ''
   }
   const isRightEnabled = (value: any): boolean => value === true || Number(value) == 1 || ('' + value).trim().toLowerCase() == 'true'
   const parseRightsConfig = (value: any): any[] => {
      if (value == null || value == '') return []
@@ -291,9 +319,12 @@
      if (cardLevel == '') return
      let matched: any = null
      let disabledMatched: any = null
      const talentArea = talentAreaOf(data)
      for (let index = 0; index < rights.length; index++) {
         const item: any = rights[index]
         if (!sameCardLevel(rightLevel(item), cardLevel)) continue
         const configuredArea = levelAreaOf(rightLevel(item))
         if (talentArea != '' && configuredArea != '' && configuredArea != talentArea) continue
         if (isRightEnabled(item != null ? item.enabled : null)) {
            matched = item
            break
@@ -301,7 +332,7 @@
         if (disabledMatched == null) disabledMatched = item
      }
      if (matched != null) {
         const tag = matched.tag != null && matched.tag != '' ? matched.tag as string : cardLevel
         const tag = matched.tag != null && matched.tag != '' ? matched.tag as string : ''
         if (tag != '') applicableCards.value = tag
         const configuredDetail = rightDetail(matched)
         merchantRightsText.value = configuredDetail != null && configuredDetail != ''
@@ -310,22 +341,20 @@
         return
      }
      if (rights.length > 0) {
         const tag = disabledMatched != null && disabledMatched.tag != null && disabledMatched.tag != '' ? disabledMatched.tag as string : cardLevel
         applicableCards.value = tag != '' ? tag : '暂未开通'
         const tag = disabledMatched != null && disabledMatched.tag != null && disabledMatched.tag != '' ? disabledMatched.tag as string : ''
         applicableCards.value = tag
         merchantRightsText.value = disabledMatched != null ? '当前人才卡暂未开通该权益' : '当前人才卡暂未配置该权益'
         return
      }
      if (disabledMatched != null) {
         const tag = disabledMatched.tag != null && disabledMatched.tag != '' ? disabledMatched.tag as string : cardLevel
         applicableCards.value = tag != '' ? tag : '暂未开通'
         const tag = disabledMatched.tag != null && disabledMatched.tag != '' ? disabledMatched.tag as string : ''
         applicableCards.value = tag
         merchantRightsText.value = '当前人才卡暂未开通该权益'
         return
      }
      merchantRightsText.value = data != null && data.rightsText != null && data.rightsText != '' ? data.rightsText as string : '当前人才卡暂未配置该权益'
      if (data != null && data.applicableCards != null && data.applicableCards != '') {
         applicableCards.value = data.applicableCards as string
      } else if (cardLevel != '') {
         applicableCards.value = cardLevel
      }
   }

@@ -400,7 +429,7 @@
            merchantDiscount.value = routedDiscount
            merchantConsumeDiscount.value = ''
            hasFreeVoucher.value = false
            merchantPrimaryTag.value = '惠'
            merchantPrimaryTag.value = '券'
            merchantAddress.value = routedAddress == '' ? '西区清香坪北街51号' : routedAddress
            merchantLocation.value = { latitude: 26.5856, longitude: 101.7184, name: name, address: merchantAddress.value }
            packages.value = hotelPackages
@@ -420,7 +449,7 @@
               usageInstructions.value = '到达景区后出示人才码，根据景区后台配置的权益规则核验使用；开放时间、适用区域及预约要求以景区现场说明为准。'
               merchantRightsText.value = '持卓越人才卡可享该景区配置的专属游览权益，具体优惠内容、开放时间、预约方式和使用限制以景区说明为准。'
            } else if (routedMerchantType == 'apartment') {
               merchantPrimaryTag.value = '惠'
               merchantPrimaryTag.value = '券'
               groupBuyingEnabled.value = false
               merchantServiceLabel.value = '住宿服务'
               usageInstructions.value = '到店后出示人才码并按人才公寓或驿站的后台配置提交入住申请，房源、入住时长及审核要求以服务方说明为准。'
@@ -439,10 +468,8 @@
            }
         }
      }
      const session = getSession()
      if (session != null && session.talentId != null) talentId.value = session.talentId as string
      if (talentId.value == '' && apiEnvironment == 'development') talentId.value = '2'
      if (isParkingMerchant.value && talentId.value != '') {
      talentId.value = resolveTalentId()
      if ((isFuelMerchant.value || isParkingMerchant.value) && talentId.value != '') {
         getTalentCardProfile(talentId.value, (data: any) => {
            const card = data != null ? data.card : null
            talentCardId.value = card != null && card.id != null ? '' + card.id : ''
@@ -452,11 +479,13 @@
      } else if (isFuelMerchant.value || isParkingMerchant.value) {
         loadTransportMerchantDetail()
      } else {
         if (isHotelMerchant.value && talentId.value != '') {
         if ((isHotelMerchant.value || isApartmentMerchant.value) && talentId.value != '') {
            getTalentCardProfile(talentId.value, (data: any) => {
               const card = data != null ? data.card : null
               talentCardId.value = card != null && card.id != null ? '' + card.id : talentCardId.value
               currentCardLevel.value = card != null && card.level != null ? card.level as string : currentCardLevel.value
               const advisor: any = data != null ? data.advisor : null
               advisorMobile.value = advisor != null && advisor.mobile != null ? advisor.mobile as string : ''
            }, () => {})
         }
         loadRemoteMerchant()
@@ -479,20 +508,27 @@
      listLoading.value = true
      listLoaded.value = false
      listError.value = false
      getFuelMerchantDetail(merchantId.value, (data: any) => {
      getFuelMerchantDetail(merchantId.value, talentCardId.value, (data: any) => {
         merchantName.value = data != null && data.merchantName != null ? data.merchantName as string : ''
         merchantAddress.value = data != null && data.address != null ? data.address as string : ''
         merchantPhone.value = data != null && data.contactMobile != null ? data.contactMobile as string : ''
         merchantAvailable.value = data != null && (data.available === true || Number(data.available) == 1)
         merchantDiscount.value = data != null && data.discountText != null ? data.discountText as string : '请咨询商户'
         merchantServiceLabel.value = data != null && data.serviceLabel != null ? data.serviceLabel as string : '请咨询商户'
         applicableCards.value = data != null && data.applicableCards != null ? data.applicableCards as string : '请咨询商户'
         merchantServiceLabel.value = ''
         merchantDiscount.value = ''
         merchantBenefitTagsLoaded.value = true
         merchantBenefitTags.value = []
         applicableCards.value = data != null && data.applicableCards != null ? String(data.applicableCards) : ''
         usageInstructions.value = data != null && data.usageInstructions != null ? data.usageInstructions as string : '请咨询商户'
         merchantRightsText.value = data != null && data.rightsText != null ? data.rightsText as string : '请咨询商户'
         groupBuyingEnabled.value = false
         merchantType.value = 'fuel'
         const heroes: any[] = data != null && data.heroImages instanceof Array ? data.heroImages as any[] : []
         if (heroes.length > 0 && heroes[0].imageUrl != null && heroes[0].imageUrl != '') merchantHero.value = resolveApiUrl(heroes[0].imageUrl as string)
         if (heroes.length > 0 && heroes[0].imageUrl != null && heroes[0].imageUrl != '') {
            merchantHero.value = resolveApiUrl(heroes[0].imageUrl as string)
         } else if (data != null && data.coverUrl != null && data.coverUrl != '') {
            // 没配置详情页图片时用商家封面图兜底，避免顶部大图空白。
            merchantHero.value = resolveApiUrl(data.coverUrl as string)
         }
         fuelBenefitId.value = data != null && data.benefit != null && data.benefit.benefitId != null ? '' + data.benefit.benefitId : ''
         merchantLocation.value = {
            latitude: data != null && data.latitude != null ? Number(data.latitude) : 0,
@@ -503,11 +539,12 @@
         const stores: any[] = data != null && data.applicableStores instanceof Array ? data.applicableStores as any[] : []
         applicableStores.value = stores.map((item: any) => ({
            id: '' + item.id,
            name: item.storeName != null ? item.storeName as string : '',
            name: item.storeName != null ? item.storeName as string : (item.name != null ? item.name as string : ''),
            address: item.address != null ? item.address as string : '',
            latitude: item.latitude != null ? Number(item.latitude) : 0,
            longitude: item.longitude != null ? Number(item.longitude) : 0,
            canNavigate: item.canNavigate === true || Number(item.canNavigate) == 1
            canNavigate: (item.canNavigate === true || Number(item.canNavigate) == 1)
               && Number(item.latitude) > 0 && Number(item.longitude) > 0
         }))
         merchantLoading.value = false
         listLoading.value = false
@@ -540,7 +577,7 @@
         merchantUnavailableReason.value = data != null && data.unavailableReason != null && data.unavailableReason != '' ? data.unavailableReason as string : '该停车权益暂不可用'
         merchantServiceLabel.value = data != null && data.serviceLabel != null ? data.serviceLabel as string : '停车服务'
         parkingBenefitText.value = data != null && data.parkingType == 'free' ? '免费' : '付费'
         applicableCards.value = data != null && data.applicableCards != null ? data.applicableCards as string : '请咨询商户'
         applicableCards.value = data != null && data.applicableCards != null ? String(data.applicableCards) : ''
         const parkingRightDetail = data != null && data.merchantRight != null && data.merchantRight.detail != null
            ? String(data.merchantRight.detail).trim()
            : ''
@@ -548,7 +585,7 @@
            ? parkingRightDetail
            : (data != null && data.rightsText != null && data.rightsText != '' ? data.rightsText as string : '请咨询商户')
         merchantRightsText.value = data != null && data.rightsText != null ? data.rightsText as string : '请咨询商户'
         parkingActionMode.value = data != null && data.actionMode == 'talentCode' ? 'talentCode' : 'plate'
         parkingActionMode.value = data != null && data.parkingType == 'paid' ? 'talentCode' : 'plate'
         parkingPlateMode.value = data != null && data.plateFormMode == 'withParking' ? 'withParking' : 'simple'
         parkingBenefitId.value = data != null && data.benefit != null && data.benefit.benefitId != null ? '' + data.benefit.benefitId : ''
         groupBuyingEnabled.value = false
@@ -581,6 +618,8 @@
   }
   onShow(() => {
      if (isParkingMerchant.value && parkingDetailLoaded) loadParkingMerchant()
      // 酒店：从免费券页/核销后返回时刷新剩余次数，按钮在「出示免费券 / 出示人才码」之间切换。
      refreshHotelVoucherAvailability()
   })
   const loadRemoteMerchant = () => {
      if (isFuelMerchant.value || isParkingMerchant.value) { loadTransportMerchantDetail(); return }
@@ -606,36 +645,43 @@
         merchantHasCoupon.value = data != null && (data.couponAvailable === true || Number(data.couponAvailable) == 1)
         const discountText = data != null && data.discountText != null ? data.discountText as string : ''
         merchantDiscount.value = discountText == '人才专享' ? '' : discountText
         merchantServiceLabel.value = data != null && data.serviceLabel != null && data.serviceLabel != '' ? data.serviceLabel as string : merchantServiceLabel.value
         applicableCards.value = data != null && data.applicableCards != null && data.applicableCards != '' ? data.applicableCards as string : applicableCards.value
         merchantBenefitTagsLoaded.value = data != null && data.benefitTags instanceof Array
         merchantBenefitTags.value = merchantBenefitTagsLoaded.value ? readBenefitTags(data) : []
         const configuredTag = data != null && data.rightsTag != null ? '' + data.rightsTag : ''
         merchantServiceLabel.value = configuredTag != '' && data != null && data.serviceLabel != null ? data.serviceLabel as string : ''
         applicableCards.value = data != null && data.applicableCards != null ? data.applicableCards as string : ''
         merchantRightsText.value = data != null && data.rightsText != null && data.rightsText != '' ? data.rightsText as string : merchantRightsText.value
         usageInstructions.value = data != null && data.usageInstructions != null && data.usageInstructions != '' ? data.usageInstructions as string : usageInstructions.value
         if (data != null && data.cardLevel != null && data.cardLevel != '') currentCardLevel.value = data.cardLevel as string
         applyMedicalRightsConfig(data)
         // 普通自助洗车复用餐饮商家的团单展示；外链洗车不会进入此通用详情页。
         const isNormalCarWash = merchantType.value == 'carWash'
         groupBuyingEnabled.value = isNormalCarWash
            ? true
            : (data == null || data.groupBuyingEnabled == null ? groupBuyingEnabled.value : data.groupBuyingEnabled === true || Number(data.groupBuyingEnabled) == 1)
         groupBuyingEnabled.value = merchantType.value == 'food'
            || merchantType.value == 'scenic'
            || merchantType.value == 'hotel'
            || merchantType.value == 'dental'
            || merchantType.value == 'medical'
            || isNormalCarWash
         if (merchantType.value == 'culture') {
            merchantPrimaryTag.value = merchantHasCoupon.value ? '券' : '权益'
         }
         isHotelMerchant.value = merchantType.value == 'hotel'
         merchantConsumeDiscount.value = ''
         if (isHotelMerchant.value) {
            const configuredServiceLabel = data != null && data.serviceLabel != null ? String(data.serviceLabel) : ''
            const configuredCardTag = data != null && data.applicableCards != null ? String(data.applicableCards) : ''
            const hasStoreConsumeTag = configuredCardTag.indexOf('到店消费') >= 0
            const hotelStoreConsume = (data != null && (data.storeConsume === true || Number(data.storeConsume) == 1) && (data.consumeEnabled === true || Number(data.consumeEnabled) == 1)) || configuredServiceLabel.indexOf('到店') >= 0 || hasStoreConsumeTag
            merchantServiceLabel.value = hotelStoreConsume ? '到店消费' : '住宿服务'
            const normalizedCardLabel = normalizeHotelCardLabel(configuredCardTag)
            if (normalizedCardLabel != '') applicableCards.value = normalizedCardLabel
            const hotelStoreConsume = data != null && (data.storeConsume === true || Number(data.storeConsume) == 1) && (data.consumeEnabled === true || Number(data.consumeEnabled) == 1)
            const consumeType = data != null && data.consumeType != null ? String(data.consumeType) : ''
            const consumeDiscount = data != null && data.consumeDiscount != null ? String(data.consumeDiscount).trim() : ''
            merchantConsumeDiscount.value = consumeType == '折扣' && consumeDiscount != '' ? consumeDiscount + '折' : ''
            const consumeCoupon = data != null && data.consumeCoupon != null ? String(data.consumeCoupon).trim() : ''
            merchantConsumeDiscount.value = hotelStoreConsume && consumeType == '折扣' && consumeDiscount != ''
               ? consumeDiscount + '折'
               : (hotelStoreConsume && consumeType == '优惠' && consumeCoupon != '' ? '减' + consumeCoupon : '')
         }
         hasFreeVoucher.value = isHotelMerchant.value && data != null && data.rightsStatus != null && String(data.rightsStatus) == 'AVAILABLE' && (data.freeVoucherEnabled === true || Number(data.freeVoucherEnabled) == 1)
         if (hasFreeVoucher.value) {
            const freeVoucherTimes = data != null && data.freeVoucherTimes != null ? String(data.freeVoucherTimes).trim() : ''
            merchantDiscount.value = freeVoucherTimes != '' ? '免费' + freeVoucherTimes + '次' : '免费'
            merchantPrimaryTag.value = '券'
            refreshHotelVoucherAvailability()
         }
         if (isHotelMerchant.value && talentId.value != '' && talentCardId.value == '') {
            getTalentCardProfile(talentId.value, (profile: any) => {
@@ -754,6 +800,13 @@
      }
      uni.makePhoneCall({ phoneNumber: merchantPhone.value })
   }
   const contactSpecialist = () => {
      if (advisorMobile.value == '') {
         uni.showToast({ title: '暂未配置服务专员', icon: 'none' })
         return
      }
      uni.makePhoneCall({ phoneNumber: advisorMobile.value, fail: () => uni.showToast({ title: '暂时无法拨打电话', icon: 'none' }) })
   }
   const openStoreLocation = (item: any) => {
      if (item.canNavigate === false || Number(item.latitude) <= 0 || Number(item.longitude) <= 0) {
         uni.showToast({ title: '该门店暂未配置位置', icon: 'none' })
@@ -802,6 +855,17 @@
   const openMedicalPackage = (item: any) => {
      if (item.available === false) { uni.showToast({ title: item.unavailableReason || '该套餐暂不可预约', icon: 'none' }); return }
      uni.navigateTo({ url: '/pages/medical-package/medical-package?packageId=' + encodeURIComponent(item.id) + '&hospitalId=' + encodeURIComponent(merchantId.value) + '&name=' + encodeURIComponent(item.name) + '&hospital=' + encodeURIComponent(merchantName.value) + '&applicableCards=' + encodeURIComponent(applicableCards.value) })
   }
   // 酒店底部按钮显示「出示免费券」还是「出示人才码」，除了看后台是否启用免费券，
   // 还要看**剩余次数**：次数用完就得出示人才码，否则点进去只会看到"暂无可用免费券"。
   const refreshHotelVoucherAvailability = () => {
      if (!isHotelMerchant.value || !hasFreeVoucher.value || merchantId.value == '' || talentId.value == '') return
      getBenefitQuota('HOTEL', talentId.value, talentCardId.value, merchantId.value, (quota: any) => {
         const remaining = quota != null && quota.quotaRemaining != null ? Number(quota.quotaRemaining) : 0
         hasFreeVoucher.value = quota != null && quota.available === true && remaining > 0
      }, () => {
         // 额度查询失败时保持原判断：不因为一次额度查询失败就把按钮换成人才码。
      })
   }
   const showBottomVoucher = () => {
      if (isHotelMerchant.value && hasFreeVoucher.value) {
@@ -957,16 +1021,17 @@
   .rights-panel { margin: 16rpx 25rpx 0; padding: 28rpx 26rpx; border-radius: 15rpx; background-color: #FFFFFF; }
   .rights-text { display: block; margin-top: 0; color: #777F8B; font-size: 27rpx; line-height: 43rpx; }
   .store-panel { margin: 16rpx 25rpx 0; overflow: hidden; border-width: 2rpx; border-style: solid; border-color: #DCE7FA; border-radius: 16rpx; background-color: #FFFFFF; }
   .store-table-header { display: flex; min-height: 67rpx; background-color: #EEF4FF; flex-direction: row; align-items: center; }
   .store-head-name, .store-head-address { display: flex; height: 67rpx; box-sizing: border-box; padding: 0 13rpx; justify-content: flex-start; align-items: center; }
   .store-table-header { display: flex; height: 67rpx; background-color: #EEF4FF; flex-direction: row; align-items: center; }
   .store-head-name, .store-head-address { display: flex; height: 67rpx; position: relative; box-sizing: border-box; padding: 0; justify-content: flex-start; align-items: center; }
   .store-head-name { width: 250rpx; }
   .store-head-address { min-width: 0; flex: 1; }
   .store-head-action { width: 72rpx; height: 67rpx; flex-shrink: 0; }
   .store-head-name text, .store-head-address text { width: 100%; color: #26374F; font-size: 23rpx; font-weight: 700; text-align: left; }
   .store-head-name text, .store-head-address text { display: block; position: absolute; left: 13rpx; top: 0; right: 0; height: 67rpx; color: #26374F; font-size: 23rpx; font-weight: 700; line-height: 67rpx; text-align: left; }
   .store-row { display: flex; min-height: 92rpx; border-top-width: 1rpx; border-top-style: solid; border-top-color: #E7ECF4; flex-direction: row; align-items: stretch; }
   .store-name-cell { display: flex; width: 250rpx; box-sizing: border-box; padding: 17rpx 13rpx; border-right-width: 1rpx; border-right-style: solid; border-right-color: #E7ECF4; align-items: center; justify-content: flex-start; }
   .store-address-cell { display: flex; min-width: 0; flex: 1; box-sizing: border-box; padding: 17rpx 13rpx; align-items: center; justify-content: flex-start; }
   .store-name-cell text, .store-address-cell text { width: 100%; color: #48566A; font-size: 21rpx; line-height: 31rpx; text-align: left; }
   .store-name-cell { display: flex; width: 250rpx; min-height: 92rpx; box-sizing: border-box; border-right-width: 1rpx; border-right-style: solid; border-right-color: #E7ECF4; align-items: stretch; justify-content: flex-start; }
   .store-address-cell { display: flex; min-width: 0; min-height: 92rpx; flex: 1; box-sizing: border-box; align-items: stretch; justify-content: flex-start; }
   .store-cell-content { display: flex; width: 100%; min-width: 0; min-height: 92rpx; box-sizing: border-box; padding: 13rpx; flex-direction: row; align-items: center; }
   .store-cell-content text { width: 100%; color: #48566A; font-size: 21rpx; line-height: 31rpx; text-align: left; }
   .store-location { display: flex; width: 72rpx; flex-shrink: 0; justify-content: center; align-items: center; }
   .store-location image { width: 34rpx; height: 34rpx; box-sizing: border-box; padding: 4rpx; border-width: 2rpx; border-style: solid; border-color: #8BB9FF; border-radius: 50%; background-color: #EEF6FF; }
   .store-location.is-disabled { opacity: .4; }
@@ -985,10 +1050,11 @@
   .medical-open-value { min-width: 0; flex: 1; margin-left: 14rpx; color: #FF7C2B; font-size: 26rpx; font-weight: 600; }
   .medical-view-button { display: flex; width: 132rpx; height: 57rpx; border-radius: 29rpx; background-image: linear-gradient(90deg, #FF5733 0%, #FF8A20 100%); flex-shrink: 0; justify-content: center; align-items: center; }
   .medical-view-button text { color: #FFFFFF; font-size: 27rpx; }
   .medical-usage-panel { min-height: 548rpx; margin: 16rpx 25rpx 0; box-sizing: border-box; padding: 31rpx 27rpx; border-radius: 15rpx; background-color: #EFF1F4; }
   .medical-usage-panel { margin: 16rpx 25rpx 0; box-sizing: border-box; padding: 28rpx 26rpx; border-radius: 15rpx; background-color: #FFFFFF; }
   .medical-usage-panel text { color: #777F8B; font-size: 27rpx; line-height: 43rpx; white-space: pre-wrap; }
   .action-bar { display: flex; height: 150rpx; height: calc(150rpx + env(safe-area-inset-bottom)); box-sizing: border-box; padding: 20rpx 34rpx 2rpx; padding-bottom: calc(2rpx + env(safe-area-inset-bottom)); background-color: #FFFFFF; box-shadow: 0 -5rpx 15rpx rgba(0,0,0,.06); flex-direction: column; justify-content: flex-end; }
   .talent-code-button { display: flex; width: 100%; height: 90rpx; flex-shrink: 0; border-radius: 46rpx; background-image: linear-gradient(90deg, #FF4D32 0%, #FF8A20 100%); flex-direction: row; justify-content: center; align-items: center; }
   .talent-code-button-disabled { background-image: none; background-color: #C7CDD5; }
   .talent-code-button image { width: 29rpx; height: 29rpx; margin-right: 14rpx; }
   .talent-code-button text { color: #FFFFFF; font-size: 31rpx; font-weight: 500; }
   .mobile-dialog-mask { display: flex; position: fixed; z-index: 100; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(24,29,38,.48); justify-content: center; align-items: center; }