Merge branch 'feat-scene' into test

src/apis.js

@@ -752,3 +752,14 @@ export const getNearbyStoresAPI = ({
         pageSize,
     });
 };
+
+// 分页获取指定门店的公开金币规则。
+export const getStoreGoldRuleListAPI = ({storeId, page = 1, pageSize = 20} = {}) => {
+    return request(
+        "GET",
+        `/gin/api/v1/super-admin/gold-rule/store/${storeId}/list`,
+        {page, page_size: pageSize},
+        API_ROOT_URL,
+        [0, 200]
+    );
+};

src/pages/coin/components/CoinEmptyState.vue

@@ -9,7 +9,10 @@ defineProps({
 
 <template>
   <view class="empty-state">
-    <image src="/static/coin/empty-coin-record.png" mode="aspectFit" />
+    <image
+      src="https://static.shelingxingqiu.com/shootmini/static/coin/empty-coin-record.png"
+      mode="aspectFit"
+    />
     <text>{{ text }}</text>
   </view>
 </template>

src/pages/coin/components/LocationPermissionState.vue

@@ -4,7 +4,10 @@ const emit = defineEmits(["authorize"]);
 
 <template>
   <view class="location-state">
-    <image src="/static/coin/location-permission.png" mode="aspectFit" />
+    <image
+      src="https://static.shelingxingqiu.com/shootmini/static/coin/location-permission.png"
+      mode="aspectFit"
+    />
     <text>授权获取你的定位，以便推荐附近门店。</text>
     <button hover-class="none" @click="emit('authorize')">立即授权</button>
   </view>

src/pages/coin/components/OfflineExchangeNotice.vue

@@ -9,7 +9,10 @@ defineProps({
 
 <template>
   <view class="exchange-notice" :class="`exchange-notice--${variant}`">
-    <image src="/static/coin/icon-notice.png" mode="aspectFit" />
+    <image
+      src="https://static.shelingxingqiu.com/shootmini/static/coin/icon-notice.png"
+      mode="aspectFit"
+    />
     <text>暂不支持线上兑换，请前往线下门店进行兑换。</text>
   </view>
 </template>

src/pages/coin/components/ProductHeroSwiper.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { computed, ref } from "vue";
 
-const DEFAULT_PRODUCT_IMAGE = "/static/coin/product-hero-item.png";
+const DEFAULT_PRODUCT_IMAGE =
+  "https://static.shelingxingqiu.com/shootmini/static/coin/product-hero-item.png";
 const props = defineProps({
   images: {
     type: Array,
@@ -29,7 +30,7 @@ const onChange = (event) => {
         <view class="hero-swiper__item">
           <image
             class="hero-swiper__background"
-            src="/static/coin/product-hero-bg.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/coin/product-hero-bg.png"
             mode="scaleToFill"
           />
           <image class="hero-swiper__product" :src="image" mode="aspectFit" />

src/pages/coin/components/RewardProductCard.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { computed } from "vue";
 
-const DEFAULT_PRODUCT_IMAGE = "/static/coin/product-card-item.png";
+const DEFAULT_PRODUCT_IMAGE =
+  "https://static.shelingxingqiu.com/shootmini/static/coin/product-hero-bg.png";
 
 const props = defineProps({
   product: {

src/pages/coin/components/StoreCard.vue

@@ -1,14 +1,20 @@
 <script setup>
-defineProps({
+const props = defineProps({
   store: {
     type: Object,
     required: true,
   },
 });
+
+const emit = defineEmits(["select"]);
+
+const selectStore = () => {
+  emit("select", props.store);
+};
 </script>
 
 <template>
-  <view class="store-card">
+  <view class="store-card" hover-class="none" @click="selectStore">
     <image class="store-card__photo" :src="store.image" mode="aspectFill" />
     <text class="store-card__name">{{ store.name }}</text>
     <view class="store-card__info">

src/pages/coin/data.js

@@ -2,29 +2,21 @@ export const quickMenus = [
   {
     key: "rules",
     label: "金币规则",
-    icon: "/static/coin/icon-rules.png",
+    icon: "https://static.shelingxingqiu.com/shootmini/static/coin/icon-rules.png",
   },
   {
     key: "earningRecords",
     label: "获取明细",
-    icon: "/static/coin/icon-earning-records.png",
+    icon: "https://static.shelingxingqiu.com/shootmini/static/coin/icon-earning-records.png",
   },
   {
     key: "exchangeRecords",
     label: "兑换记录",
-    icon: "/static/coin/icon-exchange-records.png",
+    icon: "https://static.shelingxingqiu.com/shootmini/static/coin/icon-exchange-records.png",
   },
   {
     key: "nearbyStores",
     label: "附近门店",
-    icon: "/static/coin/icon-nearby-store.png",
+    icon: "https://static.shelingxingqiu.com/shootmini/static/coin/icon-nearby-store.png",
   },
 ];
-
-export const coinRules = [
-  "金币获取规则：登录个人账号后，使用射灵智能弓体验个人训练、好友约战、排位赛三种模式，每射出一箭并判为有效，即可根据该箭的实际环数，获得等额金币。如：用户在个人训练中，射出一箭并获得9环，即获得9金币。",
-  "累计金币：累计金币为用户历史获得的所有金币，不会过期、不受兑换影响。",
-  "可兑换金币：可兑换金币为用户可用于兑换奖品的金币，用户使用金币兑换相应礼品后，将扣除相应金币。同时，可兑换金币有1年有效期，自金币获得之日起开始计算。",
-  "射灵星球官方可能会不定期举办各类活动，有机会额外获得更多机会，具体以实际公告为准。",
-  "金币以每个门店/俱乐部为单位独立计算与兑换核销，暂不支持跨门店、跨俱乐部计算，具体以各门店实际公告为准。",
-];

src/pages/coin/earning-records.vue

@@ -8,6 +8,7 @@ import CoinEmptyState from "./components/CoinEmptyState.vue";
 import { getGoldLogAPI } from "@/apis";
 
 const PAGE_SIZE = 20;
+const storeId = ref("");
 const earningRecords = ref([]);
 const page = ref(0);
 const total = ref(0);
@@ -61,6 +62,7 @@ const loadRecords = async ({ reset = false } = {}) => {
       page: nextPage,
       pageSize: PAGE_SIZE,
       type: 1,
+      storeId: storeId.value,
     });
     const list = Array.isArray(result?.list) ? result.list : [];
     const mappedList = list.map(formatRecord);
@@ -80,7 +82,18 @@ const loadRecords = async ({ reset = false } = {}) => {
   }
 };
 
-onLoad(() => loadRecords({ reset: true }));
+onLoad((options = {}) => {
+  const currentStoreId = String(options.storeId || "");
+  if (!/^\d+$/.test(currentStoreId) || Number(currentStoreId) <= 0) {
+    uni.redirectTo({
+      url: "/pages/coin/nearby-stores",
+    });
+    return;
+  }
+
+  storeId.value = currentStoreId;
+  loadRecords({ reset: true });
+});
 </script>
 
 <template>

src/pages/coin/exchange-records.vue

@@ -8,6 +8,7 @@ import CoinEmptyState from "./components/CoinEmptyState.vue";
 import { getGoldLogAPI } from "@/apis";
 
 const PAGE_SIZE = 20;
+const storeId = ref("");
 const exchangeRecords = ref([]);
 const page = ref(0);
 const total = ref(0);
@@ -61,6 +62,7 @@ const loadRecords = async ({ reset = false } = {}) => {
       page: nextPage,
       pageSize: PAGE_SIZE,
       type: 2,
+      storeId: storeId.value,
     });
     const list = Array.isArray(result?.list) ? result.list : [];
     const mappedList = list.map(formatRecord);
@@ -80,7 +82,18 @@ const loadRecords = async ({ reset = false } = {}) => {
   }
 };
 
-onLoad(() => loadRecords({ reset: true }));
+onLoad((options = {}) => {
+  const currentStoreId = String(options.storeId || "");
+  if (!/^\d+$/.test(currentStoreId) || Number(currentStoreId) <= 0) {
+    uni.redirectTo({
+      url: "/pages/coin/nearby-stores",
+    });
+    return;
+  }
+
+  storeId.value = currentStoreId;
+  loadRecords({ reset: true });
+});
 </script>
 
 <template>

src/pages/coin/index.vue

@@ -15,6 +15,8 @@ const coinSummary = ref({
   cumulative: 0,
   available: 0,
 });
+const selectedStoreId = ref("");
+const selectedStoreName = ref("");
 const rewardProducts = ref([]);
 const productPage = ref(0);
 const productTotal = ref(0);
@@ -23,7 +25,7 @@ const productNoMore = ref(false);
 
 const loadCoinSummary = async () => {
   try {
-    const result = await getMyGoldAPI();
+    const result = await getMyGoldAPI(selectedStoreId.value);
     coinSummary.value = {
       cumulative: Number(result?.totalGold) || 0,
       available: Number(result?.usableGold) || 0,
@@ -86,10 +88,37 @@ const menuRoutes = {
   rules: "/pages/coin/rules",
   earningRecords: "/pages/coin/earning-records",
   exchangeRecords: "/pages/coin/exchange-records",
-  nearbyStores: "/pages/coin/nearby-stores",
+};
+
+const buildStorePageUrl = (path, extraQuery = "") => {
+  const query = [
+    `storeId=${encodeURIComponent(selectedStoreId.value)}`,
+    `storeName=${encodeURIComponent(selectedStoreName.value)}`,
+    extraQuery,
+  ]
+    .filter(Boolean)
+    .join("&");
+  return `${path}?${query}`;
+};
+
+const decodeRouteText = (value = "") => {
+  const text = String(value);
+  try {
+    return decodeURIComponent(text.replace(/\+/g, " "));
+  } catch (error) {
+    console.error("门店名称解码失败", error);
+    return text;
+  }
 };
 
 const onMenuSelect = (menu) => {
+  if (menu.key === "nearbyStores") {
+    uni.redirectTo({
+      url: "/pages/coin/nearby-stores",
+    });
+    return;
+  }
+
   const url = menuRoutes[menu.key];
   if (!url) {
     uni.showToast({
@@ -98,16 +127,31 @@ const onMenuSelect = (menu) => {
     });
     return;
   }
-  uni.navigateTo({ url });
+  uni.navigateTo({
+    url: buildStorePageUrl(url),
+  });
 };
 
 const toProductDetail = (product) => {
   uni.navigateTo({
-    url: `/pages/coin/product-detail?id=${product.id}`,
+    url: buildStorePageUrl(
+      "/pages/coin/product-detail",
+      `id=${encodeURIComponent(product.id)}`
+    ),
   });
 };
 
-onLoad(() => {
+onLoad((options = {}) => {
+  const storeId = String(options.storeId || "");
+  if (!/^\d+$/.test(storeId) || Number(storeId) <= 0) {
+    uni.redirectTo({
+      url: "/pages/coin/nearby-stores",
+    });
+    return;
+  }
+
+  selectedStoreId.value = storeId;
+  selectedStoreName.value = decodeRouteText(options.storeName);
   loadCoinSummary();
   loadProducts({ reset: true });
 });
@@ -116,7 +160,7 @@ onLoad(() => {
 <template>
   <Container :bgType="6" :isHome="true" @scrolltolower="loadProducts">
     <template #header>
-      <CoinHeader title="我的金币" />
+      <CoinHeader title="我的金币" :subtitle="selectedStoreName" />
     </template>
     <view class="coin-page">
       <CoinBalancePanel

src/pages/coin/nearby-stores.vue

@@ -8,7 +8,8 @@ import StoreCard from "./components/StoreCard.vue";
 import { getNearbyStoresAPI } from "@/apis";
 
 const PAGE_SIZE = 20;
-const DEFAULT_STORE_IMAGE = "/static/coin/store-photo.png";
+const DEFAULT_STORE_IMAGE =
+  "https://static.shelingxingqiu.com/shootmini/static/coin/store-photo.png";
 const showPermissionState = ref(false);
 const stores = ref([]);
 const location = ref(null);
@@ -100,6 +101,23 @@ const authorizeLocation = () => {
   });
 };
 
+// 选择门店后替换当前页面，返回时直接回到进入金币模块前的页面。
+const selectStore = (store) => {
+  const storeId = String(store?.id || "");
+  if (!/^\d+$/.test(storeId) || Number(storeId) <= 0) {
+    uni.showToast({
+      title: "门店信息无效",
+      icon: "none",
+    });
+    return;
+  }
+
+  const storeName = encodeURIComponent(store?.name || "");
+  uni.redirectTo({
+    url: `/pages/coin/index?storeId=${encodeURIComponent(storeId)}&storeName=${storeName}`,
+  });
+};
+
 onLoad(locateAndLoadStores);
 </script>
 
@@ -114,7 +132,12 @@ onLoad(locateAndLoadStores);
         @authorize="authorizeLocation"
       />
       <template v-else>
-        <StoreCard v-for="store in stores" :key="store.id" :store="store" />
+        <StoreCard
+          v-for="store in stores"
+          :key="store.id"
+          :store="store"
+          @select="selectStore"
+        />
         <text v-if="loaded && !stores.length" class="stores-page__more">
           附近暂无门店~
         </text>

src/pages/coin/rules.vue

@@ -1,21 +1,104 @@
 <script setup>
+import { computed, ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import CoinHeader from "./components/CoinHeader.vue";
-import { coinRules } from "./data";
+import CoinEmptyState from "./components/CoinEmptyState.vue";
+import { getStoreGoldRuleListAPI } from "@/apis";
+
+const PAGE_SIZE = 20;
+const storeId = ref("");
+const coinRules = ref([]);
+const page = ref(0);
+const loading = ref(false);
+const noMore = ref(false);
+const loaded = ref(false);
+const showEmpty = computed(() => loaded.value && !coinRules.value.length);
+
+const updatePaginationState = (result, list, nextPage) => {
+  const currentPage = Number(result?.page) || nextPage;
+  const pageCount = Number(result?.pageCount ?? result?.page_count);
+  const totalCount = Number(result?.totalCount ?? result?.total);
+  const responsePageSize =
+    Number(result?.pageSize ?? result?.page_size) || PAGE_SIZE;
+
+  page.value = currentPage;
+  if (Number.isFinite(pageCount) && pageCount >= 0) {
+    noMore.value = currentPage >= pageCount;
+    return;
+  }
+  if (Number.isFinite(totalCount) && totalCount >= 0) {
+    noMore.value = coinRules.value.length >= totalCount;
+    return;
+  }
+  noMore.value = list.length < responsePageSize;
+};
+
+const loadRules = async ({ reset = false } = {}) => {
+  if (loading.value || (!reset && noMore.value)) return;
+
+  const nextPage = reset ? 1 : page.value + 1;
+  loading.value = true;
+  if (reset) noMore.value = false;
+
+  try {
+    const result = await getStoreGoldRuleListAPI({
+      storeId: storeId.value,
+      page: nextPage,
+      pageSize: PAGE_SIZE,
+    });
+    const list = Array.isArray(result?.list) ? result.list : [];
+    const mappedList = list.map((item) => ({
+      id: item.id,
+      content: item.content || "",
+    }));
+
+    coinRules.value = reset ? mappedList : coinRules.value.concat(mappedList);
+    updatePaginationState(result, list, nextPage);
+  } catch (error) {
+    if (reset) {
+      coinRules.value = [];
+      page.value = 0;
+    }
+    console.error("加载金币规则失败", error);
+  } finally {
+    loading.value = false;
+    loaded.value = true;
+  }
+};
+
+onLoad((options = {}) => {
+  const currentStoreId = String(options.storeId || "");
+  if (!/^\d+$/.test(currentStoreId) || Number(currentStoreId) <= 0) {
+    uni.redirectTo({
+      url: "/pages/coin/nearby-stores",
+    });
+    return;
+  }
+
+  storeId.value = currentStoreId;
+  loadRules({ reset: true });
+});
 </script>
 
 <template>
-  <Container :bgType="6" :isHome="true">
+  <Container :bgType="6" :isHome="true" @scrolltolower="loadRules">
     <template #header>
       <CoinHeader title="金币规则" />
     </template>
     <view class="rules-page">
+      <CoinEmptyState v-if="showEmpty" text="暂无金币规则。" />
+      <template v-else>
         <view
-        v-for="(rule, index) in coinRules"
-        :key="index"
+          v-for="rule in coinRules"
+          :key="rule.id"
           class="rules-page__item"
         >
-        <text>{{ index + 1 }}、{{ rule }}</text>
+          <rich-text class="rules-page__content" :nodes="rule.content" />
+        </view>
+      </template>
+      <view v-if="loading" class="rules-page__status">
+        <text>加载中...</text>
       </view>
     </view>
   </Container>
@@ -35,4 +118,16 @@ import { coinRules } from "./data";
   line-height: 52rpx;
   text-align: justify;
 }
+
+.rules-page__content {
+  display: block;
+}
+
+.rules-page__status {
+  padding: 12rpx 0 20rpx;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 24rpx;
+  line-height: 34rpx;
+  text-align: center;
+}
 </style>

src/pages/user.vue

@@ -26,7 +26,7 @@ const toFristTryPage = async () => {
 };
 const toCoinPage = () => {
   uni.navigateTo({
-    url: "/pages/coin/index",
+    url: "/pages/coin/nearby-stores",
   });
 };
 const toBeVipPage = () => {