|
@@ -55,7 +55,7 @@
|
|
|
</view>
|
|
|
<!-- 底部 -->
|
|
|
<view class="footer-wrapper" :style="{paddingBottom :isIphoneX ? '68rpx' : '0rpx'}">
|
|
|
- <cm-return-instructions></cm-return-instructions>
|
|
|
+ <cm-return-instructions v-if="returnGoodsStutas" :content="helpContent" @change="onAgreementChange"></cm-return-instructions>
|
|
|
<view class="footer">
|
|
|
<view class="footer-le">
|
|
|
<view class="footer-count">
|
|
@@ -80,7 +80,7 @@
|
|
|
<view class="coupon-alert-content">
|
|
|
<view class="coupon">
|
|
|
<view class="coupon-list">
|
|
|
- <view class="list-cell-tags">{{ ExchangeCouponData.couponType | TypeFormat }}</text></view>
|
|
|
+ <view class="list-cell-tags"><text>{{ ExchangeCouponData.couponType | TypeFormat }}</text></view>
|
|
|
<view class="list-cell-le">
|
|
|
<view class="coupon-maxMoney">
|
|
|
<text class="small">¥</text>
|
|
@@ -120,6 +120,17 @@
|
|
|
shape="circle"
|
|
|
:maskClosable="false"
|
|
|
></tui-modal>
|
|
|
+
|
|
|
+ <tui-modal
|
|
|
+ :show="agreementModel"
|
|
|
+ title="提示"
|
|
|
+ content="请先阅读《特殊商品退货须知》并勾选后再提交订单~"
|
|
|
+ shape="circle"
|
|
|
+ color="#333"
|
|
|
+ :size="28"
|
|
|
+ :button="agreementModelButtons"
|
|
|
+ @click="agreementModel = false"
|
|
|
+ ></tui-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -237,7 +248,19 @@
|
|
|
}
|
|
|
],
|
|
|
showModal: false,
|
|
|
- showModalstauts:0
|
|
|
+ showModalstauts:0,
|
|
|
+ returnGoodsStutas: false,
|
|
|
+ helpContent: '',
|
|
|
+ agreementActive: false,
|
|
|
+ agreementModel: false,
|
|
|
+ agreementModelButtons: [{
|
|
|
+ text: '确定',
|
|
|
+ customStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)'
|
|
|
+ },
|
|
|
+ plain: false
|
|
|
+ }]
|
|
|
}
|
|
|
},
|
|
|
onLoad(option){//商品数据
|
|
@@ -249,6 +272,9 @@
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ onAgreementChange(val){
|
|
|
+ this.agreementActive = val
|
|
|
+ },
|
|
|
async initStorage(option){
|
|
|
const data = JSON.parse(option.data)
|
|
|
const userInfo = await this.$api.getStorage()
|
|
@@ -321,6 +347,9 @@
|
|
|
this.orderShouldPayFee = this.allPrice - this.couponAmount
|
|
|
this.totalDiscountAmount = this.reducedPrice + this.couponAmount
|
|
|
this.postageParam.skuIds = this.getProductIds(data.list)
|
|
|
+ // 特殊商品退货须知
|
|
|
+ this.returnGoodsStutas = data.returnGoodsStutas === 2 // 1:可以 2:不可以
|
|
|
+ this.helpContent = data.helpContent
|
|
|
this.getAddressData()
|
|
|
},
|
|
|
// 获取订单SKUId列表
|
|
@@ -543,7 +572,9 @@
|
|
|
console.log('优惠券金额',this.couponAmount)
|
|
|
},
|
|
|
orderSubmitMit(){// 提交订单按钮点击事件
|
|
|
- if(this.allPrice <1000){
|
|
|
+ if(this.returnGoodsStutas && !this.agreementActive){
|
|
|
+ this.agreementModel = true
|
|
|
+ }else if(this.allPrice <1000){
|
|
|
this.showModal = true
|
|
|
this.contentModalText = '采购金额过小,将扣除500采美豆,建议您前往采美旗下“颜选美学”小程序购买小额商品。' //操作文字提示语句
|
|
|
this.showModalstauts = 1
|
|
@@ -830,6 +861,7 @@
|
|
|
left: 0;
|
|
|
bottom: 0;
|
|
|
background-color: #FFFFFF;
|
|
|
+ z-index: 990;
|
|
|
.footer{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -838,7 +870,6 @@
|
|
|
line-height: 110rpx;
|
|
|
justify-content: space-between;
|
|
|
font-size: $font-size-28;
|
|
|
- z-index: 990;
|
|
|
color: $text-color;
|
|
|
}
|
|
|
.footer-le{
|