ltlzx
/
cnic_buyer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化我的订单和我的优惠卷

master
ltlzx 3 years ago
parent
3f6c75472d
commit
7075812df4
2 changed files with 324 additions and 203 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      pages/account/myCoupons.vue
  2. 513
      pages/account/myOrders.vue

14
pages/account/myCoupons.vue
View File

@ -2,17 +2,17 @@
<view>
<uni-nav-bar left-icon="left" :statusBar="true" title="My Coupons" color="#000000" rightIcon="info" @clickLeft="back" @clickRight="goPage" :border="false"/>
<view class="body">
<view class="coupons_item" v-for="(item,index) in 3 " :key="index">
<view class="coupons_item" v-for="(item,index) in list " :key="item.bonus_id">
<view class="coupons_item_left">
<view class="item_left_prcie">$20.00</view>
<view class="item_left_prcie">${{item.type_money}}</view>
<text class="item_left_span">Min.spend</text>
<view>$200.00</view>
<view>${{item.min_goods_amount}}</view>
</view>
<view class="coupons_item_right">
<view class="coupons_right_info">
<view class="coupons_right_info_title">All-purpose</view>
<view class="coupons_right_info_title">{{item.type_name}}</view>
<text>The tide zone is available</text>
<view class="coupons_right_info_time">2022.09.23 10:37 - 2022.12.23 10:37</view>
<view class="coupons_right_info_time">{{item.use_start_date}} - {{item.use_end_date}}</view>
</view>
<button>Use Now</button>
</view>
@ -26,12 +26,12 @@
export default {
data() {
return {
list:[]
}
},
methods:{
getList(){
let data={_action:'getbonusinfo',bonus_id:0}
let data={_action:'getuserbonus'}
defaultRequest2(data).then(res=>{
console.info(res)
if(res.error==0){

513
pages/account/myOrders.vue
View File

@ -7,244 +7,296 @@
</view>
<view class="body">
<template v-if="isList==true && scroll_active==0">
<view class="" v-for="(item,idnex) in orderList" :key="item.order_id">
<!-- 待支付订单 -->
<view class="order" v-if="item.pay_status_code==0 && item.order_status_code==0" @click="goDetails(3,item.order_id)">
<view class="order_title">
<text>Waiting for payment</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
<view class="" v-for="(item,idnex) in orderList" :key="item.order_id">
<view class="order" @click="goDetails(item,item.order_id)">
<view class="order_title">
<!-- 待支付订单 -->
<text v-if="item.pay_status_code==0 && item.order_status_code==0">Waiting for payment</text>
<!-- 已取消订单 -->
<text v-else-if="item.order_status_code==2">cancelled</text>
<!-- 待发货订单 -->
<text v-else-if="item.pay_status_code==2 && item.shipping_status_code==0">To be shipped</text>
<!-- 运输中订单 -->
<text v-else-if="item.pay_status_code==2 && item.shipping_status_code==1 || item.shipping_status_code==4">Shipped</text>
<!-- 已完成订单 -->
<text v-else-if="item.pay_status_code==2 && item.shipping_status_code==2">Completed</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
</view>
<view class="order_content">
<view class="good_info">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
<view class="order_content">
<template v-if="item.order_goods.length==1">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
<view class="left_info">
<view class="info_name">{{item1.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable">
<text>{{item1.goods_attr |goodsAttr}}</text>
<image src="/static/img/bottom.png" mode=""></image>
</view>
<text>×{{item1.goods_number}}</text>
</view>
</view>
</view>
</view>
</template>
<template v-else>
<view class="good_info" @click.stop="showGoods(item.order_goods,1)">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
</template>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="good_points" v-if="item.pay_status_code==0 && item.order_status_code==0">
<image src="/static/img/gantan1.png" mode=""></image>
<text>Reward 10 points</text>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
<view class="order_button">
<!-- 待支付订单 -->
<template v-if="item.pay_status_code==0 && item.order_status_code==0">
<button class="cancel" @click.stop="openTips(item.order_id,0)">CANCEL ORDER</button>
<button class="pay" @click.stop="payNow(item.order_id,0)">PAY NOW</button>
</template>
<!-- 已取消订单 -->
<button v-if="item.order_status_code==2" class="cancel" @click.stop="openTips(item.order_id,1)">DELETE ORDER</button>
<!-- 待发货订单 -->
<template v-if="item.pay_status_code==2 && item.shipping_status_code==1 || item.shipping_status_code==4">
<button class="cancel" @click.stop="goLogistics(item.order_id)">LOGISTICS</button>
<button class="pay" @click.stop="openTips(item.order_id,2)">CONFIRM RECEIPT</button>
</template>
<!-- 已完成订单 -->
<template v-if="item.pay_status_code==2 && item.shipping_status_code==2">
<button class="cancel" @click.stop="openTips(item.order_id,1)">DELETE ORDER</button>
<button class="pay">COMMENT</button>
</template>
</view>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="good_points">
<image src="/static/img/gantan1.png" mode=""></image>
<text>Reward 10 points</text>
</view>
<view class="order_button">
<button class="cancel" @click.stop="openTips(item.order_id,0)">CANCEL ORDER</button>
<button class="pay" @click.stop="payNow(item.order_id)">PAY NOW</button>
</view>
</view>
</view>
<!-- 已取消订单 -->
<view class="order" v-if="item.order_status_code==2" @click="goDetails(1,item.order_id)">
<view class="order_title">
<text>cancelled</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
<!-- 已取消订单 -->
<!-- <view class="order" v-if="item.order_status_code==2" @click="goDetails(1,item.order_id)">
<view class="order_title">
<text>cancelled</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
</view>
<view class="order_content">
<view class="good_info">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
<view class="order_content">
<view class="good_info">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="cancel" @click.stop="openTips(item.order_id,1)">DELETE ORDER</button>
</view>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="cancel" @click.stop="openTips(item.order_id,1)">DELETE ORDER</button>
</view>
</view>
</view>
<!-- 待发货订单 -->
<view class="order" v-if="item.pay_status_code==2 && item.shipping_status_code==0" @click="goDetails(0,item.order_id)">
<view class="order_title">
<text>To be shipped</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view> -->
<!-- 待发货订单 -->
<!-- <view class="order" v-if="item.pay_status_code==2 && item.shipping_status_code==0" @click="goDetails(0,item.order_id)">
<view class="order_title">
<text>To be shipped</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
</view>
<view class="order_content">
<view class="good_info">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
<view class="order_content">
<view class="good_info">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<view class="good_price">total:US${{item.total_fee_o}}</view>
</view>
</view> -->
<!-- 运输中订单 -->
<!-- <view class="order" v-if="item.pay_status_code==2 && item.shipping_status_code==1 || item.shipping_status_code==4" @click="goDetails(4,item.order_id)">
<view class="order_title">
<text>Shipped</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
</view>
</view>
<!-- 运输中订单 -->
<view class="order" v-if="item.pay_status_code==2 && item.shipping_status_code==1 || item.shipping_status_code==4" @click="goDetails(4,item.order_id)">
<view class="order_title">
<text>Shipped</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="order_content">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
<view class="left_info">
<view class="info_name">{{item1.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable">
<text>{{item1.goods_attr |goodsAttr}}</text>
<image src="/static/img/bottom.png" mode=""></image>
<view class="order_content">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
<view class="left_info">
<view class="info_name">{{item1.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable">
<text>{{item1.goods_attr |goodsAttr}}</text>
<image src="/static/img/bottom.png" mode=""></image>
</view>
<text>×{{item1.goods_number}}</text>
</view>
<text>×{{item1.goods_number}}</text>
</view>
</view>
</view>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="cancel" @click.stop="goLogistics(item.order_id)">LOGISTICS</button>
<button class="pay" @click.stop="openTips(item.order_id,2)">CONFIRM RECEIPT</button>
</view>
</view>
</view>
<!-- 已完成订单 -->
<view class="order " v-if="item.pay_status_code==2 && item.shipping_status_code==2" @click="goDetails(2,item.order_id)">
<view class="order_title">
<text>Completed</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="order_content">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="cancel" @click.stop="goLogistics(item.order_id)">LOGISTICS</button>
<button class="pay" @click.stop="openTips(item.order_id,2)">CONFIRM RECEIPT</button>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
</view>
</view> -->
<!-- 已完成订单 -->
<!-- <view class="order " v-if="item.pay_status_code==2 && item.shipping_status_code==2" @click="goDetails(2,item.order_id)">
<view class="order_title">
<text>Completed</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="cancel" @click.stop="openTips(item.order_id,1)">DELETE ORDER</button>
<button class="pay">COMMENT</button>
</view>
</view>
</view>
<!-- 退换货订单 -->
<view class="order" v-if="item.order_status_code==4" @click="goDetails(2,item.order_id)">
<view class="order_title">
<text>Return and exchange</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="order_content">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
<view class="order_content">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="cancel" @click.stop="openTips(item.order_id,1)">DELETE ORDER</button>
<button class="pay">COMMENT</button>
</view>
</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="pay">CANCEL RETURN</button>
</view>
</view>
</view>
</view>
</template>
<template v-if="isList==true && scroll_active==2">
<navigator url="/pages/order/details?details_index=0">
<view class="order">
</view> -->
<!-- 退换货订单 -->
<!-- <view class="order" v-if="item.order_status_code==4" @click="goDetails(2,item.order_id)">
<view class="order_title">
<text>To be shipped</text>
<text>Return and exchange</text>
<view class="order_title_right">
<text>order#20245512141212</text>
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="order_content">
<view class="good_info">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left">
<view class="good_info_image" v-for="(item,index) in 2" :key="index"></view>
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>2 ltems</text>
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
<view class="good_price">total:US$12.5</view>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="order_button">
<button class="pay">CANCEL RETURN</button>
</view>
</view>
</view>
</navigator>
</view> -->
</view>
<view class="order">
<view class="order_title">
<text>To be shipped</text>
<view class="order_title_right">
<text>order#20245512141212</text>
<image src="../../static/img/right.png" mode=""></image>
</template>
<!-- 待支付订单 -->
<template v-if="isList==true && scroll_active==1">
<view class="" v-for="(item,idnex) in orderList" :key="item.order_id">
<view class="order" @click="goDetails(item,item.order_id)" v-if="item.pay_status_code==0 && item.order_status_code==0">
<view class="order_title">
<text >Waiting for payment</text>
<view class="order_title_right">
<text>order#{{item.order_sn}}</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
</view>
<view class="order_content">
<view class="good_info">
<view class="good_info_left ">
<view class="good_info_image" v-for="(item,index) in 1" :key="index"></view>
<view class="left_info">
<view class="info_name">Adidas Yeezy Boost 350 V2 DazzlingBlue Black GY7164 Men's</view>
<view class="left_info_bottom">
<view class="info_lable">
<text>Multicolor;41</text>
<image src="/static/img/bottom.png" mode=""></image>
<view class="order_content">
<template v-if="item.order_goods.length==1">
<view class="good_info" v-for="(item1,index1) in item.order_goods" :key="index1">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item1.goods_img" mode=""></image>
</view>
<text>×2</text>
<view class="left_info">
<view class="info_name">{{item1.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable">
<text>{{item1.goods_attr |goodsAttr}}</text>
<image src="/static/img/bottom.png" mode=""></image>
</view>
<text>×{{item1.goods_number}}</text>
</view>
</view>
</view>
</view>
</template>
<template v-else>
<view class="good_info" @click.stop="showGoods(item.order_goods,1)">
<view class="good_info_left">
<view class="good_info_image" v-for="(item1,index1) in item.order_goods" :key="index1">
<image :src="item1.goods_img" mode=""></image>
</view>
</view>
<view class="good_info_right">
<text>{{item.order_goods.length}} ltems</text>
<image src="../../static/img/right.png" mode=""></image>
</view>
</view>
</template>
<view class="good_price">total:US${{item.total_fee_o}}</view>
<view class="good_points" v-if="item.pay_status_code==0 && item.order_status_code==0">
<image src="/static/img/gantan1.png" mode=""></image>
<text>Reward 10 points</text>
</view>
<view class="order_button">
<button class="cancel" @click.stop="openTips(item.order_id,0)">CANCEL ORDER</button>
<button class="pay" @click.stop="payNow(item.order_id,0)">PAY NOW</button>
</view>
</view>
<view class="good_price">total:US$12.5</view>
</view>
</view>
</template>
<template v-if="isList==true && scroll_active==1">
<template v-if="isList==true && scroll_active==2">
<navigator url="/pages/order/details?details_index=3">
<view class="order">
<view class="order_title">
@ -308,9 +360,10 @@
</template>
</view>
<view class="mask" v-show="isShow" @click="isShow=false"></view>
<!-- 支付 -->
<view class="mask" v-show="isPay" @click="isPay=false"></view>
<view class="order_popup" v-show="isPay">
<view class="order_popup" v-if="isShow && showType==0">
<view class="order_popup_title">
<text>
Payment Method
@ -353,7 +406,35 @@
<button @click="getPayDate">PAY NOW</button>
</view>
</view>
<!-- 商品信息 -->
<view class="order_popup" v-show="isShow && showType==1">
<view class="order_popup_title">
<text>Commodity information</text>
</text>
<image src="../../static/img/close1.png" mode="" @click="isShow=false"></image>
</view>
<view class="order_popup_commodity" >
<view class="good_info" v-for="(item,index) in goods_list " :key="index">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item.goods_img" mode=""></image>
</view>
<view class="left_info">
<view class="info_name">{{item.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable">
<text>{{item.goods_attr |goodsAttr}}</text>
<image src="/static/img/bottom.png" mode=""></image>
</view>
<text>x{{item.goods_number}}</text>
</view>
<view class="info_price">US${{item.goods_price}}</view>
</view>
</view>
</view>
</view>
</view>
<!-- 删除、取消弹框 -->
<uni-popup ref="alertDialog" type="dialog">
<uni-popup-dialog type="error" cancelText="Close" :confirmText="tipsBut" title="Tips" :content="tipsInfo" @confirm="dialogConfirm" ></uni-popup-dialog>
@ -371,7 +452,9 @@
scroll_active:0,
isList:true,
orderList:[],
isPay:false,
isShow:false,
// 显示状态 0 为支付 1为商品列表
showType:0,
payQuery:{
_action:'payorder',
order_id:'',
@ -386,10 +469,17 @@
// 弹出提示框的状态 0：取消订单 1、删除订单 2、确认收货
tipsType:0,
tipsInfo:'',
tipsBut:''
tipsBut:'',
goods_list:[],
query:{_action:'getuserorders',page_index:1,page_size:10,payingstatus:'',status:'',shippingstatus:''}
}
},
methods:{
showGoods(goodsList,type){
this.isShow=true
this.showType=type
this.goods_list=goodsList
},
// 查看物流
goLogistics(id){
uni.navigateTo({
@ -397,10 +487,31 @@
})
},
// 订单详情
goDetails(index,id){
goDetails(item,id){
let index
if(item.pay_status_code==0 && item.order_status_code==0){
index=3
}else if(item.order_status_code==2){
index=1
}else if(item.pay_status_code==2 && item.shipping_status_code==0){
index=0
}else if(item.pay_status_code==2 && item.shipping_status_code==1 || item.shipping_status_code==4){
index=4
}else if(item.pay_status_code==2 && item.shipping_status_code==2){
index=2
}else if(item.order_status_code==4){
// 退货
index=5
}
let url='../order/details?details_index='+index+'&id='+id
if(index==5){
url='../order/refundDetails'
}
uni.navigateTo({
url:'../order/details?details_index='+index+'&id='+id
url:url
})
},
// 选择支付方式
selectPay(index){
@ -433,9 +544,10 @@
}
})
},
payNow(id){
payNow(id,type){
this.payQuery.order_id=id
this.isPay=true
this.isShow=true
this.showType=type
},
// 淡出提示
openTips(id,type){
@ -468,8 +580,7 @@
},
getList(){
let data={_action:'getuserorders',page_index:1,page_size:10,payingstatus:'',status:''}
defaultRequest2(data).then(res=>{
defaultRequest2(this.query).then(res=>{
console.info(res)
if(res.error==0){
this.orderList=res.data
@ -477,7 +588,17 @@
})
},
scrollChange(index){
// {_action:'getuserorders',page_index:1,page_size:10,payingstatus:'',status:'',shippingstatus:''}
this.scroll_active=index
// if(index==0){
// this.query.payingstatus=''
// this.query.status=''
// }else if(index==1){
// this.query.payingstatus='1'
// this.query.status='0'
// this.query.shippingstatus='1'
// }
// this.getList()
},
},
onLoad() {

Write Preview
Loading…
Cancel
Save