卡通手办

src/views/badge/preview.vue

@@ -53,6 +53,7 @@
         <div class="info-title" v-if="typeId == 1">{{ prodId == 7 ? '人物立体徽章' : '宠物立体徽章' }}</div>
         <div class="info-title" v-if="typeId == 2">{{ prodId == 7 ? '人物浮雕相框' : '宠物浮雕相框' }}</div>
         <div class="info-title" v-if="typeId == 3">{{ prodId == 7 ? '人物3D冰箱贴' : '宠物3D冰箱贴' }}</div>
+        <div class="info-title" v-if="typeId == 4">{{ prodId == 1 ? '人物卡通手办' : '宠物卡通手办' }}</div>
         <div class="info-content">产品类型</div>
       </div>
       <div class="info-item">
@@ -68,7 +69,7 @@
       <div class="shape-type" v-if="imageUrl && typeId == 3">
         <div class="shape-type-item" :class="{ 'shape-active': item.id == shapeId }" v-for="item in shapeList" :key="item.id" @click="shapeChange(item)">{{item.name}}</div>
       </div>
-      <div class="shape-box" v-if="imageUrl && typeId != 3">
+      <div class="shape-box" v-if="imageUrl && typeId != 3 && typeId != 4">
         <block v-for="item in shapeList" :key="item.id">
           <div class="shape-item" @click="shapeChange(item)">
             <div class="shape-item-list">
@@ -331,7 +332,9 @@ const getSizeList = () => {
   badgeApi.getOrderPrice({}).then((res: any) => {
     console.log('getSizeList', res);
     sizeList.value = res
-    getShapeList()
+    if (typeId.value != 4) {
+      getShapeList()
+    }
   })
 }
 
@@ -702,7 +705,7 @@ const limitCount = ref(0)
 const getShapeList = () => {
   badgeApi.getShapeList({
     prod_id: prodId.value,
-    type_id: orderStat.value.type_id
+    type_id: typeId.value
   }).then((res: any) => {
     console.log('getShapeList', res)
     shapeList.value = res.list
@@ -879,6 +882,7 @@ onMounted(() => {
   if (route.query.prod_id) {
     prodId.value = route.query.prod_id
   }
+  getTrialCode()
 
   // pid.value = 281505;
   // group.value = 1;
@@ -886,8 +890,9 @@ onMounted(() => {
   // getTypesList()
   getImageList()
   progressList()
-  getCompareImage()
-  getTrialCode()
+  setTimeout(() => {
+    getCompareImage()
+  }, 1000)
   timer.value = setInterval(() => {
     getImageList()
   }, 10000)