充值页增加活动站点清单

src/pages-user/wallet-recharge/wallet-recharge.vue

@@ -25,6 +25,17 @@
           {{ item }}
         </view>
       </view>
+      <view v-if="activityStationList&&activityStationList.length>0" class="flex-align-center" @click="handleShowActivityStationDialog">
+        <view class="fs-30 color-666 pd-10" style="padding: 10px 0;">
+          活动站点：{{activityStationList[0]}}
+        </view>
+        <view
+            v-if="activityStationList.length>1"
+            class="ml-12 color-primary fs-30">
+          <text>更多</text>
+        </view>
+      </view>
+
       <view v-if="payOptionsDiscountDay[payOption]" class="flex-align-center">
         <view class="fs-30 color-666">
           {{ (payOptionsDiscount[payOption] && payOptionsDiscount[payOption] > 0) ? `享服务费${payOptionsDiscount[payOption]}折，` : '' }}权益有效期{{
@@ -47,7 +58,19 @@
     </view>
   </view>
 
-  <style-bottom-view>
+  <style-dialog
+  v-if="stationVisible"
+  title="活动站点"
+  @close="stationVisible=false">
+    <view class="activity-station">
+      <view v-for="station in activityStationList" :key="station" class="activity-station-item">
+        <text>{{station}}</text>
+      </view>
+    </view>
+
+  </style-dialog>
+
+  <style-bottom-view v-if="!stationVisible">
     <view class="pl-60 pr-60 pb-20">
       <style-button size="small" type="primary" @click="debounceConfirm">充值</style-button>
     </view>
@@ -60,6 +83,7 @@ import {fetchProfile, insertMoney} from "../../api/user";
 import {onLoad} from "@dcloudio/uni-app";
 import {back, to} from "@/utils/navigate";
 import {debounce} from "@/utils/util";
+import StyleDialog from "@/components/style-dialog/style-dialog.vue";
 
 const balance = ref(0);
 const payOption = ref(3);
@@ -71,6 +95,18 @@ const activityId = ref();
 const rechargeRightsId = ref();
 const rechargeRightsList = ref([]);
 const needBack = ref(false);
+const activityStationList = ref([]);
+const stationVisible = ref(false)
+
+
+const handleShowActivityStationDialog = () => {
+  console.log(stationVisible)
+  if(activityStationList.value&&activityStationList.value.length>0){
+    stationVisible.value = true;
+    console.log(stationVisible)
+  }
+}
+
 const input = (e: any) => {
   payValue.value = e.value;
   rechargeRightsId.value = 0;
@@ -160,6 +196,11 @@ onLoad((options: any) => {
     // console.log(res);
     balance.value = res.balance;
     if (res && res.activityList && res.activityList.length) {
+      let stationList = res.activityList[0].stationList;
+      if(stationList&&stationList.length>0){
+        activityStationList.value = stationList.map(k=>k.stationName)
+      }
+
       res.activityList[0].rechargeRightsList.forEach((item: any) => {
         const val = Number((Number(item.amountMin) / 100).toFixed(2));
         const fi = payOptions.value.findIndex((o) => o === val);
@@ -217,4 +258,19 @@ onLoad((options: any) => {
     font-weight: 700;
   }
 }
+
+.activity-station{
+  min-height: 450px;
+  width: 100%;
+  background-color: #f6f7fa;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  align-content: center;
+
+  &-item{
+    margin: 8rpx 0;
+      font-size: 15px;
+  }
+}
 </style>