1.新增套餐商品
This commit is contained in:
@@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user