冰箱贴

src/views/badge/index.vue

@@ -15,12 +15,15 @@
           <div class="order-type-item-title">
             产品类型
           </div>
-          <div class="order-type-item-title" v-if="orderStat.type_id == 1">
+          <div class="order-type-item-title" v-if="typeId == 1">
             {{ prodId == 7 ? '人物立体徽章' : '宠物立体徽章'}}
           </div>
-          <div class="order-type-item-title" v-if="orderStat.type_id == 2">
+          <div class="order-type-item-title" v-if="typeId == 2">
             {{ prodId == 7 ? '人物浮雕相框' : '宠物浮雕相框'}}
           </div>
+          <div class="order-type-item-title" v-if="typeId == 3">
+            {{ prodId == 7 ? '人物冰箱贴' : '宠物冰箱贴'}}
+          </div>
         </div>
       </div>
       <div class="size-title">
@@ -108,12 +111,12 @@
         </div>
       </div>
     </div>
-    <div class="tag-change-box" v-if="orderStat.use_type == 2">
+    <div class="tag-change-box" v-if="trialCode == false">
       <div class="tag-change-item">
-        <div class="tag-change-item-title" :class="{ tagActive: prodId == 7 }" @click="prodId = 7;picture = null">
+        <div class="tag-change-item-title" :class="{ tagActive: prodId == 7 }" @click="prodChange(7)">
           人物主体
         </div>
-        <div class="tag-change-item-title" :class="{ tagActive: prodId == 8 }" @click="prodId = 8;picture = null">
+        <div class="tag-change-item-title" :class="{ tagActive: prodId == 8 }" @click="prodChange(8)">
           宠物主体
         </div>
       </div>
@@ -250,7 +253,7 @@ const option = ref({
   canScale: true,
   autoCropWidth: 1024,
   autoCropHeight: 1024,
-  ceilbutton: false,
+  ceilbutton: true,
   infoTrue: true,
   fixed: false,
   fixedNumber: [3, 4],
@@ -287,8 +290,8 @@ const openApp = () => {
     option.value.ceilbutton = false
     options.value.ceilbutton = false
   } else {
-    option.value.ceilbutton = false
-    options.value.ceilbutton = false
+    option.value.ceilbutton = true
+    options.value.ceilbutton = true
   }
 }
 const imgurl = ref('')
@@ -324,15 +327,26 @@ const getSizeList = () => {
 const orderStat = ref({})
 const prodId = ref(7)
 const prop = ref('')
+const typeId = ref(0)
 const getOrderStat = () => {
   badgeApi.getOrderStat({}).then((res: any) => {
     orderStat.value = res
-    prodId.value = res.prod_id
+    prodId.value = res.type_id == 3 ? 8 : res.prod_id
     prop.value = res.prop
+    typeId.value = res.type_id
     getSundryList()
   })
 }
 
+const prodChange = (id: number) => {
+  if (typeId.value == 3) {
+    showToast('人物3D冰箱贴暂未开放')
+    return 
+  }
+  prodId.value = id
+  picture.value = null
+}
+
 const isLoading = ref(false)
 
 // 生成图片
@@ -530,6 +544,7 @@ const getPid = async () => {
   const params = {
     prod_id: prodId.value,
     extend_value: -1,
+    type_id: typeId.value
   }
   try {
     const res = await badgeApi.getPid(params) as any
@@ -590,7 +605,8 @@ const sendToOss = async (src: string, url: string) => {
         pid: pid.value,
         group: 1,
         prod_id: prodId.value,
-        extend_value: -1
+        extend_value: -1,
+        type_id: typeId.value
       }
       badgeApi.putModeling(params).then((res: any) => {
         console.log('putModeling', res)
@@ -617,7 +633,8 @@ const createLog = () => {
   const params = {
     pid: pid.value,
     group: 1,
-    prod_id: prodId.value
+    prod_id: prodId.value,
+    type_id: typeId.value
   }
   badgeApi.createLog(params).then((res: any) => {
     console.log('createLog', res)
@@ -633,7 +650,8 @@ const createLog = () => {
         query: {
           pid: pid.value,
           group: 1,
-          prod_id: prodId.value
+          prod_id: prodId.value,
+          type_id: typeId.value
         },
       })
     }, 1000);

src/views/badge/orderDetail.vue

@@ -41,7 +41,9 @@
       <div class="product-details">
         <div class="product-row">
           <span class="product-label">产品名称</span>
-          <span class="product-value">立体徽章</span>
+          <span class="product-value" v-if="order.type_id == 1">{{ order.prod_id == 7 ? '人物立体徽章' : '宠物立体徽章' }}</span>
+          <span class="product-value" v-if="order.type_id == 2">{{ order.prod_id == 7 ? '人物浮雕相框' : '宠物浮雕相框' }}</span>
+          <span class="product-value" v-if="order.type_id == 3">{{ order.prod_id == 7 ? '人物冰箱贴' : '宠物冰箱贴' }}</span>
         </div>
         <div class="product-row">
           <span class="product-label">尺寸</span>

src/views/badge/preview.vue

@@ -50,8 +50,9 @@
     </div>
     <div class="info-section">
       <div class="info-item">
-        <div class="info-title" v-if="orderStat.type_id == 1">{{ prodId == 7 ? '人物立体徽章' : '宠物立体徽章' }}</div>
-        <div class="info-title" v-if="orderStat.type_id == 2">{{ prodId == 7 ? '人物浮雕相框' : '宠物浮雕相框' }}</div>
+        <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-content">产品类型</div>
       </div>
       <div class="info-item">
@@ -64,10 +65,10 @@
       </div>
     </div>
     <div class="shape-body">
-      <!-- <div class="shape-type">
-        <div class="shape-type-item" :class="{ 'shape-active': item.id == typeId }" v-for="item in typesList" :key="item.id" @click="typeChange(item.id)">{{item.name}}</div>
-      </div> -->
-      <div class="shape-box" v-if="imageUrl">
+      <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">
         <block v-for="item in shapeList" :key="item.id">
           <div class="shape-item" @click="shapeChange(item)">
             <div class="shape-item-list">
@@ -204,7 +205,8 @@ function sureReload() {
     const params = {
       pid: pid.value,
       group: group.value,
-      prod_id: prodId.value
+      prod_id: prodId.value,
+      type_id: typeId.value
     }
     badgeApi.putModeling(params).then((res: any) => {
       console.log('putModeling', res)
@@ -272,7 +274,8 @@ function getCompareImage() {
   badgeApi.getCompareImage({
     pid: pid.value,
     group: group.value,
-    prod_id: prodId.value
+    prod_id: prodId.value,
+    type_id: typeId.value
   }).then((res: any) => {
     console.log('getCompareImage', res)
     compareList.value = res
@@ -361,10 +364,14 @@ const loading = ref(false)
 const confirm = () => {
   if (loading.value) return
   console.log('confirm')
-  // if (payAmount.value <= 0) {
-  //   showToast('请先选择下单数量')
-  //   return
-  // }
+  if (payAmount.value <= 0) {
+    showToast('请先选择下单数量')
+    return
+  }
+  if (typeId.value == 2 && (shapeText.value == '' || !shapeText.value.trim())) {
+    showToast('请输入自定义文本')
+    return
+  }
   if (orderStat.value.use_type == 2 && !contact_name.value) {
     showToast('请先填写收货人信息')
     return
@@ -739,10 +746,12 @@ const getTrialCode = () => {
 }
 
 const orderStat = ref({})
+const typeId = ref(0)
 const getOrderStat = () => {
   badgeApi.getOrderStat({}).then((res: any) => {
     console.log('getOrderStat', res)
     orderStat.value = res
+    typeId.value = res.type_id
     getSizeList()
   })
 }