完善券兑换码功能

pageMarket/components/choose-coupon.vue

@@ -7,6 +7,7 @@
           <up-icon size="18" name="close" @click="show = false"></up-icon>
         </view>
         <scroll-view
+          ref="couponScroll"
           :scroll-y="true"
           style="max-height: 50vh"
           @scroll="scroll"
@@ -21,21 +22,22 @@
           >
             <view class="u-flex u-row-between">
               <view class="u-flex gap-20">
-                <view class="u-flex" @click.stop="preview(item)">
+                <!-- <view class="u-flex" @click.stop="preview(item)">
                   <up-image
                     :src="item.coverImg"
                     width="80rpx"
                     height="80rpx"
                   ></up-image>
-                </view>
+                </view> -->
 
-                <text class="u-font-32 color-333">{{ item.name }}</text>
+                <text class="u-font-32 color-333">{{ item.title }}</text>
               </view>
               <text class="u-font-32 color-red u-p-l-30"
-                >¥{{ item.lowPrice }}</text
+                ></text
               >
             </view>
           </view>
+          <up-empty v-if="list.length == 0" class="u-p-30" text="暂无数据"></up-empty>
         </scroll-view>
         <view class="bottom">
           <view class="btn cancel" @click="close">{{ cancelText }}</view>
@@ -47,7 +49,6 @@
 </template>
 <script setup>
 import { ref, onMounted, watch } from "vue";
-import { getCouponList } from "@/http/api/coupon.js";
 const modelValue = defineModel({
   type: String,
   default: "",
@@ -56,7 +57,7 @@ const show = defineModel("show", {
   type: String,
   default: "",
 });
-const goodsName = defineModel("goodsName", {
+const couponName = defineModel("couponName", {
   type: String,
   default: "",
 });
@@ -74,6 +75,10 @@ const props = defineProps({
     type: String,
     default: "取消",
   },
+  list: {
+    type: Array,
+    default: () => [],
+  },
 });
 
 const selGoods = ref("");
@@ -84,7 +89,6 @@ function itemClick(item) {
   }
   selGoods.value = item;
 }
-const list = ref([]);
 
 const scrollTop = ref(0);
 function scroll(e) {
@@ -99,22 +103,22 @@ watch(
   () => modelValue.value,
   (newVal, oldVal) => {
     console.log(newVal, oldVal);
-    selGoods.value = list.value.find((item) => item.id == newVal);
+    selGoods.value = props.list.find((item) => item.id == newVal);
     console.log(selGoods.value);
     if (selGoods.value) {
-      goodsName.value = selGoods.value.name;
+      couponName.value = selGoods.value.title;
     }
   }
 );
 
 watch(
-  () => list.value.length,
+  () => props.list.length,
   (newVal, oldVal) => {
-    selGoods.value = list.value.find((item) => item.id == modelValue.value);
+    selGoods.value = props.list.find((item) => item.id == modelValue.value);
     console.log(selGoods.value);
     if (selGoods.value) {
       modelValue.value = selGoods.value.id;
-      goodsName.value = selGoods.value.name;
+      couponName.value = selGoods.value.title;
     }
   }
 );
@@ -122,6 +126,8 @@ watch(
 function close() {
   show.value = false;
 }
+
+const emit = defineEmits(["confirm"]);
 function confirm() {
   if (!selGoods.value) {
     uni.showToast({
@@ -132,12 +138,9 @@ function confirm() {
   }
   modelValue.value = selGoods.value.id;
   show.value = false;
+  emit("confirm", selGoods.value);
 }
-onMounted(() => {
-  getCouponList().then((res) => {
-    list.value = res;
-  });
-});
+
 </script>
 
 <style lang="scss">