删除部分图片，增加超级会员页面功能

pageMarket/superVip/vip-plans.vue

@@ -0,0 +1,140 @@
+<template>
+  <view class="min-page bg-f7 u-font-28">
+    <view class="default-box-padding">
+      <view
+        v-for="(item, index) in superVipStore.config.configList"
+        class="u-m-b-56 default-box-radius bg-fff default-box-padding"
+      >
+        <view class="u-flex u-row-between">
+          <text class="u-font-32 font-bold color-000">{{ item.name }}</text>
+        </view>
+        <view class="u-m-t-22 color-666 u-font-32 u-flex">
+          <view class="u-flex-1">
+            <view>
+              <text class="color-666">价格：</text>
+              <text>{{item.price}}元</text>
+            </view>
+            <view class="u-m-t-20">
+              <text class="color-666">周期：</text>
+              <text> {{item.circleTime}}个{{ item.circleUnit }}</text>
+            </view>
+          </view>
+          <view class="u-flex-1">
+            <view>
+              <text class="color-666">赠送成长值：</text>
+              <text>{{item.reward}}</text>
+            </view>
+            <view class="u-m-t-20">
+              <text class="color-666">赠送优惠券：</text>
+              <text> {{returnCouponAllNum(item)}}张</text>
+            </view>
+          </view>
+        </view>
+        <view class="u-flex u-row-right gap-20 u-m-t-32">
+          <view class="btn del" @click="handleDelete(index)">删除</view>
+          <view class="btn edit" @click="handleEdit(item,index)">编辑</view>
+        </view>
+      </view>
+    </view>
+    <view style="height: 100rpx"></view>
+    <view class="fixed-bottom">
+      <my-button @click="go.to('PAGES_MARKET_SUPER_VIP_ADD_PLAN')">
+        <view class="u-flex">
+          <up-icon name="plus" color="#fff" size="12"></up-icon>
+          <text class="u-m-l-10">添加方案</text>
+        </view>
+      </my-button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import {
+  onLoad,
+  onReady,
+  onShow,
+  onPageScroll,
+  onReachBottom,
+  onBackPress,
+} from "@dcloudio/uni-app";
+import { useSuperVipStore } from "@/store/market.js";
+import go from "@/commons/utils/go.js";
+const superVipStore = useSuperVipStore();
+import { ref, reactive, onMounted } from "vue";
+
+function handleDelete(index) {
+  uni.showModal({
+    title: "确认删除吗？",
+    success: (res) => {
+      if (res.confirm) {
+        superVipStore.config.configList.splice(index, 1);
+        superVipStore.editConfig().then(res=>{
+          if(res){
+            uni.showToast({
+              title: "删除成功",
+              icon: "none",
+            });
+          }
+        })
+      }
+    },
+  });
+  
+}
+
+function returnCouponAllNum(item){
+    return (item.couponList||[]).reduce((pre,cur)=>pre+cur.num,0)
+}
+
+function handleEdit(item,index) {
+  uni.setStorageSync("suggestItem", item);
+  go.to("PAGES_MARKET_SUPER_VIP_ADD_PLAN", {
+    type: "edit",
+    index: index,
+  });
+}
+
+
+
+</script>
+
+<style lang="scss" scoped>
+.status {
+  padding: 8rpx 18rpx;
+  border: 2rpx solid transparent;
+  border-radius: 8rpx;
+  &.status1 {
+    background-color: rgba(123, 209, 54, 0.12);
+    border-color: rgba(123, 209, 54, 1);
+    color: #7bd136;
+  }
+  &.status0 {
+    border-color: rgba(153, 153, 153, 1);
+    background-color: rgba(153, 153, 153, 0.12);
+    color: #999;
+  }
+}
+.btn {
+  padding: 8rpx 42rpx;
+  border-radius: 100rpx;
+  &.del {
+    background-color: #f7f7fa;
+    color: #999;
+  }
+  &.edit {
+    background-color: $my-main-color;
+    color: #fff;
+  }
+}
+.fixed-bottom {
+  left: 70rpx;
+  right: 70rpx;
+}
+.time {
+  margin-left: 30rpx;
+  padding: 4rpx 20rpx;
+  border: 1px solid $my-main-color;
+  border-radius: 8rpx;
+  color: $my-main-color;
+}
+</style>