链接失效，下单

src/views/badge/preview.vue

@@ -36,7 +36,7 @@
     </div>
     <div class="info-section">
       <div class="info-item">
-        <div class="info-title">芯比风格</div>
+        <div class="info-title">{{ compareList.kind_name }}</div>
         <div class="info-content">风格</div>
       </div>
       <div class="info-item">
@@ -59,9 +59,9 @@
       <div class="order-title">订购数量</div>
       <div class="order-item" v-for="item in sizeList" :key="item.id">
         <span class="order-size">{{ item.size }}</span>
-        <span class="order-free">(剩余兑换：{{ item.count }})</span>
+        <span class="order-free">(剩余兑换：{{ item.remaining }})</span>
         <div class="order-ctrl">
-          <van-stepper v-model="value" :min="0" :max="item.count" @change="changeValue" />
+          <van-stepper v-model="item.count" :min="0" :max="item.remaining" @change="changeValue" />
         </div>
       </div>
       <!-- <div class="order-item">
@@ -72,6 +72,7 @@
         </div>
       </div> -->
     </div>
+    <div style="height: 110px;"></div>
     <div class="confirm-box">
       <div class="action-section">
         <button @click="reload" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/reload.png" alt=""> 再次生成</button>
@@ -162,7 +163,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import { useRoutimporter } from 'vue-router';
-import { showSuccessToast } from 'vant';
+import { showSuccessToast, showToast, showNotify } from 'vant';
 import * as badgeApi from '@/api/badge'
 const router = useRouter();
 const value = ref(0);
@@ -172,7 +173,7 @@ const showBgCompare = ref(false)
 const currentIndex = ref(0)
 const imageList = ref([])
 function compare() {
-  if (extend_value == -1) {
+  if (extend_value.value == -1) {
     showCompare.value = true
   } else {
     showBgCompare.value = true
@@ -211,6 +212,10 @@ function sureReload() {
   }).catch((err) => {
     console.log('putModeling', err)
     showReload.value = false
+    showToast({
+      message: '链接已失效，请联系平台客服',
+      duration: 2000,
+    })
   }).finally(() => {
     showReload.value = false
   })
@@ -284,13 +289,17 @@ const getSizeList = () => {
 
 const payAmount = ref(0)
 const changeValue = (value: number) => {
-  console.log(value)
+  console.log(value) 
   payAmount.value = value
 }
 
 const key = ref(0)
 const confirm = () => {
   console.log('confirm')
+  if (payAmount.value <= 0) {
+    showToast('请先选择下单数量')
+    return
+  }
   const parms = {
     pid: pid.value,
     key: key.value,
@@ -308,6 +317,10 @@ const confirm = () => {
     })
   }).catch((err) => {
     console.log('creatOrder', err)
+    showToast({
+      message: '链接已失效，请联系平台客服',
+      duration: 2000,
+    })
   }).finally((err) => {
     
   })