1.新增套餐商品

This commit is contained in:
gyq
2024-12-06 14:41:58 +08:00
parent 96ab68f463
commit 7c27372c4d
15 changed files with 1320 additions and 15927 deletions

View File

@@ -122,13 +122,24 @@
</div>
<div class="orderbox_right_list_item" style="margin-top: 20px"
v-for="(item, index) in orderDetaildata.detailList" :key="index">
<div>{{ item.productName }} {{ item.productSkuName }}</div>
<div style="text-align: center">{{ item.num }}</div>
<div style="text-align: center">{{ item.price }}</div>
<div v-if="item.status == 'refund'">
<span style="border: 2px solid red; color: red; padding: 4px 2px">已退</span>
<div class="orderbox_right_list_item_row" style="display:flex;">
<div>{{ item.productName }} {{ item.productSkuName }}</div>
<div style="text-align: center">{{ item.num }}</div>
<div style="text-align: center">{{ item.price }}</div>
<div v-if="item.status == 'refund'">
<span style="border: 2px solid red; color: red; padding: 4px 2px">已退</span>
</div>
<div v-else>{{ item.priceAmount }}</div>
</div>
<div class="pro" v-if="item.proGroupInfo" v-for="(val, idx) in JSON.parse(item.proGroupInfo)" :key="idx">
<div>
<span>>{{ val.proName }}</span>
<span v-if="val.skuName">规格:{{ val.skuName }}</span>
</div>
<div>{{ val.number }}</div>
<div>0</div>
<div>0</div>
</div>
<div v-else>{{ item.priceAmount }}</div>
</div>
<div :style="{ height: reforderboxrightbuttonheight + 'px' }"></div>
</div>
@@ -513,7 +524,8 @@ const print = lodash.throttle(
number: item.num,
skuName: item.productSkuName,
salePrice: formatDecimal(item.price),
totalAmount: formatDecimal(item.num * item.price)
totalAmount: formatDecimal(item.num * item.price),
proGroupInfo: item.proGroupInfo
}
)
})
@@ -1098,30 +1110,66 @@ onMounted(() => {
}
.orderbox_right_list_item {
display: flex;
font-size: 14px;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
div:nth-child(1) {
text-align: left;
width: 45%;
}
div:nth-child(2) {
width: 15%;
.pro {
display: flex;
font-size: 14px;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
div:nth-child(1) {
text-align: left;
width: 45%;
display: flex;
flex-direction: column;
}
div:nth-child(2) {
width: 15%;
display: flex;
justify-content: center;
}
div:nth-child(3) {
width: 15%;
display: flex;
justify-content: center;
}
div:nth-child(4) {
width: 25%;
display: flex;
justify-content: flex-end;
}
}
div:nth-child(3) {
width: 15%;
.orderbox_right_list_item_row {
display: flex;
font-size: 14px;
justify-content: space-between;
align-items: center;
}
padding-bottom: 10px;
div:nth-child(4) {
text-align: right;
width: 25%;
div:nth-child(1) {
text-align: left;
width: 45%;
}
div:nth-child(2) {
width: 15%;
align-items: center;
}
div:nth-child(3) {
width: 15%;
align-items: center;
}
div:nth-child(4) {
text-align: right;
width: 25%;
}
}
}