style: 新增部分代码注释 页面新增部分提示

This commit is contained in:
学习很差啦
2023-03-31 18:16:33 +08:00
parent 8c286610ba
commit 16b0d457fc
8 changed files with 96 additions and 27 deletions

View File

@@ -33,39 +33,37 @@
<div>
<h3 class="ml_10">结算详细</h3>
<div class="bill-detail-price">
<div class="flex bill-item">
<span>
<p>退单金额</p>
<p class="theme_color">-{{bill.refundPrice || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>平台收取佣金</p>
<p class="theme_color">-{{bill.commissionPrice || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>退单产生退还佣金金额</p>
<p class="increase-color">+{{bill.refundCommissionPrice || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>分销返现支出</p>
<p class="theme_color">-{{bill.distributionCommission || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>退单分销返现返还</p>
<p class="increase-color">+{{bill.distributionRefundCommission || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>退单平台优惠券补贴返还</p>
<p class="theme_color">-{{bill.siteCouponRefundCommission || 0 | unitPrice('¥')}}</p>
</span>
</div>
<div class="flex bill-item">
<span>
<p>平台优惠券补贴</p>
<p class="increase-color">+{{bill.siteCouponCommission || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>退单产生退还佣金金额</p>
<p class="increase-color">+{{bill.refundCommissionPrice || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>退单分销返现返还</p>
<p class="increase-color">+{{bill.distributionRefundCommission || 0 | unitPrice('¥')}}</p>
</span>
<span>
<p>积分结算金额</p>
<p class="increase-color">+{{bill.pointSettlementPrice || 0 | unitPrice('¥')}}</p>
@@ -74,6 +72,7 @@
<p>砍价商品结算金额</p>
<p class="increase-color">+{{bill.kanjiaSettlementPrice || 0 | unitPrice('¥')}}</p>
</span>
</div>
</div>
</div>
</Card>
@@ -263,7 +262,7 @@ export default {
this.$options.filters.unitPrice(params.row.siteCouponCommission, "¥")
);
}
},
},
{
@@ -669,11 +668,10 @@ table {
}
}
.bill-detail-price {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 1200px;
margin: 10px 0;
padding: 10px;
> span {
/deep/ span {
font-size: 14px;
text-align: center;
width: 200px;
@@ -685,5 +683,12 @@ table {
.increase-color {
color: green;
}
div{
margin: 20px 0;
}
}
.bill-item{
justify-content: flex-start;
}
</style>

View File

@@ -49,9 +49,11 @@
</FormItem>
<FormItem label="店铺楼层" prop="content" class="wangEditor">
<i-switch v-model="form.pageShow" @on-change="pageShow"></i-switch>
<span class="desc">店铺楼层装修是否开启开启后移动端PC端将会自动展示装修的内容</span>
</FormItem>
<FormItem label="开启自提" prop="content" class="wangEditor">
<i-switch v-model="form.selfPickFlag" @on-change="changeSelfPickFlag"></i-switch>
<span class="desc">店铺是否开启自提功能</span>
</FormItem>
<Form-item>
<Button
@@ -216,6 +218,7 @@
style="width: 20%"
/>
</FormItem>
<Form-item>
<Button
@click="stockWarningHandleSubmit"
@@ -227,7 +230,8 @@
</Form-item>
</Form>
</TabPane>
<TabPane label="客服设置" name="UDESK">
<!-- Udesk 坐席功能 后续维护 -->
<!-- <TabPane label="客服设置" name="UDESK">
<Form
ref="udeskForm"
:model="udeskForm"
@@ -252,7 +256,7 @@
</Button>
</Form-item>
</Form>
</TabPane>
</TabPane> -->
</Tabs>
</Card>
@@ -597,3 +601,9 @@ export default {
},
};
</script>
<style scoped lang="scss">
.desc{
margin-left: 10px;
color: #999;
}
</style>