作者 Lijianheng

更新我的订单和收藏模块

@@ -55,7 +55,7 @@ Page({ @@ -55,7 +55,7 @@ Page({
55 console.log(res); 55 console.log(res);
56 // 列表值 56 // 列表值
57 that.setData({ 57 that.setData({
58 - collectList: res.data.list 58 + collectList: res.date.list
59 }) 59 })
60 60
61 console.log(that.data.collectList) 61 console.log(that.data.collectList)
1 1
2 <view class='container'> 2 <view class='container'>
3 <view class='mid'> 3 <view class='mid'>
  4 +
  5 + <view class="nodata" wx:if='{{collectList.length==0}}'>暂无数据</view>
  6 + <block wx:else>
4 <view class='mid_item' wx:for="{{collectList}}" wx:key=""> 7 <view class='mid_item' wx:for="{{collectList}}" wx:key="">
5 <!-- 顶部 --> 8 <!-- 顶部 -->
6 <view class='mid_item_top'> 9 <view class='mid_item_top'>
@@ -58,7 +61,7 @@ @@ -58,7 +61,7 @@
58 {{item.text_content}} 61 {{item.text_content}}
59 </view> 62 </view>
60 </view> 63 </view>
61 - <!-- 右下 --> 64 + <!-- 右下 -->
62 <view class='right_bottom_rig'> 65 <view class='right_bottom_rig'>
63 立即参团 66 立即参团
64 </view> 67 </view>
@@ -79,83 +82,8 @@ @@ -79,83 +82,8 @@
79 </view> 82 </view>
80 </view> 83 </view>
81 </view> 84 </view>
  85 + </block>
82 86
83 - <!-- <view class='mid_item'>  
84 - <!-- 顶部 -->  
85 - <view class='mid_item_top'>  
86 - <!-- 左边 -->  
87 - <view class='mid_item_top_left'>  
88 - <view class='top_left_pic'>  
89 - <image src='../../../img/goods_1.png'></image>  
90 -  
91 -  
92 - </view>  
93 - <view class='text_color'>  
94 - 距开始2时22分距结束2时22分  
95 - </view>  
96 - </view>  
97 - <!-- 右边 -->  
98 - <view class='mid_item_top_right'>  
99 - <!-- 右上 -->  
100 - <view class='right_top'>  
101 - <view class='right_top_lef'>  
102 - 纯进口有机菜花  
103 - </view>  
104 - <view class='right_top_rig'>  
105 - 产地:罗利  
106 - </view>  
107 - </view>  
108 - <!-- 右中1 -->  
109 - <view class='right_mid'>  
110 - <view class='right_mid_lef'>  
111 - <view class='right_mid_lef_color'></view>  
112 - </view>  
113 - <view class='right_mid_rig'>  
114 - 42%  
115 - </view>  
116 - </view>  
117 - <!-- 右中2 -->  
118 - <view class='right_text'>  
119 - 已拼300份,目标500份  
120 - </view>  
121 - <!-- 右下 -->  
122 - <view class='right_bottom'>  
123 - <!-- 右下左 -->  
124 - <view class='right_bottom_lef'>  
125 - <span class='RBM'>¥</span>  
126 - <span class='number'>52/</span>  
127 - <span class='text'>1磅1份1磅1份</span>  
128 -  
129 - </view>  
130 - <!-- 右下中 -->  
131 - <view class='right_bottom_mid'>  
132 - <view class='right_bottom_mid_t'>  
133 - 40mm-50m  
134 - </view>  
135 - <view class='right_bottom_mid_b'>  
136 - 番茄果径 番茄果径番茄果径  
137 - </view>  
138 - </view>  
139 - <!-- 右下右 -->  
140 - <view class='right_bottom_rig'>  
141 - 立即参团  
142 - </view>  
143 - </view>  
144 - </view>  
145 -  
146 -  
147 - </view>  
148 - <view class='mid_item_bottom'>  
149 - <view class='mid_item_bottom_left'>  
150 - 经典推荐  
151 - </view>  
152 - <!-- 竖线 -->  
153 - <view class='mid_line'></view>  
154 - <!-- 底部文本 -->  
155 - <view class='mid_item_bottom_bot'>  
156 - 智利进口,绿色健康,硕大饱满  
157 - </view>  
158 - </view>  
159 - <!-- </view> --> 87 +
160 </view> 88 </view>
161 </view> 89 </view>
@@ -248,4 +248,8 @@ @@ -248,4 +248,8 @@
248 overflow: hidden; 248 overflow: hidden;
249 text-overflow: ellipsis; 249 text-overflow: ellipsis;
250 white-space: nowrap; 250 white-space: nowrap;
  251 +}
  252 +.nodata{
  253 + margin-top: 20rpx;
  254 + font-size: 30rpx;
251 } 255 }
@@ -4,6 +4,8 @@ Page({ @@ -4,6 +4,8 @@ Page({
4 * 页面的初始数据 4 * 页面的初始数据
5 */ 5 */
6 data: { 6 data: {
  7 +
  8 + orderList:[],
7 navbar: [{ 9 navbar: [{
8 name: '全部' 10 name: '全部'
9 }, 11 },
@@ -30,7 +32,7 @@ Page({ @@ -30,7 +32,7 @@ Page({
30 } 32 }
31 ], 33 ],
32 currentTab: 0, 34 currentTab: 0,
33 - orderList: '', 35 + // orderList: '',
34 page: 1, 36 page: 1,
35 status: 0, 37 status: 0,
36 toCancel: false, 38 toCancel: false,
@@ -38,21 +40,16 @@ Page({ @@ -38,21 +40,16 @@ Page({
38 40
39 41
40 //倒计时 42 //倒计时
41 - countDownList: [],  
42 - actEndTimeList: [] 43 + // countDownList: [],
  44 + // actEndTimeList: []
43 }, 45 },
44 46
45 - 47 +
46 /** 48 /**
47 * 生命周期函数--监听页面加载 49 * 生命周期函数--监听页面加载
48 */ 50 */
49 onLoad: function (options) { 51 onLoad: function (options) {
50 - // let endTimeList = [];  
51 - // // 将活动的结束时间参数提成一个单独的数组,方便操作  
52 - // goodsList.forEach(o => { endTimeList.push(o.actEndTime) })  
53 - // this.setData({ actEndTimeList: endTimeList });  
54 - // // 执行倒计时函数  
55 - // this.countDown(); 52 +
56 53
57 54
58 55
@@ -80,12 +77,11 @@ Page({ @@ -80,12 +77,11 @@ Page({
80 }) 77 })
81 } 78 }
82 }, 79 },
83 -  
84 -  
85 - timeFormat(param) {//小于10的格式化函数 80 + timeFormat(param) { //小于10的格式化函数
86 return param < 10 ? '0' + param : param; 81 return param < 10 ? '0' + param : param;
87 }, 82 },
88 83
  84 +
89 85
90 // 我的订单 86 // 我的订单
91 myOrder() { 87 myOrder() {
@@ -105,107 +101,58 @@ Page({ @@ -105,107 +101,58 @@ Page({
105 101
106 // 列表值 102 // 列表值
107 that.setData({ 103 that.setData({
108 - orderList: res.data.list 104 + orderList: res.data.list,
  105 + now_time: res.data.now_time
109 }) 106 })
110 -  
111 -  
112 -  
113 -  
114 - 107 + that.countDown()
115 }).catch((err) => { 108 }).catch((err) => {
116 109
117 }) 110 })
118 }, 111 },
119 112
120 - countDown() {//倒计时函数  
121 - // 获取当前时间,同时得到活动结束时间数组  
122 - let newTime = new Date().getTime();  
123 - let endTimeList = this.data.actEndTimeList;  
124 - let countDownArr = [];  
125 -  
126 - // 对结束时间进行处理渲染到页面  
127 - endTimeList.forEach(o => {  
128 - let endTime = new Date(o).getTime();  
129 - let obj = null;  
130 - // 如果活动未结束,对时间进行处理  
131 - if (endTime - newTime > 0) {  
132 - let time = (endTime - newTime) / 1000;  
133 - // 获取天、时、分、秒 113 + //团购倒计时
  114 + countDown() {
  115 + let that = this
  116 + let objs = Object.assign([], that.data.orderList)
  117 + let now_time = parseInt(new Date().getTime())
  118 + // console.log('现在的时间:'+now_time)
  119 +
  120 + for (let obj of objs) {
  121 +
  122 + let end_time = obj.end_time * 1000
  123 + // console.log(end_time)
  124 + let open_time = obj.open_time * 1000
  125 + if (now_time < open_time) {
  126 + // console.log(333)
  127 + //活动未开始
  128 + } else if (now_time > end_time) {
  129 + // console.log(222)
  130 + //活动结束
  131 + } else {
  132 + // console.log(1111)
  133 + let time = (end_time - now_time) / 1000;
134 let day = parseInt(time / (60 * 60 * 24)); 134 let day = parseInt(time / (60 * 60 * 24));
135 let hou = parseInt(time % (60 * 60 * 24) / 3600); 135 let hou = parseInt(time % (60 * 60 * 24) / 3600);
136 let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); 136 let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
137 let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); 137 let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
138 - obj = {  
139 - day: this.timeFormat(day),  
140 - hou: this.timeFormat(hou),  
141 - min: this.timeFormat(min),  
142 - sec: this.timeFormat(sec)  
143 - }  
144 - } else {//活动已结束,全部设置为'00'  
145 - obj = {  
146 - day: '00',  
147 - hou: '00',  
148 - min: '00',  
149 - sec: '00'  
150 - } 138 +
  139 + obj.day = that.timeFormat(day),
  140 + obj.hou = that.timeFormat(hou),
  141 + obj.min = that.timeFormat(min),
  142 + obj.sec = that.timeFormat(sec)
  143 +
  144 + // console.log(obj.day, obj.hou, obj.min, obj.sec)
151 } 145 }
152 - countDownArr.push(obj); 146 + }
  147 + that.setData({
  148 + orderList: objs
153 }) 149 })
154 - // // 渲染,然后每隔一秒执行一次倒计时函数  
155 - // this.setData({ countDownList: countDownArr })  
156 - // setTimeout(this.countDown, 1000); 150 + console.log(that.data.orderList)
  151 + setTimeout(that.countDown, 1000);
157 }, 152 },
158 153
159 154
160 - // 倒计时功能  
161 - // timeFunc(num) {  
162 - // //let number = res.compare.surplus_time;  
163 - // // 时间戳处理  
164 - // var totalSecond = num;  
165 - // var interval = setInterval(function () {  
166 - // // 秒数  
167 - // var second = totalSecond;  
168 - // // 天数位  
169 - // var day = Math.floor(second / 3600 / 24);  
170 - // var dayStr = day.toString();  
171 - // if (dayStr.length == 1) dayStr = '0' + dayStr;  
172 - // // 小时位  
173 - // var hr = Math.floor((second - day * 3600 * 24) / 3600);  
174 - // var hrStr = hr.toString();  
175 - // if (hrStr.length == 1) hrStr = '0' + hrStr;  
176 - // // 分钟位  
177 - // var min = Math.floor((second - day * 3600 * 24 - hr * 3600) / 60);  
178 - // var minStr = min.toString();  
179 - // if (minStr.length == 1) minStr = '0' + minStr;  
180 - // // 秒位  
181 - // var sec = second - day * 3600 * 24 - hr * 3600 - min * 60;  
182 - // var secStr = sec.toString();  
183 - // if (secStr.length == 1) secStr = '0' + secStr;  
184 -  
185 - // that.setData({  
186 - // days: dayStr,  
187 - // hours: hrStr,  
188 - // minutes: minStr,  
189 - // seconds: secStr,  
190 - // });  
191 - // totalSecond--;  
192 - // if (totalSecond <= 0) {  
193 - // clearInterval(interval);  
194 - // wx.showToast({  
195 - // title: '活动已结束',  
196 - // });  
197 - // // 倒计时结束  
198 - // that.countDown();  
199 - // that.setData({  
200 - // days: '00',  
201 - // hours: '00',  
202 - // minutes: '00',  
203 - // seconds: '00',  
204 - // });  
205 - // }  
206 - // }.bind(this), 1000);  
207 - // },  
208 - 155 +
209 156
210 157
211 navbarTap: function (e) { 158 navbarTap: function (e) {
@@ -41,8 +41,10 @@ @@ -41,8 +41,10 @@
41 <image src='{{item.thumb}}'></image> 41 <image src='{{item.thumb}}'></image>
42 </view> 42 </view>
43 <!-- 文字 --> 43 <!-- 文字 -->
44 - <view class='mid_left_text'>  
45 - 距结束23时52分 44 + <view class='mid_left_text' >
  45 + <!-- 距结束23时52分 -->
  46 + <!-- 距结束{{item.day}}天{{item.hou}}时{{item.min}}分{{item.sec}}秒 -->
  47 + 距结束{{item.hou}}小时{{item.min}}分{{item.sec}}秒
46 </view> 48 </view>
47 </view> 49 </view>
48 <!-- 中——右边 --> 50 <!-- 中——右边 -->
@@ -82,8 +84,8 @@ @@ -82,8 +84,8 @@
82 <!-- 下 --> 84 <!-- 下 -->
83 <view class='mid_item_bottom'> 85 <view class='mid_item_bottom'>
84 <view class='mid_item_bottom_lef'> 86 <view class='mid_item_bottom_lef'>
85 - 共2件商品,实付  
86 - <span class='color_red'>¥52</span> 87 + 共{{item.goods_numb}}件商品,实付
  88 + <span class='color_red'>¥{{item.goods_pay}}</span>
87 </view> 89 </view>
88 <view class='mid_item_bottom_rig' wx:if="{{item.goods_status==2}}"> 90 <view class='mid_item_bottom_rig' wx:if="{{item.goods_status==2}}">
89 <view class='bottom_btn_left' bindtap='cancelOrder'>取消订单</view> 91 <view class='bottom_btn_left' bindtap='cancelOrder'>取消订单</view>
@@ -135,7 +137,7 @@ @@ -135,7 +137,7 @@
135 </view> 137 </view>
136 <!-- 文字 --> 138 <!-- 文字 -->
137 <view class='mid_left_text'> 139 <view class='mid_left_text'>
138 - 距结束23时52分 140 + 距结束{{item.hou}}小时{{item.min}}分{{item.sec}}秒
139 </view> 141 </view>
140 </view> 142 </view>
141 <!-- 中——右边 --> 143 <!-- 中——右边 -->
@@ -150,13 +152,14 @@ @@ -150,13 +152,14 @@
150 </view> 152 </view>
151 <!-- 百分比 --> 153 <!-- 百分比 -->
152 <view class='mid_right_m'> 154 <view class='mid_right_m'>
153 - <view class='right_m_left'> 155 + <!-- <view class='right_m_left'>
154 <view class='right_m_left_content'></view> 156 <view class='right_m_left_content'></view>
155 </view> 157 </view>
156 158
157 <view class='right_m_right'> 159 <view class='right_m_right'>
158 42% 160 42%
159 - </view> 161 + </view> -->
  162 + <progress percent="{{item.percent}}" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" />
160 </view> 163 </view>
161 <!-- 拼团份数 --> 164 <!-- 拼团份数 -->
162 <view class='mid_right_bottom'> 165 <view class='mid_right_bottom'>
@@ -211,7 +214,7 @@ @@ -211,7 +214,7 @@
211 </view> 214 </view>
212 <!-- 文字 --> 215 <!-- 文字 -->
213 <view class='mid_left_text'> 216 <view class='mid_left_text'>
214 - 距结束23时52分 217 + 距结束{{item.hou}}小时{{item.min}}分{{item.sec}}秒
215 </view> 218 </view>
216 </view> 219 </view>
217 <!-- 中——右边 --> 220 <!-- 中——右边 -->