XiaoMo/JMApp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

0000

Browse Source
This commit is contained in:
XiaoMo
2025-04-05 23:47:00 +08:00
commit 8001f8eaeb
215 changed files with 14655 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
pages/orderList/orderList.js Normal file
View File

@@ -0,0 +1,133 @@
var t = require("../../@babel/runtime/helpers/interopRequireDefault")(require("../../@babel/runtime/regenerator")), a = require("../../@babel/runtime/helpers/toConsumableArray"), e = require("../../@babel/runtime/helpers/asyncToGenerator"), n = (getApp(),
require("../../utils/login.js"));
Page({
data: {
showLoding: !0,
navList: [ {
name: "全部",
tab: "all"
}, {
name: "待付款",
tab: "0"
}, {
name: "待使用",
tab: "1"
}, {
name: "已完成",
tab: "4"
} ],
tab: "all",
loading: !1,
next_page: 1,
data: [],
status: {
0: "待付款",
1: "待使用",
2: "待收货",
3: "待收货",
4: "已完成"
}
},
onLoad: function(t) {
this.setData({
tab: t.tab || "all"
}), this.getList();
},
onPullDownRefresh: function() {
this.clearData();
},
onReachBottom: function() {
this.getList();
},
clearData: function() {
this.setData({
next_page: 1,
loading: !1,
data: []
}), this.getList();
},
changeTab: function(t) {
var a = t.currentTarget.dataset.tab;
if (a == this.data.tab) return !1;
this.setData({
tab: a
}), this.clearData();
},
getList: function() {
var r = this;
return e(t.default.mark(function e() {
var s, i;
return t.default.wrap(function(t) {
for (;;) switch (t.prev = t.next) {
case 0:
if (r.data.next_page && !r.data.loading) {
t.next = 2;
break;
}
return t.abrupt("return", !1);
case 2:
return r.setData({
loading: !0
}), t.prev = 3, t.next = 6, n.request(n.baseUrl + "shop/order/lists", {
page: r.data.next_page,
typeid: r.data.tab
}, !0);
case 6:
s = t.sent, i = s.data, r.setData({
loading: !1,
showLoding: !1
}), 200 == s.code && (i.data.length < i.limit ? r.data.next_page = 0 : r.data.next_page += 1,
r.setData({
type: i.type,
count: i.count,
limit: i.limit,
next_page: r.data.next_page,
data: [].concat(a(r.data.data), a(i.data))
})), t.next = 15;
break;
case 12:
t.prev = 12, t.t0 = t.catch(3), console.log(t.t0);
case 15:
case "end":
return t.stop();
}
}, e, null, [ [ 3, 12 ] ]);
}))();
},
deleteItem: function(a) {
var r = this;
return e(t.default.mark(function e() {
var s, i, o, d;
return t.default.wrap(function(t) {
for (;;) switch (t.prev = t.next) {
case 0:
return s = a.currentTarget.dataset, i = s.orderid, o = s.index, wx.showLoading({
title: "正在删除"
}), t.prev = 2, t.next = 5, n.request(n.baseUrl + "shop/order/delete", {
orderid: i
}, !0);
case 5:
d = t.sent, wx.hideLoading(), 200 == d.code && (r.data.data.splice(o, 1), r.setData({
data: r.data.data
}), wx.showToast({
title: d.message
})), t.next = 14;
break;
case 10:
t.prev = 10, t.t0 = t.catch(2), console.log(t.t0), wx.hideLoading();
case 14:
case "end":
return t.stop();
}
}, e, null, [ [ 2, 10 ] ]);
}))();
}
});

7
pages/orderList/orderList.json Normal file
View File

@@ -0,0 +1,7 @@
{
"navigationBarTitleText": "聚美汽服",
"enablePullDownRefresh": true,
"usingComponents": {
"page-loding": "../../template/pageLoding/pageLoding"
}
}

42
pages/orderList/orderList.wxml Normal file
View File

@@ -0,0 +1,42 @@
<page-loding wx:if="{{showLoding}}"></page-loding>
<view class="main-container">
<view class="nav-list">
<view bindtap="changeTab" class="nav-item" data-tab="{{item.tab}}" wx:for="{{navList}}" wx:key="index">
<view class="{{item.tab==tab?'text--active':''}}">{{item.name}}</view>
</view>
</view>
<view class="order-list">
<navigator class="order-item" url="{{item.pay_status==0?'/pages/orderPay/orderPay?orderid='+item.orderid:'/pages/orderDetails/orderDetails?orderid='+item.orderid}}" wx:for="{{data}}" wx:key="index">
<view class="order-item__hd thin-border_b">
<view class="time">订单编号：{{item.orderid}}</view>
<view class="state" wx:if="{{item.pay_status!=-1}}">{{status[item.status]}}</view>
<view class="state" wx:if="{{item.pay_status==-1}}">付款超时</view>
</view>
<view :key="i" class="order-item__bd " wx:for="{{item.shop}}" wx:for-item="s">
<view class="order-mes">
<image class="img-shop" mode="widthFix" src="{{s.image}}"></image>
<view class="mes">
<view class="mes-name overflow-2-row">{{s.name}}</view>
</view>
</view>
<view class="order-money">
<view class="date">下单日期：{{item.timestamp}}</view>
<view>{{item.total_num}}件商品共：¥{{item.pay_money}}</view>
</view>
</view>
<view class="order-item__ft thin-border_t">
<view class="btn-box">
<view class="btn" wx:if="{{item.pay_status!=-1&&item.status==0}}">确认付款</view>
<view class="btn" wx:if="{{item.pay_status!=-1&&item.status!=0}}">查看订单</view>
<view catchtap="deleteItem" class="btn btn-grey" data-index="{{index}}" data-orderid="{{item.orderid}}" wx:if="{{item.pay_status==-1}}">删除</view>
</view>
</view>
</navigator>
</view>
<view class="van-list__finished-text" wx:if="{{loading}}">正在加载...</view>
<view class="van-list__finished-text" wx:if="{{!loading&&!next_page&&data.length>0}}">没有更多了</view>
<view class="no-content" wx:if="{{data.length==0&&!loading}}">
<image src="/img/nocontent.png"></image>
<view>没有内容哦~</view>
</view>
</view>

271
pages/orderList/orderList.wxss Normal file
View File

@@ -0,0 +1,271 @@
.main-container {
background: #f5f5f5;
font-size: 3.2vw;
min-height: 100vh;
padding-top: 10.667vw;
width: 100vw;
}
.nav-list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-bottom: 1px solid #e4e4e4;
box-shadow: 0 0 .267vw 0 rgba(0,0,0,.2);
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 10.667vw;
justify-content: space-between;
left: 0;
padding: 0 1.333vw;
position: fixed;
top: 0;
width: 100vw;
z-index: 1;
}
.nav-list .nav-item {
box-sizing: border-box;
color: #343434;
font-size: 3.467vw;
font-weight: 500;
line-height: 5.333vw;
padding: 3.467vw 2.667vw;
}
.nav-list .nav-item .text--active {
color: #06a2b3;
position: relative;
}
.nav-list .nav-item .text--active:after {
background: #06a2b3;
content: "";
display: block;
height: .533vw;
left: 0;
position: absolute;
top: 6.667vw;
width: 100%;
z-index: 100;
}
.order-list {
box-sizing: border-box;
padding: 2.267vw 4vw 0;
}
.order-list .order-item {
background-color: #fff;
border-radius: 2.133vw;
margin-bottom: 2.667vw;
overflow: hidden;
}
.thin-border_b {
border-color: #f4f4f4;
position: relative;
}
.order-list .order-item .order-item__hd {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 10.267vw;
justify-content: space-between;
padding-left: 2.667vw;
padding-right: 2.667vw;
}
.order-list .order-item .order-item__hd .state {
color: #06a2b3;
font-size: 3.2vw;
font-weight: 500;
line-height: 3.2vw;
}
.thin-border_b:after {
border-bottom: .267vw solid;
border-color: inherit;
bottom: 0;
content: "";
left: 0;
position: absolute;
transform: scaleY(.5);
width: 100%;
}
.order-list .order-item .order-item__bd {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 3.2vw 2.667vw;
}
.order-list .order-item .order-item__bd .order-mes {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom: 2.667vw;
}
.order-list .order-item .order-item__bd .order-mes .img-shop {
height: 18.4vw;
width: 18.667vw;
}
.order-list .order-item .order-item__bd .order-mes .mes {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.overflow-1-row,.overflow-2-row {
overflow: hidden;
text-overflow: ellipsis;
}
.overflow-2-row {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
word-break: break-all;
}
.order-list .order-item .order-item__bd .order-mes .mes .mes-name {
box-sizing: border-box;
color: #343434;
font-size: 3.733vw;
font-weight: 500;
line-height: 5.333vw;
margin-bottom: 1.333vw;
padding-left: 2vw;
width: 64vw;
}
.order-list .order-item .order-item__bd .order-money {
-webkit-box-orient: horizontal;
align-content: center;
color: #3a3a3a;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 12px;
font-weight: 500;
justify-content: space-between;
line-height: 3.733vw;
}
.order-list .order-item .order-item__bd .date {
color: #999;
}
.order-list .order-item .order-item__bd .order-money span {
color: #3a3a3a;
display: inline;
font-size: 4.533vw;
font-weight: 500;
line-height: 4.267vw;
}
.thin-border_t {
border-color: #f4f4f4;
position: relative;
}
.order-list .order-item .order-item__ft {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 12.533vw;
justify-content: flex-end;
padding-left: 2.667vw;
padding-right: 2.667vw;
}
.thin-border_t:before {
border-bottom: .267vw solid;
border-color: inherit;
content: "";
left: 0;
position: absolute;
top: 0;
transform: scaleY(.5);
width: 100%;
}
.order-list .order-item .order-item__ft .btn-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.order-list .order-item .order-item__ft .btn-box .btn {
background-color: #06a2b3;
border-radius: 3.6vw;
box-sizing: border-box;
color: #fff;
font-size: 3.2vw;
font-weight: 500;
height: 7.2vw;
line-height: 7.2vw;
margin-left: 2.667vw;
min-width: 18vw;
padding: 0 1.333vw;
text-align: center;
}
.order-list .order-item .order-item__ft .btn-box .btn-grey {
background-color: #fff;
border: .267vw solid #222;
color: #222;
line-height: 6.933vw;
}
.van-list__error-text,.van-list__finished-text,.van-list__loading,.van-pull-refresh__head {
color: #969799;
font-size: 14px;
line-height: 50px;
text-align: center;
}