|
@@ -14,21 +14,21 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="price">
|
|
|
- <p>¥ {{ data.price }}</p>
|
|
|
+ <p>¥ {{ data.price | priceFormat }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="total">
|
|
|
<p class="total-price">
|
|
|
<span> 一件商品,总金额: </span>
|
|
|
- <span class="co-value">¥ {{ data.price }}</span>
|
|
|
+ <span class="co-value">¥ {{ data.price | priceFormat }}</span>
|
|
|
</p>
|
|
|
<p class="discount">
|
|
|
<span> 优惠折扣: </span>
|
|
|
- <span class="co-value">-¥ {{ discount_money }}</span>
|
|
|
+ <span class="co-value">-¥ {{ discount_money | priceFormat }}</span>
|
|
|
</p>
|
|
|
<p class="payable">
|
|
|
<span> 应付: </span>
|
|
|
- <span class="co-value">¥ {{ receivables_money }}</span>
|
|
|
+ <span class="co-value">¥ {{ receivables_money | priceFormat }}</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="submitBtn">
|
|
@@ -65,6 +65,16 @@
|
|
|
import { ApplyJoinCourse } from '@/api/course';
|
|
|
|
|
|
export default {
|
|
|
+ filters: {
|
|
|
+ priceFormat(val) {
|
|
|
+ let price = String(val);
|
|
|
+ if (price.includes('.')) {
|
|
|
+ const list = price.split('.');
|
|
|
+ return `${list[0]}.${list[1].length <= 1 ? `${list[1]}0` : list[1]}`;
|
|
|
+ }
|
|
|
+ return `${price}.00`;
|
|
|
+ }
|
|
|
+ },
|
|
|
props: {
|
|
|
data: {
|
|
|
default: () => {
|
|
@@ -77,15 +87,15 @@ export default {
|
|
|
type: String
|
|
|
},
|
|
|
goodsType: {
|
|
|
- default: '201',
|
|
|
- type: String
|
|
|
+ default: 201,
|
|
|
+ type: Number
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
visible: false,
|
|
|
discount_code: '', // 优惠码
|
|
|
- discount_money: 0.0, // 优惠金额
|
|
|
+ discount_money: 0, // 优惠金额
|
|
|
receivables_money: this.data.price // 应收款
|
|
|
};
|
|
|
},
|