devops/ece.suwa3d.com
1
0 Fork 0
forked from natuka/web.puabadge.com
Code Issues Pull Requests Actions Projects Releases Wiki Activity

浮雕挂饰

Browse Source
This commit is contained in:
Linzm committed 2025-11-27 10:42:03 +08:00
1 parent 7c786867ba
commit 8ae713aef9
8 files changed
+989 -56
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/views/badge/index.vue
+31 -16
View File
@@ -27,6 +27,9 @@
<div class="order-type-item-title" v-if="typeId == 4">
{{ toValueWithout("3D卡通手办") }}
</div>
<div class="order-type-item-title" v-if="typeId == 6">
{{ toValueWithout("浮雕挂饰") }}
</div>
</div>
</div>
<div class="size-title">
@@ -76,11 +79,11 @@
<p style="font-size: 12px; color: #000; margin-left: 16px;">{{ toValueWithout("注：需要先输入手机号才可体验徽章设计") }}</p>
<div class="style-box">
<div class="style-box-item">
<div class="style-item-title" :class="{ styleActive: prodId == 7 || prodId == 1 }" @click="styleChange(7)">
{{ prop == '3D真人肖像' ? toValueWithout('3D真人肖像') : toValueWithout('人物立体徽章') }}
<div class="style-item-title" :class="{ styleActive: prodId == 7 || prodId == 1 || prodId == 25 }" @click="styleChange(7)">
{{ prop == '3D真人肖像' ? toValueWithout('3D真人肖像') : toValueWithout('人物主体') }}
</div>
<div class="style-item-title" :class="{ styleActive: prodId == 8 || prodId == 2 }" @click="styleChange(8)">
{{ toValueWithout("宠物立体徽章") }}
<div class="style-item-title" :class="{ styleActive: prodId == 8 || prodId == 2 || prodId == 24 }" @click="styleChange(8)">
{{ toValueWithout("宠物主体") }}
</div>
</div>
</div>
@@ -116,10 +119,10 @@
</div>
<div class="tag-change-box" v-if="trialCode == false">
<div class="tag-change-item">
<div class="tag-change-item-title" :class="{ tagActive: prodId == 7 || prodId == 1 }" @click="prodChange(7)">
<div class="tag-change-item-title" :class="{ tagActive: prodId == 7 || prodId == 1 || prodId == 25 }" @click="prodChange(7)">
{{ toValueWithout("人物主体") }}
</div>
<div class="tag-change-item-title" :class="{ tagActive: prodId == 8 || prodId == 19 }" @click="prodChange(8)">
<div class="tag-change-item-title" :class="{ tagActive: prodId == 8 || prodId == 19 || prodId == 24 }" @click="prodChange(8)">
{{ toValueWithout("宠物主体") }}
</div>
</div>
@@ -194,8 +197,8 @@
</div>
</div>
<div v-if="typeId != 4">
<div style="font-size: 12px; color: red; margin-top: 16px; text-align: center;" v-if="prodId == 7 || prodId == 1">{{ toValueWithout("温馨提示：请上传只有") }}{{ prop == '3D真人肖像' ? '1' : '1-3' }}{{ toValueWithout("人的照片") }}</div>
<div style="font-size: 12px; color: red; margin-top: 16px; text-align: center;" v-if="prodId == 8 || prodId == 2">{{ toValueWithout("温馨提示：请上传只有") }}1-3{{ toValueWithout("只宠物的照片") }}</div>
<div style="font-size: 12px; color: red; margin-top: 16px; text-align: center;" v-if="prodId == 7 || prodId == 1 || prodId == 25">{{ toValueWithout("温馨提示：请上传只有") }}{{ prop == '3D真人肖像' ? '1' : '1-3' }}{{ toValueWithout("人的照片") }}</div>
<div style="font-size: 12px; color: red; margin-top: 16px; text-align: center;" v-if="prodId == 8 || prodId == 2 || prodId == 24">{{ toValueWithout("温馨提示：请上传只有") }}1-3{{ toValueWithout("只宠物的照片") }}</div>
</div>
<div style="height: 120px;"></div>
<div class="design-action-bar">
@@ -356,11 +359,9 @@ const typeId = ref(0)
const getOrderStat = () => {
badgeApi.getOrderStat({}).then((res: any) => {
orderStat.value = res
prodId.value = res.prod_id
if (res.type_id == 4) {
prodId.value = res.prod_id == 1 ? 1 : 19
getKindList()
} else {
prodId.value = res.type_id == 3 ? 8 : res.prod_id
}
prop.value = res.prop
typeId.value = res.type_id
@@ -371,7 +372,7 @@ const getOrderStat = () => {
const kindList = ref([])
const getKindList = () => {
badgeApi.getKindList({
support_subject: prodId.value == 19 ? 2 : 1,
support_subject: getSupportSubject(),
type_id: 4
}).then((res: any) => {
kindList.value = res.list
@@ -380,8 +381,15 @@ const getKindList = () => {
})
}
const getSupportSubject = () => {
if (prodId.value == 19 || prodId.value == 24 || prodId.value == 8) {
return 2
} else {
return 1
}
}
const prodChange = (id: number) => {
console.log('prodChange', id)
if (typeId.value == 3 && id == 7) {
showToast(toValueWithout('人物3D冰箱贴暂未开放'))
return
@@ -396,7 +404,14 @@ const prodChange = (id: number) => {
return
}
}
prodId.value = typeId.value == 4 ? id == 8 ? 19 : 1 : id == 7 ? 7 : 8
if (typeId.value == 6) {
prodId.value = id == 8 ? 24 : 25
} else if (typeId.value == 4) {
prodId.value = id == 8 ? 19 : 1
} else {
prodId.value = id == 7 ? 7 : 8
}
console.log('prodChange', prodId.value)
picture.value = null
kindId.value = 0
}
@@ -489,7 +504,7 @@ function getbase64Data(data) {
return false;
}
imgurl.value = blob;
if (prodId.value == 7 || prodId.value == 1) {
if (prodId.value == 7 || prodId.value == 1 || prodId.value == 25) {
getUploadUrl()
}
}
@@ -815,7 +830,7 @@ const getSundryList = () => {
badgeApi.getSundryList({
page: 1,
size: 6,
group: prodId.value == 7 || prodId.value == 1 ? 'gp' : 'pet',
group: prodId.value == 7 || prodId.value == 1 || prodId.value == 25 ? 'gp' : 'pet',
}).then((res: any) => {
const data = res || []
sundryList.value = data.list