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

积分订单

master
Enzo 4 years ago
parent
6d7f3f5ec4
commit
aab7debcb5
3 changed files with 150 additions and 51 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. 83
      pages/order/newdetail/newdetail.vue
  2. 116
      pages/point/exchangeRecord/exchangeRecord.vue
  3. 2
      pages/shop/seckillList.vue

83
pages/order/newdetail/newdetail.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<lf-nav title="订单详情" :showIcon="true"></lf-nav> <lf-nav title="订单详情" :showIcon="true"></lf-nav>
<view class="tips">
<view class="tips" v-if="type == 'default'">
<view class="lf-font-24 lf-color-white">剩余支付时间：</view> <view class="lf-font-24 lf-color-white">剩余支付时间：</view>
<view> <view>
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish"> <countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
@ -39,17 +39,17 @@
<view class="card goods"> <view class="card goods">
<view> <view>
<text class="lf-iconfont icon-Group- lf-font-30"></text> <text class="lf-iconfont icon-Group- lf-font-30"></text>
<text class="shop-name">精品超市</text>
<text class="shop-name">{{order_details.from}}</text>
<text class="lf-iconfont icon-xiangyou lf-font-24"></text> <text class="lf-iconfont icon-xiangyou lf-font-24"></text>
</view> </view>
<view class="lf-flex lf-m-t-20">
<image class="goods-img"></image>
<view class="lf-flex lf-m-t-20" v-for="(item,index) of order_details.items" :key="index">
<image class="goods-img" :src="item.item_meta.image"></image>
<view class="info"> <view class="info">
<view class="lf-font-26 lf-color-333 lf-line-1">爱他美较大婴儿配方奶粉较大配方奶粉较2段 </view>
<view class="lf-font-24 lf-color-777">500g</view>
<view class="lf-font-26 lf-color-333 lf-line-1">{{item.item_name}}</view>
<view class="lf-font-24 lf-color-777">{{item.item_meta.specs_text}}</view>
<view class="lf-row-between" style="line-height: 1;"> <view class="lf-row-between" style="line-height: 1;">
<text class="price">¥385</text>
<text class="lf-font-28 lf-color-777">x 2</text>
<text class="price">¥{{item.total_yuan}}</text>
<text class="lf-font-28 lf-color-777">x {{item.quantity}}</text>
</view> </view>
</view> </view>
</view> </view>
@ -57,7 +57,7 @@
<view class="card" v-if="type == 'point'"> <view class="card" v-if="type == 'point'">
<view class="lf-row-between lf-font-28"> <view class="lf-row-between lf-font-28">
<text class="lf-color-777">积分数量</text> <text class="lf-color-777">积分数量</text>
<text class="lf-color-222">385</text>
<text class="lf-color-222">{{order_details.redeem_point}}</text>
</view> </view>
</view> </view>
<view class="card" v-if="type == 'default'"> <view class="card" v-if="type == 'default'">
@ -71,50 +71,50 @@
</view> </view>
<view class="lf-row-between lf-m-t-30 lf-font-28"> <view class="lf-row-between lf-m-t-30 lf-font-28">
<text class="lf-color-777">订单总价</text> <text class="lf-color-777">订单总价</text>
<text class="lf-color-222">¥375</text>
<text class="lf-color-222">¥{{order_details.total_yuan}}</text>
</view> </view>
</view> </view>
<view class="card"> <view class="card">
<view class="lf-row-between lf-font-28"> <view class="lf-row-between lf-font-28">
<text class="lf-color-777">商品订单编号</text> <text class="lf-color-777">商品订单编号</text>
<text> <text>
<text class="lf-color-222">75894375395739345</text>
<text class="lf-font-28 lf-m-l-20" style="color: #22A19F;">复制</text>
<text class="lf-color-222">{{order_details.order_no}}</text>
<text class="lf-font-28 lf-m-l-20" style="color: #22A19F;" @click="copy(order_details.order_no)">复制</text>
</text> </text>
</view> </view>
<view class="lf-row-between lf-font-28 lf-m-t-30">
<text class="lf-color-777">订单编号</text>
<text class="lf-color-222">75894375395739345</text>
</view>
<view class="lf-row-between lf-font-28 lf-m-t-30"> <view class="lf-row-between lf-font-28 lf-m-t-30">
<text class="lf-color-777">创建时间</text> <text class="lf-color-777">创建时间</text>
<text class="lf-color-222">2021-09-07 10:21:38</text>
<text class="lf-color-222">{{order_details.created_at}}</text>
</view> </view>
<view class="lf-row-between lf-font-28 lf-m-t-30">
<!-- <view class="lf-row-between lf-font-28 lf-m-t-30">
<text class="lf-color-777">留言</text> <text class="lf-color-777">留言</text>
<text class="lf-color-222">暂无留言</text> <text class="lf-color-222">暂无留言</text>
</view>
</view> -->
<view class="lf-row-between lf-font-28 lf-m-t-30" v-if="type == 'point'"> <view class="lf-row-between lf-font-28 lf-m-t-30" v-if="type == 'point'">
<text class="lf-color-777">兑换状态</text>
<text class="lf-color-222">兑换成功</text>
<text class="lf-color-777">订单状态</text>
<text class="lf-color-222">{{order_details.status_text}}</text>
</view> </view>
<!-- 待发货 --> <!-- 待发货 -->
<view class="lf-row-between lf-font-28 lf-m-t-30"> <view class="lf-row-between lf-font-28 lf-m-t-30">
<text class="lf-color-777">支付方式</text> <text class="lf-color-777">支付方式</text>
<text class="lf-color-222">余额支付</text>
<text class="lf-color-222">{{order_details.payment_text}}</text>
</view> </view>
<view class="lf-row-between lf-font-28 lf-m-t-30">
<view class="lf-row-between lf-font-28 lf-m-t-30" v-if="type == 'point'">
<text class="lf-color-777">收货方式</text> <text class="lf-color-777">收货方式</text>
<text class="lf-color-222">邮寄</text> <text class="lf-color-222">邮寄</text>
</view> </view>
<view class="lf-row-between lf-font-28 lf-m-t-30" v-else>
<text class="lf-color-777">收货方式</text>
<text class="lf-color-222">自提</text>
</view>
<view class="lf-row-between lf-font-28 lf-m-t-30"> <view class="lf-row-between lf-font-28 lf-m-t-30">
<text class="lf-color-777">支付时间</text> <text class="lf-color-777">支付时间</text>
<text class="lf-color-222">2021-09-07 10:21:38</text>
<text class="lf-color-222">{{order_details.pay_time}}</text>
</view> </view>
</view> </view>
<view style="height: 120rpx;margin-top: 20rpx;"></view> <view style="height: 120rpx;margin-top: 20rpx;"></view>
<!-- 待付款 --> <!-- 待付款 -->
<view class="order-btn">
<!-- <view class="order-btn">
<view class="lf-font-28 lf-row-center" style="color:#F63434"> <view class="lf-font-28 lf-row-center" style="color:#F63434">
待付款 待付款
</view> </view>
@ -126,9 +126,9 @@
立即付款 立即付款
</view> </view>
</view> </view>
</view>
</view> -->
<!-- 待发货 --> <!-- 待发货 -->
<view class="order-btn">
<view class="order-btn" v-if="order_details.status == 2">
<view class="lf-font-28 lf-row-center lf-color-777"> <view class="lf-font-28 lf-row-center lf-color-777">
待发货 待发货
</view> </view>
@ -138,7 +138,7 @@
</view> </view>
</view> </view>
<!-- 待收货 --> <!-- 待收货 -->
<view class="order-btn">
<view class="order-btn" v-if="order_details.status == 3">
<view class="lf-font-28 lf-row-center lf-color-black"> <view class="lf-font-28 lf-row-center lf-color-black">
待收货 待收货
</view> </view>
@ -150,7 +150,7 @@
</view> </view>
</view> </view>
<!-- 已完成 --> <!-- 已完成 -->
<view class="order-btn">
<view class="order-btn" v-if="order_details.status == 4">
<view class="lf-font-28 lf-row-center" style="color: #22A19F;"> <view class="lf-font-28 lf-row-center" style="color: #22A19F;">
已完成 已完成
</view> </view>
@ -168,7 +168,9 @@
data(){ data(){
return { return {
type: 'default' ,// point积分订单详情, default默认普通商品订单详情 type: 'default' ,// point积分订单详情, default默认普通商品订单详情
time: new Date('2021/09/8 14:15:00').getTime() - new Date('2021/09/8 14:10:00').getTime()
time: new Date('2021/09/8 14:15:00').getTime() - new Date('2021/09/8 14:10:00').getTime(),
order_no: '',
order_details: ''
} }
}, },
components: { components: {
@ -176,11 +178,32 @@
}, },
onLoad(options){ onLoad(options){
this.type = options.type || this.type; this.type = options.type || this.type;
this.order_no = options.order_id;
if(this.order_no) {
this.getOrderDetails();
}
}, },
methods: { methods: {
// 点击复制
copy(text) {
uni.setClipboardData({
data: text
});
},
dateFinish(){ dateFinish(){
console.log("倒计时结束"); console.log("倒计时结束");
}, },
getOrderDetails() {
this.$http.get({
api: 'api/order/'+this.order_no,
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjVkYTY5YjM5NWFhYzM5NzVmMzI3ZTEwZDEyMzAzZjI5MzE4ZmU2OGE2Njg0MTU0MWVjMjQ2NWM4ZWJkYjRlMTUwMmY1NWM0NDlkOTcxZDdjIn0.eyJhdWQiOiIzIiwianRpIjoiNWRhNjliMzk1YWFjMzk3NWYzMjdlMTBkMTIzMDNmMjkzMThmZTY4YTY2ODQxNTQxZWMyNDY1YzhlYmRiNGUxNTAyZjU1YzQ0OWQ5NzFkN2MiLCJpYXQiOjE2MzIzODY3NDAsIm5iZiI6MTYzMjM4Njc0MCwiZXhwIjoxNjYzOTIyNzQwLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.am-szF_sZcjtyOnEJT1DHMnr1hjAZ90MJc1Pc3AD3FrcQU5xb-u43ddL70ZmM3OxxLTZlmrB8OA3XJYREMtcz26MzwOMfopB9A5AH1EjHiFCV_368cq4ZpXNFi_Sn_LrY9Wje0-WMvkznF8tbrdCNrZn5YyIV47cwEnUNQrrREX4OhcgrSfNvwnh8_O_fueBwws9yY3tTlvVB7-AvG2urFI5XCzygsE3llE0wxF5ZJO1T5QRYLDse2BQ3d9feFzO5_7FiVspKr8DrJUlZP-Zz02UgIDIA_PX0UO2M0KeBwqPYq2d5uEnXT8or7K9coSnHRqbbr4qn6iczxDu4ofM58oCcaPycbtI3RvP2SMZuWmX8fXw-T99XltK_uJEU_wlIkrjvabzyo3tkrxRrwmzJEb3Yf4Lbah_xtfi24Nsu9SRjdw8YoiF6YhuuU5YaOn-wLltgmugfYpkFpEOneVAxoMjkm5IxZAJYMXF-DeSpdOoiTmuIRZYX4GDa55s_31r0YMyF6IIQNUvOjHHk-sJSHG0kPd5QivLP7dxE5XndwyFKAOeM97X2TjdYMhJz0EBCyS4Y_pI6AFWsxJkKsa0aqvBAeJyOV9k8kbYwtPeeBhBNsDWSlGBEZYMcoAv-C-IBZzd7gu2Ceh_MJPItrnsvj8W43Cv1TwxD26bJyt9EUY`
}
}).then(res => {
this.order_details = res.data.data
console.log(this.order_details);
})
},
} }
} }
</script> </script>

116
pages/point/exchangeRecord/exchangeRecord.vue
View File

@ -4,29 +4,38 @@
<view class="head"> <view class="head">
<u-search placeholder="搜你想要的" v-model="value" @custom="customClick"></u-search> <u-search placeholder="搜你想要的" v-model="value" @custom="customClick"></u-search>
</view> </view>
<view class="content">
<view class="card" v-for="(item, index) in 2" :key="index" @click="$url('/pages/order/newdetail/newdetail?type=point')">
<view>
<text class="lf-iconfont icon-Group- lf-font-30"></text>
<text class="shop-name">精品超市</text>
<text class="lf-iconfont icon-xiangyou lf-font-24"></text>
</view>
<view class="lf-flex lf-m-t-20">
<image class="goods-img"></image>
<view class="info">
<view class="lf-font-26 lf-color-333 lf-line-2">爱他美较大婴儿配方奶粉较大配方奶粉较2段 </view>
<view class="lf-row-between" style="line-height: 1;">
<text class="lf-font-24 lf-color-777">1件；900g</text>
<text class="lf-font-32 lf-color-primary lf-font-bold">385</text>
<scroll-view :style="{height: autoHeight}" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher"
@scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
<view class="content">
<view class="card" v-for="(item, index) in list" :key="index" @click="$url('/pages/order/newdetail/newdetail?type=point&order_id='+item.order_no)">
<view>
<text class="lf-iconfont icon-Group- lf-font-30"></text>
<text class="shop-name">{{item.from}}</text>
<text class="lf-iconfont icon-xiangyou lf-font-24"></text>
</view>
<view class="lf-flex lf-m-t-20" v-for="(item2,index2) of item.items" :key="index2">
<image class="goods-img" :src="item2.item_meta.image"></image>
<view class="info">
<view class="lf-font-26 lf-color-333 lf-line-2">{{item2.item_name}}</view>
<view class="lf-row-between" style="line-height: 1;">
<text class="lf-font-24 lf-color-777">{{item2.item_meta.specs_text}}</text>
<text class="lf-font-32 lf-color-primary lf-font-bold">{{item2.total_yuan}}</text>
</view>
</view> </view>
</view> </view>
<view class="order-num">
<text>{{item.status_text}}</text>
<!-- <text style="color: #F63434;">删除订单</text> -->
</view>
</view> </view>
<view class="order-num">
<text>兑换成功</text>
<text style="color: #F63434;">删除订单</text>
<!-- 空数据的情况 -->
<view class="loading-more">
<text v-if="list.length != 0"
:class="{'loading-more-text': loadingClass}">{{ loadingText }}</text>
<lf-nocontent src="/static/images/empty.png" v-else></lf-nocontent>
</view> </view>
</view> </view>
</view>
</scroll-view>
<u-back-top :scrollTop="pageScrollTop"></u-back-top> <u-back-top :scrollTop="pageScrollTop"></u-back-top>
</view> </view>
</template> </template>
@ -35,15 +44,82 @@
export default { export default {
data(){ data(){
return { return {
value: ''
value: '',
list: [],
page: 1,
isPage: true,
loadingClass: true,
loadingText: '正在加载中',
scrollH: 0,
nav_height: 0,
isRefresher: true,
pageSize: 10
}
},
computed: {
autoHeight(){
return `calc(${this.scrollH}px - ${this.nav_height}px - 180rpx)`;
} }
}, },
onLoad(){ onLoad(){
let info = uni.getSystemInfoSync();
this.scrollH = info.screenHeight;
this.getPointOrder()
}, },
methods: { methods: {
// 页面触底，加载下一页
onScrolltolower(){
if(this.isPage){
this.page = this.page + 1;
this.getPointOrder();
}
},
// 下拉刷新处理
refreshFn(options){
this.page = 1;
this.isPage = true;
this.loadingClass = true;
this.list = []
this.loadingText = '正在加载中';
this.getPointOrder(options);
},
// scroll-view 下拉刷新
onRefresherrefresh(){
this.isRefresher = true;
this.refreshFn({type: 'scrollRefresh'});
},
customClick(event){ customClick(event){
console.log(event) console.log(event)
},
getPointOrder(options = {}){
this.$http.get({
api: 'api/order/point/list',
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjVkYTY5YjM5NWFhYzM5NzVmMzI3ZTEwZDEyMzAzZjI5MzE4ZmU2OGE2Njg0MTU0MWVjMjQ2NWM4ZWJkYjRlMTUwMmY1NWM0NDlkOTcxZDdjIn0.eyJhdWQiOiIzIiwianRpIjoiNWRhNjliMzk1YWFjMzk3NWYzMjdlMTBkMTIzMDNmMjkzMThmZTY4YTY2ODQxNTQxZWMyNDY1YzhlYmRiNGUxNTAyZjU1YzQ0OWQ5NzFkN2MiLCJpYXQiOjE2MzIzODY3NDAsIm5iZiI6MTYzMjM4Njc0MCwiZXhwIjoxNjYzOTIyNzQwLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.am-szF_sZcjtyOnEJT1DHMnr1hjAZ90MJc1Pc3AD3FrcQU5xb-u43ddL70ZmM3OxxLTZlmrB8OA3XJYREMtcz26MzwOMfopB9A5AH1EjHiFCV_368cq4ZpXNFi_Sn_LrY9Wje0-WMvkznF8tbrdCNrZn5YyIV47cwEnUNQrrREX4OhcgrSfNvwnh8_O_fueBwws9yY3tTlvVB7-AvG2urFI5XCzygsE3llE0wxF5ZJO1T5QRYLDse2BQ3d9feFzO5_7FiVspKr8DrJUlZP-Zz02UgIDIA_PX0UO2M0KeBwqPYq2d5uEnXT8or7K9coSnHRqbbr4qn6iczxDu4ofM58oCcaPycbtI3RvP2SMZuWmX8fXw-T99XltK_uJEU_wlIkrjvabzyo3tkrxRrwmzJEb3Yf4Lbah_xtfi24Nsu9SRjdw8YoiF6YhuuU5YaOn-wLltgmugfYpkFpEOneVAxoMjkm5IxZAJYMXF-DeSpdOoiTmuIRZYX4GDa55s_31r0YMyF6IIQNUvOjHHk-sJSHG0kPd5QivLP7dxE5XndwyFKAOeM97X2TjdYMhJz0EBCyS4Y_pI6AFWsxJkKsa0aqvBAeJyOV9k8kbYwtPeeBhBNsDWSlGBEZYMcoAv-C-IBZzd7gu2Ceh_MJPItrnsvj8W43Cv1TwxD26bJyt9EUY`
},
data: {
page: this.page
}
}).then(res => {
console.log("----", res);
let isPage = this.page < res.data.meta.pagination.total_pages?true:false;
this.isPage = isPage;
if(!isPage) {
this.loadingClass = false;
this.loadingText = '没有更多数据啦~';
}
if(options.type == 'pageRefresh') {
uni.stopPullDownRefresh();
}else if(options.type == 'scrollRefresh') {
this.isRefresher = false;
}
if(this.page == 1) {
this.list = res.data.data;
}else {
this.list.push(...res.data.data);
}
})
} }
} }
} }

2
pages/shop/seckillList.vue
View File

@ -67,7 +67,7 @@
onScrolltolower(){ onScrolltolower(){
if(this.isPage){ if(this.isPage){
this.page = this.page + 1; this.page = this.page + 1;
this.getMyActivity();
this.getSeckillList();
} }
}, },
// 下拉刷新处理 // 下拉刷新处理

Write Preview
Loading…
Cancel
Save