Commit 1635a675dc2eb9ccbee242c1919eef340f1d4b37

Authored by zhiyangdu
1 parent 1d4bed77

首页数据绑定

src/components/goodsItem_2/goodsItem_2.vue
@@ -8,9 +8,9 @@ @@ -8,9 +8,9 @@
8 </div> 8 </div>
9 <div class="content-box"> 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 <!--因积分商城不价格所有加上 !item.grade判断 --> 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 <div class="symbol">¥&nbsp;</div> 14 <div class="symbol">¥&nbsp;</div>
15 <div class="price">{{item.price}}</div> 15 <div class="price">{{item.price}}</div>
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> 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
@@ -4,7 +4,7 @@ @@ -4,7 +4,7 @@
4 <div class="img-box"> 4 <div class="img-box">
5 <img v-lazy="item.simg + SIGN.MIDDLE" class="img" /> 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 </div> 9 </div>
10 </div> 10 </div>
@@ -13,8 +13,12 @@ @@ -13,8 +13,12 @@
13 <!-- <div class="coupon-box"> 13 <!-- <div class="coupon-box">
14 满180减10 14 满180减10
15 </div> --> 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 <div class="left"> 22 <div class="left">
19 <div class="y">¥&nbsp;</div> 23 <div class="y">¥&nbsp;</div>
20 <div class="integer">{{getInteger(item.price)}}.</div> 24 <div class="integer">{{getInteger(item.price)}}.</div>
@@ -24,10 +28,6 @@ @@ -24,10 +28,6 @@
24 <img src="static/img/icon_add.png" class="icon-add" mode="widthFix" @click.stop.prevent="primary(item)" /> 28 <img src="static/img/icon_add.png" class="icon-add" mode="widthFix" @click.stop.prevent="primary(item)" />
25 </div> 29 </div>
26 </div> 30 </div>
27 - <!-- 积分 -->  
28 - <div v-show="item.grade" class="grade-box">  
29 - {{item.grade}}<span>积分</span>  
30 - </div>  
31 </div> 31 </div>
32 </div> 32 </div>
33 </div> 33 </div>
src/pages/goodDetails/goodDetails.vue
@@ -187,7 +187,7 @@ export default { @@ -187,7 +187,7 @@ export default {
187 Indicator.open("加载中..."); 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 uid: this.getStore("uid"), 191 uid: this.getStore("uid"),
192 id: this.$route.query.goodsId // 商品ID 192 id: this.$route.query.goodsId // 商品ID
193 }, this.getGoodsInfoCallback, { 193 }, this.getGoodsInfoCallback, {
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
@@ -32,11 +32,11 @@ @@ -32,11 +32,11 @@
32 </div> 32 </div>
33 </div> 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 <img src="static/img/no_gift_tip.png" alt=""/> 36 <img src="static/img/no_gift_tip.png" alt=""/>
37 <div class="text">暂无奖励记录</div> 37 <div class="text">暂无奖励记录</div>
38 </div> 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 </div> 41 </div>
42 </div> 42 </div>
src/pages/pointsMall/pointsMall.vue
@@ -17,7 +17,7 @@ @@ -17,7 +17,7 @@
17 <!-- 头部 --> 17 <!-- 头部 -->
18 <div class="top"> 18 <div class="top">
19 <div class="left"> 19 <div class="left">
20 - 我的积分: <span>2800</span> 20 + 我的积分: <span>{{myGrade}}</span>
21 </div> 21 </div>
22 <div @click="toExchangeRecord" class="right"> 22 <div @click="toExchangeRecord" class="right">
23 兑换记录 23 兑换记录
@@ -119,10 +119,11 @@ export default { @@ -119,10 +119,11 @@ export default {
119 return { 119 return {
120 title: "", // 标题 120 title: "", // 标题
121 backs: null, // 后退按钮组 121 backs: null, // 后退按钮组
  122 + myGrade: 0, // 我的积分
122 goodsLists: null, // 为你推荐商品 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,7 +222,7 @@ export default {
221 Indicator.open('加载中...'); 222 Indicator.open('加载中...');
222 223
223 // 请求接口 224 // 请求接口
224 - this.http("/Api/" + (this.getApiVersion().LuckDraw) + "/integralMallIndex", { 225 + this.http("/Api/" + (this.getApiVersion().LuckDraw) + "/integralNewIndex", {
225 uid: this.getStore("uid"), 226 uid: this.getStore("uid"),
226 }, this.integralMallIndexCallback, { 227 }, this.integralMallIndexCallback, {
227 method: "POST" 228 method: "POST"
@@ -246,14 +247,15 @@ export default { @@ -246,14 +247,15 @@ export default {
246 this.info = datas 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 } else if (res.code == 400) { 259 } else if (res.code == 400) {
258 260
259 // 获取积分商场首页信息失败 261 // 获取积分商场首页信息失败
@@ -309,253 +311,7 @@ export default { @@ -309,253 +311,7 @@ export default {
309 this.$set(this.backs, 'title', '优选'); 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 mounted () { 316 mounted () {
561 // 如果是App外,设置唤起App和微信内分享参数 317 // 如果是App外,设置唤起App和微信内分享参数