Browse Source

限额购买

master
Enzo 4 years ago
parent
commit
2f3b772787
  1. 2
      colorui/main.css
  2. 31
      pages/order/confirm-order.vue
  3. 21
      pages/order/index.vue
  4. 7
      pages/order/order-details.vue

2
colorui/main.css

@ -639,7 +639,7 @@ radio.white.checked .uni-radio-input {
box-sizing: border-box;
padding: 0 30upx;
font-size: 28upx;
height: 64upx;
height: 60upx;
line-height: 1;
text-align: center;
text-decoration: none;

31
pages/order/confirm-order.vue

@ -15,7 +15,7 @@
<text class="block margin-top-sm text-gray lf-font-28" style="margin-top: 20rpx;line-height: 40rpx;">数量</text>
<view class="flex align-center margin-top-sm">
<text class="lf-iconfont lf-icon-jianhao lf-font-40" style="color: #999;" @tap="reduce"></text>
<input type="number" v-model="num" class="text-center margin-lr-sm radius text-black lf-font-32" style="width: 60rpx; height: 50rpx;background-color: #f1f1f1;color: #222;" />
<input @blur="changeNum(num)" type="number" v-model="num" class="text-center margin-lr-sm radius text-black lf-font-32" style="width: 60rpx; height: 50rpx;background-color: #f1f1f1;color: #222;" />
<text class="lf-iconfont lf-icon-jiahao lf-font-40" style="color: #999;" @tap="add"></text>
</view>
</view>
@ -98,15 +98,16 @@
type: 0,
order_id: 0,
ifDo: 1,
ifPay: true
ifPay: true,
limit: 1
}
},
computed: {
total(){
return function(num, price){
let big_num = new bigc(Number(num));
big_num = big_num.times(Number(price));
return big_num.round(2, 0).toString();
let big_price = new bigc(Number(price));
big_price = big_price.times(Number(num));
return big_price.round(2, 0).toString();
}
},
isRight(){
@ -125,9 +126,20 @@
}
},
methods: {
changeNum(num) {
if(num > this.limit) {
this.$msg('该商品限购数量'+this.limit)
this.num = this.limit
return
}else if(num < 1) {
this.num = 1
}
},
getConfirmOrder() {
this.$http(this.API.API_COFIRMORDER_DETAILS, {goods_id: this.goods_id,goods_specs_id: this.goods_specs_id}).then(res => {
this.orderDetails = res.data
this.limit = res.data.goods.specs[0].limit
// this.limit = 10
this.skeletonLoading = false
})
},
@ -136,7 +148,14 @@
this.num--
},
add() {
this.num++
if(this.num < this.limit) {
this.num++
}else {
this.$msg('该商品限购数量'+this.limit)
this.num = this.limit
return
}
},
CheckboxChange(e) {
if(e.detail.value != '') {

21
pages/order/index.vue

@ -19,9 +19,9 @@
</view>
<view class="lf-row-between price" style="padding-right: 6rpx;">
<lf-price :price="item.selling_price" style="margin-top: 10rpx;" />
<button v-if="item.state==1" @tap.stop="$routerGo('/pages/order/confirm-atonce?type=1&goods_id='+item.goods_id+'&goods_specs_id='+item.goods_specs_id +'&order_id='+ item.id+'&order_number='+item.number)">立即付款</button>
<button v-if="item.state==2" class="cu-btn bg-green round margin-left-sm" @tap.stop="$routerGo('/pages/order/order-details?order_id='+item.id)">立即使用</button>
<button v-if="item.state==4" class="cu-btn1 border round margin-left-sm">等待审核</button>
<button v-if="item.state==1" class="lf-font-28" @tap.stop="$routerGo('/pages/order/confirm-atonce?type=1&goods_id='+item.goods_id+'&goods_specs_id='+item.goods_specs_id +'&order_id='+ item.id+'&order_number='+item.number)">立即付款</button>
<button v-if="item.state==2" class="cu-btn bg-green round margin-left-sm lf-font-28" @tap.stop="$routerGo('/pages/order/order-details?order_id='+item.id)">立即使用</button>
<button v-if="item.state==4" class="cu-btn1 border round margin-left-sm lf-font-28">等待审核</button>
</view>
</view>
</view>
@ -226,6 +226,21 @@
<style lang="scss" scoped>
.cu-btn1 {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0 30upx;
font-size: 28upx;
height: 60upx;
line-height: 1;
text-align: center;
text-decoration: none;
overflow: visible;
margin-left: initial;
transform: translate(0upx, 0upx);
margin-right: initial;
background-color: white!important;
color: #777!important;
border: 1px solid #777!important;

7
pages/order/order-details.vue

@ -17,7 +17,7 @@
<view>
<button v-if="orderDetails.state == 2" class="cu-btn line-orange text-orange round margin-left-sm lf-font-28" @tap="$routerGo('/pages/order/apply-refund?order_id='+orderDetails.id)">申请退款</button>
<button v-if="orderDetails.state == 1" class="cu-btn line-orange text-orange round margin-left-sm lf-font-28" @tap.stop="$routerGo('/pages/order/confirm-atonce?type=1&goods_id='+orderDetails.goods_id+'&goods_specs_id='+orderDetails.goods_specs_id +'&order_id='+ orderDetails.id+'&order_number='+orderDetails.number)">立即付款</button>
<button v-if="orderDetails.state != 1 && orderDetails.state != 2" class="cu-btn line-gray bg-white border round margin-left-sm lf-font-28">{{orderDetails.state_text.text}}</button>
<button v-if="orderDetails.state != 1 && orderDetails.state != 2" class="cu-btn1 border round margin-left-sm lf-font-28">{{orderDetails.state_text.text}}</button>
</view>
</view>
</view>
@ -68,7 +68,10 @@
<view style="margin-top: 10rpx;position: relative;top: 26rpx;">
<view class="lf-font-32 text-black1">{{checkArea}} <text style="position: relative;left: 216rpx;top: -42rpx;display: inherit;" v-if="orderDetails.state == 2" class="text-orange lf-font-28" @tap="copy(checkArea)">复制</text></view>
</view>
<view style="margin-top: 10rpx;" class="text-gray lf-font-28" v-if="orderDetails.refund_text">
<view v-if="orderDetails.state == 5" style="margin-top: 46rpx;" class="text-gray lf-font-28">
{{orderDetails.refund_text}}
</view>
<view v-else style="margin-top: 10rpx;" class="text-gray lf-font-28">
{{orderDetails.refund_text}}
</view>
<view style="margin-top: 10rpx;">

Loading…
Cancel
Save