Leadfyy.co
/
uniapp-shikongwang
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

限额购买

master
Enzo 4 years ago
parent
37d74251ec
commit
2f3b772787
4 changed files with 49 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

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

31
pages/order/confirm-order.vue
View File

@ -15,7 +15,7 @@
<text class="block margin-top-sm text-gray lf-font-28" style="margin-top: 20rpx;line-height: 40rpx;">数量</text> <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"> <view class="flex align-center margin-top-sm">
<text class="lf-iconfont lf-icon-jianhao lf-font-40" style="color: #999;" @tap="reduce"></text> <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> <text class="lf-iconfont lf-icon-jiahao lf-font-40" style="color: #999;" @tap="add"></text>
</view> </view>
</view> </view>
@ -98,15 +98,16 @@
type: 0, type: 0,
order_id: 0, order_id: 0,
ifDo: 1, ifDo: 1,
ifPay: true
ifPay: true,
limit: 1
} }
}, },
computed: { computed: {
total(){ total(){
return function(num, price){ 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(){ isRight(){
@ -125,9 +126,20 @@
} }
}, },
methods: { methods: {
changeNum(num) {
if(num > this.limit) {
this.$msg('该商品限购数量'+this.limit)
this.num = this.limit
return
}else if(num < 1) {
this.num = 1
}
},
getConfirmOrder() { getConfirmOrder() {
this.$http(this.API.API_COFIRMORDER_DETAILS, {goods_id: this.goods_id,goods_specs_id: this.goods_specs_id}).then(res => { 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.orderDetails = res.data
this.limit = res.data.goods.specs[0].limit
// this.limit = 10
this.skeletonLoading = false this.skeletonLoading = false
}) })
}, },
@ -136,7 +148,14 @@
this.num-- this.num--
}, },
add() { add() {
this.num++
if(this.num < this.limit) {
this.num++
}else {
this.$msg('该商品限购数量'+this.limit)
this.num = this.limit
return
}
}, },
CheckboxChange(e) { CheckboxChange(e) {
if(e.detail.value != '') { if(e.detail.value != '') {

21
pages/order/index.vue
View File

@ -19,9 +19,9 @@
</view> </view>
<view class="lf-row-between price" style="padding-right: 6rpx;"> <view class="lf-row-between price" style="padding-right: 6rpx;">
<lf-price :price="item.selling_price" style="margin-top: 10rpx;" /> <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> </view>
</view> </view>
@ -226,6 +226,21 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.cu-btn1 { .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; background-color: white!important;
color: #777!important; color: #777!important;
border: 1px solid #777!important; border: 1px solid #777!important;

7
pages/order/order-details.vue
View File

@ -17,7 +17,7 @@
<view> <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 == 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" 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> </view>
</view> </view>
@ -68,7 +68,10 @@
<view style="margin-top: 10rpx;position: relative;top: 26rpx;"> <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 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>
<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}} {{orderDetails.refund_text}}
</view> </view>
<view style="margin-top: 10rpx;"> <view style="margin-top: 10rpx;">

Write Preview
Loading…
Cancel
Save