w-front-end / select_good · Commits

Commit 1635a675dc2eb9ccbee242c1919eef340f1d4b37

Authored by zhiyangdu
1 parent 1d4bed77

首页数据绑定

Inline Side-by-side
Showing 5 changed files with 23 additions and 267 deletions
src/components/goodsItem_2/goodsItem_2.vue
  View file @1635a67
... ... @@ -8,9 +8,9 @@
8 8 </div>
9 9 <div class="content-box">
10 10 <!--因积分商城需要显示白色灰色字体标示 -->
11   - <div class="title" :class={grey:item.grade} v-if="pid == undefined || pid == '1' || pid == '3' || pid == '4' || pid == '5'">{{item.title}}</div>
  11 + <div class="title" :class={grey:item.num} v-if="pid == undefined || pid == '1' || pid == '3' || pid == '4' || pid == '5'">{{item.title}}</div>
12 12 <!--因积分商城不价格所有加上 !item.grade判断 -->
13   - <div class="price-box" v-if="pid != '5' && !item.grade">
  13 + <div class="price-box" v-if="pid != '5' && !item.num">
14 14 <div class="symbol">¥&nbsp;</div>
15 15 <div class="price">{{item.price}}</div>
16 16 <div class="prices" v-if="(pid == '3' || pid == '4') && item.prices && parseFloat(item.prices) > 0 && parseFloat(item.prices) > parseFloat(item.price)">¥{{item.prices}}</div>
... ...
src/components/goodsItem_7/goodsItem_7.vue
  View file @1635a67
... ... @@ -4,7 +4,7 @@
4 4 <div class="img-box">
5 5 <img v-lazy="item.simg + SIGN.MIDDLE" class="img" />
6 6 <!-- 补货中按钮 -->
7   - <div v-show="item.time_state == 2 && item.stock == 0" class="goods_active">
  7 + <div v-show="item.stock == 0" class="goods_active">
8 8 已售罄
9 9 </div>
10 10 </div>
... ... @@ -13,8 +13,12 @@
13 13 <!-- <div class="coupon-box">
14 14 满180减10
15 15 </div> -->
  16 + <!-- 积分 -->
  17 + <div v-if="item.num" class="grade-box">
  18 + {{item.num}}<span>积分</span>
  19 + </div>
16 20 <!-- 价格 -->
17   - <div v-show="!item.grade" class="price-box">
  21 + <div v-else class="price-box">
18 22 <div class="left">
19 23 <div class="y">¥&nbsp;</div>
20 24 <div class="integer">{{getInteger(item.price)}}.</div>
... ... @@ -24,10 +28,6 @@
24 28 <img src="static/img/icon_add.png" class="icon-add" mode="widthFix" @click.stop.prevent="primary(item)" />
25 29 </div>
26 30 </div>
27   - <!-- 积分 -->
28   - <div v-show="item.grade" class="grade-box">
29   - {{item.grade}}<span>积分</span>
30   - </div>
31 31 </div>
32 32 </div>
33 33 </div>
... ...
src/pages/goodDetails/goodDetails.vue
  View file @1635a67
... ... @@ -187,7 +187,7 @@ export default {
187 187 Indicator.open("加载中...");
188 188  
189 189 // 获取证书请求接口
190   - this.http("/Api/" + this.getApiVersion().index + "/goods_info", {
  190 + this.http("/Api/" + this.getApiVersion().LuckDraw + "/integralGoodsInfo", {
191 191 uid: this.getStore("uid"),
192 192 id: this.$route.query.goodsId // 商品ID
193 193 }, this.getGoodsInfoCallback, {
... ...
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
  View file @1635a67
... ... @@ -32,11 +32,11 @@
32 32 </div>
33 33 </div>
34 34 <!-- 暂无记录展示 -->
35   - <div v-show="!list && isCall" class="no_gift_tip">
  35 + <div v-show="list.length == 0 && isCall" class="no_gift_tip">
36 36 <img src="static/img/no_gift_tip.png" alt=""/>
37 37 <div class="text">暂无奖励记录</div>
38 38 </div>
39   - <div v-if="isMore==0" class="is_more">
  39 + <div v-show="list.length>0 && isMore ==0" class="is_more">
40 40 没有更多了
41 41 </div>
42 42 </div>
... ...
src/pages/pointsMall/pointsMall.vue
  View file @1635a67
... ... @@ -17,7 +17,7 @@
17 17 <!-- 头部 -->
18 18 <div class="top">
19 19 <div class="left">
20   - 我的积分: <span>2800</span>
  20 + 我的积分: <span>{{myGrade}}</span>
21 21 </div>
22 22 <div @click="toExchangeRecord" class="right">
23 23 兑换记录
... ... @@ -119,10 +119,11 @@ export default {
119 119 return {
120 120 title: "", // 标题
121 121 backs: null, // 后退按钮组
  122 + myGrade: 0, // 我的积分
122 123 goodsLists: null, // 为你推荐商品
123   - phyicalGoods: null, // 实物商品
124   - virtualGoods: null, // 虚拟商品
125   - redEnvelopeFull: null // 满减红包
  124 + phyicalGoods: { list: null }, // 实物商品
  125 + virtualGoods: { list: null }, // 虚拟商品
  126 + redEnvelopeFull: { list: null } // 满减红包
126 127 }
127 128 },
128 129 //部件
... ... @@ -221,7 +222,7 @@ export default {
221 222 Indicator.open('加载中...');
222 223  
223 224 // 请求接口
224   - this.http("/Api/" + (this.getApiVersion().LuckDraw) + "/integralMallIndex", {
  225 + this.http("/Api/" + (this.getApiVersion().LuckDraw) + "/integralNewIndex", {
225 226 uid: this.getStore("uid"),
226 227 }, this.integralMallIndexCallback, {
227 228 method: "POST"
... ... @@ -246,14 +247,15 @@ export default {
246 247 this.info = datas
247 248 /* 积分商场首页信息 开始 */
248 249 /*用户信息 */
  250 + this.$set(this, "myGrade", datas.grade);
249 251 /*为你推荐 */
250   - this.$set(this, "goodsLists", datas.goods);
  252 + this.$set(this, "goodsLists", datas.hot_goods);
251 253 /*实物商品 */
252   - this.$set(this, "phyicalGoods", datas.goods);
  254 + this.$set(this.phyicalGoods, "list", datas.goods1);
253 255 /*虚拟商品 */
254   - this.$set(this, "virtualGoods", datas.goods);
  256 + this.$set(this.virtualGoods, "list", datas.goods2);
255 257 /*满减红包商品 */
256   - this.$set(this, "redEnvelopeFull", datas.goods);
  258 + this.$set(this.redEnvelopeFull, "list", datas.goods3);
257 259 } else if (res.code == 400) {
258 260  
259 261 // 获取积分商场首页信息失败
... ... @@ -309,253 +311,7 @@ export default {
309 311 this.$set(this.backs, 'title', '优选');
310 312 }
311 313 // 获取商品信息接口
312   - // this.integralMallIndex();
313   - // 临时，为你推荐商品数据
314   - this.$set(this, 'goodsLists', [
315   - {
316   - ads: "广告语",
317   - id: "9519164",
318   - price: "5.01",
319   - prices: "6.00",
320   - shop_type: "1",
321   - simg: "http://wjjseller.cnlive.com/uploads/05ac5ee31c3bb363d95072559d205bd8.png",
322   - title: "L'OCCITANE/欧舒丹 芍药花香润手霜 30ML 30ml",
323   - grade: 1500 // 积分
324   - },
325   - {
326   - ads: "广告语",
327   - id: "9519164",
328   - price: "5.01",
329   - prices: "6.00",
330   - shop_type: "1",
331   - simg: "http://wjjseller.cnlive.com/uploads/05ac5ee31c3bb363d95072559d205bd8.png",
332   - title: "L'OCCITANE/欧舒丹 芍药花香润手霜 30ML 30ml",
333   - grade: 1500 // 积分
334   - },
335   - {
336   - ads: "广告语",
337   - id: "9519164",
338   - price: "5.01",
339   - prices: "6.00",
340   - shop_type: "1",
341   - simg: "http://wjjseller.cnlive.com/uploads/05ac5ee31c3bb363d95072559d205bd8.png",
342   - title: "L'OCCITANE/欧舒丹 芍药花香润手霜 30ML 30ml",
343   - grade: 1500 // 积分
344   - }
345   - ]);
346   - // 临时，实物商品列表
347   - this.$set(this, 'phyicalGoods', {
348   - list: [
349   - {
350   - activity: "0",
351   - activity_desc: "",
352   - addtime: "1604544867",
353   - ads: "23123",
354   - code: "160454486791776561000",
355   - id: "9525539",
356   - price: "0.01",
357   - prices: "0.00",
358   - shop_type: "1",
359   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
360   - stock: "0",
361   - stoptime: "0",
362   - title: "aabbsdf350ml",
363   - grade: 1500, // 积分
364   - time_state: 2,
365   - stock: 0
366   - },
367   - {
368   - activity: "0",
369   - activity_desc: "",
370   - addtime: "1604544867",
371   - ads: "23123",
372   - code: "160454486791776561000",
373   - id: "9525539",
374   - price: "0.01",
375   - prices: "0.00",
376   - shop_type: "1",
377   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
378   - stock: "0",
379   - stoptime: "0",
380   - title: "aabbsdf350ml",
381   - grade: 1500 // 积分
382   - },
383   - {
384   - activity: "0",
385   - activity_desc: "",
386   - addtime: "1604544867",
387   - ads: "23123",
388   - code: "160454486791776561000",
389   - id: "9525539",
390   - price: "0.01",
391   - prices: "0.00",
392   - shop_type: "1",
393   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
394   - stock: "0",
395   - stoptime: "0",
396   - title: "aabbsdf350ml",
397   - grade: 1500 // 积分
398   - },
399   - {
400   - activity: "0",
401   - activity_desc: "",
402   - addtime: "1604544867",
403   - ads: "23123",
404   - code: "160454486791776561000",
405   - id: "9525539",
406   - price: "0.01",
407   - prices: "0.00",
408   - shop_type: "1",
409   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
410   - stock: "0",
411   - stoptime: "0",
412   - title: "aabbsdf350ml",
413   - grade: 1500 // 积分
414   - }
415   - ]
416   - });
417   - // 临时，虚拟商品列表
418   - this.$set(this, 'virtualGoods', {
419   - list: [
420   - {
421   - activity: "0",
422   - activity_desc: "",
423   - addtime: "1604544867",
424   - ads: "23123",
425   - code: "160454486791776561000",
426   - id: "9525539",
427   - price: "0.01",
428   - prices: "0.00",
429   - shop_type: "1",
430   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
431   - stock: "0",
432   - stoptime: "0",
433   - title: "aabbsdf350ml",
434   - grade: 1500, // 积分
435   - time_state: 2,
436   - stock: 0
437   - },
438   - {
439   - activity: "0",
440   - activity_desc: "",
441   - addtime: "1604544867",
442   - ads: "23123",
443   - code: "160454486791776561000",
444   - id: "9525539",
445   - price: "0.01",
446   - prices: "0.00",
447   - shop_type: "1",
448   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
449   - stock: "0",
450   - stoptime: "0",
451   - title: "aabbsdf350ml",
452   - grade: 1500 // 积分
453   - },
454   - {
455   - activity: "0",
456   - activity_desc: "",
457   - addtime: "1604544867",
458   - ads: "23123",
459   - code: "160454486791776561000",
460   - id: "9525539",
461   - price: "0.01",
462   - prices: "0.00",
463   - shop_type: "1",
464   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
465   - stock: "0",
466   - stoptime: "0",
467   - title: "aabbsdf350ml",
468   - grade: 1500 // 积分
469   - },
470   - {
471   - activity: "0",
472   - activity_desc: "",
473   - addtime: "1604544867",
474   - ads: "23123",
475   - code: "160454486791776561000",
476   - id: "9525539",
477   - price: "0.01",
478   - prices: "0.00",
479   - shop_type: "1",
480   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
481   - stock: "0",
482   - stoptime: "0",
483   - title: "aabbsdf350ml",
484   - grade: 1500 // 积分
485   - }
486   - ]
487   - });
488   - // 临时，红包商品列表
489   - this.$set(this, 'redEnvelopeFull', {
490   - list: [
491   - {
492   - activity: "0",
493   - activity_desc: "",
494   - addtime: "1604544867",
495   - ads: "23123",
496   - code: "160454486791776561000",
497   - id: "9525539",
498   - price: "0.01",
499   - prices: "0.00",
500   - shop_type: "1",
501   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
502   - stock: "0",
503   - stoptime: "0",
504   - title: "aabbsdf350ml",
505   - grade: 1500, // 积分
506   - time_state: 2,
507   - stock: 0
508   - },
509   - {
510   - activity: "0",
511   - activity_desc: "",
512   - addtime: "1604544867",
513   - ads: "23123",
514   - code: "160454486791776561000",
515   - id: "9525539",
516   - price: "0.01",
517   - prices: "0.00",
518   - shop_type: "1",
519   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
520   - stock: "0",
521   - stoptime: "0",
522   - title: "aabbsdf350ml",
523   - grade: 1500 // 积分
524   - },
525   - {
526   - activity: "0",
527   - activity_desc: "",
528   - addtime: "1604544867",
529   - ads: "23123",
530   - code: "160454486791776561000",
531   - id: "9525539",
532   - price: "0.01",
533   - prices: "0.00",
534   - shop_type: "1",
535   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
536   - stock: "0",
537   - stoptime: "0",
538   - title: "aabbsdf350ml",
539   - grade: 1500 // 积分
540   - },
541   - {
542   - activity: "0",
543   - activity_desc: "",
544   - addtime: "1604544867",
545   - ads: "23123",
546   - code: "160454486791776561000",
547   - id: "9525539",
548   - price: "0.01",
549   - prices: "0.00",
550   - shop_type: "1",
551   - simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
552   - stock: "0",
553   - stoptime: "0",
554   - title: "aabbsdf350ml",
555   - grade: 1500 // 积分
556   - }
557   - ]
558   - });
  314 + this.integralMallIndex();
559 315 },
560 316 mounted () {
561 317 // 如果是App外，设置唤起App和微信内分享参数
... ...