增加取消优惠券

h5/pages/main/coupon/coupon.vue

@@ -34,6 +34,12 @@ const selectCoupon = (item) => {
   uni.navigateBack({ delta: 1 });
 };
 
+const noSelectCoupon = () => {
+  yytjInfo.value.couponId = "";
+  yytjInfo.value.couponPrice = "";
+  $store.setYytjInfo(yytjInfo.value);
+};
+
 const config_ref = ref(null);
 const configRef = (e) => {
   if (!config_ref.value) {
@@ -73,7 +79,7 @@ onShow(() => {
           <text class="text-#fff text-22rpx">{{ item.desc }}</text>
         </view>
         <view
-          class="grow box-border b-1 b-l-0 b-#E5E5E5 b-solid rounded-r-15rpx flex between py-5rpx"
+          class="grow box-border b-1 b-l-0 b-#E5E5E5 b-solid rounded-r-15rpx flex between"
         >
           <view
             class="grow px-30rpx py-25rpx box-border flex-col between h-full items-start b-0 b-r-1 b-#E5E5E5 b-solid"
@@ -84,10 +90,18 @@ onShow(() => {
             }}</text>
           </view>
           <view
-            class="max-w-60rpx min-w-60rpx text-#B38933 text-25rpx center mx-0"
+            v-if="yytjInfo.couponId != item.id"
+            class="max-w-60rpx h-full min-w-60rpx text-#B38933 rounded-r-15rpx text-25rpx center mx-0"
           >
             立<br />即<br />使<br />用
           </view>
+          <view
+            v-else
+            @click.stop="noSelectCoupon()"
+            class="max-w-60rpx h-full min-w-60rpx text-#fff rounded-r-15rpx bg-#B38933 text-25rpx center mx-0"
+          >
+            取<br />消<br />使<br />用
+          </view>
         </view>
       </view>
     </view>