|
44 | 44 | <view v-if="goodsDetail.basicInfo.characteristic" class="title-sub"> |
45 | 45 | {{ goodsDetail.basicInfo.characteristic }} |
46 | 46 | </view> |
47 | | - <view class="title-sub" v-if="goodsDetail.basicInfo.commissionType == 1">分享有赏,好友下单后可得 |
| 47 | + <view class="commission" v-if="goodsDetail.basicInfo.commissionType == 1">分享有赏,好友下单后可得 |
48 | 48 | {{goodsDetail.basicInfo.commission}} 积分奖励 |
49 | 49 | </view> |
50 | | - <view class="title-sub" v-if="goodsDetail.basicInfo.commissionType == 2">分享有赏,好友下单后可得 |
| 50 | + <view class="commission" v-if="goodsDetail.basicInfo.commissionType == 2">分享有赏,好友下单后可得 |
51 | 51 | {{goodsDetail.basicInfo.commission}}元 现金奖励 |
52 | 52 | </view> |
53 | 53 | </view> |
| 54 | + <u-cell-group v-if="curGoodsKanjia" title="砍价设置"> |
| 55 | + <u-cell title="数量" :value="curGoodsKanjia.number + '份'"></u-cell> |
| 56 | + <u-cell title="已售" :value="curGoodsKanjia.numberBuy + '份'"></u-cell> |
| 57 | + <u-cell title="原价" :value="curGoodsKanjia.originalPrice"></u-cell> |
| 58 | + <u-cell title="底价" :value="curGoodsKanjia.minPrice"></u-cell> |
| 59 | + <u-cell title="截止" :value="curGoodsKanjia.dateEnd"></u-cell> |
| 60 | + </u-cell-group> |
| 61 | + <view v-if="curKanjiaprogress && curKanjiaprogress.kanjiaInfo.uid != uid" class="curKanjiaJoin"> |
| 62 | + 帮<text>{{curKanjiaprogress.joiner.nick}}</text> 砍价吧! |
| 63 | + </view> |
| 64 | + <view v-if="curGoodsKanjia && curKanjiaprogress" class="curKanjiaprogress"> |
| 65 | + <u-line-progress :percentage="100 * (curGoodsKanjia.originalPrice - curKanjiaprogress.kanjiaInfo.curPrice) / (curGoodsKanjia.originalPrice - curGoodsKanjia.minPrice)" activeColor="#ff0000"></u-line-progress> |
| 66 | + </view> |
54 | 67 | <view id="content"> |
55 | 68 | <u-divider text="详细介绍"></u-divider> |
56 | 69 | <view class="content"> |
|
96 | 109 | </view> |
97 | 110 | </view> |
98 | 111 | </scroll-view> |
99 | | - <view class="bottom-btns"> |
| 112 | + <view v-if="curGoodsKanjia && (!curKanjiaprogress || curKanjiaprogress.kanjiaInfo.uid != uid)" |
| 113 | + class="bottom-btns"> |
| 114 | + <view class="btn"> |
| 115 | + <u-button text="我要砍价" shape="circle" color="linear-gradient(90deg, #ff6034, #ee0a24, #ff6034)" |
| 116 | + @click="joinKanjia"></u-button> |
| 117 | + </view> |
| 118 | + </view> |
| 119 | + <view v-else class="bottom-btns"> |
100 | 120 | <!-- #ifdef MP-WEIXIN || MP-BAIDU --> |
101 | 121 | <view class="icon-btn"> |
102 | 122 | <u-icon name="chat" size="48rpx"></u-icon> |
103 | 123 | <text>客服</text> |
104 | | - <button open-type='contact' :send-message-title="goodsDetail.basicInfo.name" :send-message-img="goodsDetail.basicInfo.pic" |
105 | | - :send-message-path="'/pages/goods/detail?id='+goodsDetail.basicInfo.id" show-message-card></button> |
| 124 | + <button open-type='contact' :send-message-title="goodsDetail.basicInfo.name" |
| 125 | + :send-message-img="goodsDetail.basicInfo.pic" |
| 126 | + :send-message-path="'/pages/goods/detail?id='+goodsDetail.basicInfo.id" |
| 127 | + show-message-card></button> |
106 | 128 | </view> |
107 | 129 | <!-- #endif --> |
108 | 130 | <view class="icon-btn" @click="goCart"> |
|
140 | 162 | </u-modal> --> |
141 | 163 | <u-popup :show="showhaibao"> |
142 | 164 | <view class="haibaopop"> |
143 | | - <hch-poster v-if="showhaibao" ref="hchPoster" @cancel="haibaoCancel" :posterData.sync="posterData" @previewImage='haibaoPreview' /> |
| 165 | + <hch-poster v-if="showhaibao" ref="hchPoster" @cancel="haibaoCancel" :posterData.sync="posterData" |
| 166 | + @previewImage='haibaoPreview' /> |
144 | 167 | </view> |
145 | 168 | </u-popup> |
146 | 169 | </view> |
|
178 | 201 | videoMp4Src: undefined, |
179 | 202 | showhaibao: false, |
180 | 203 | // 海报模板数据 |
181 | | - posterData: {} |
| 204 | + posterData: {}, |
| 205 | + curGoodsKanjia: undefined, |
| 206 | + curKanjiaprogress: undefined, |
| 207 | + myHelpDetail: undefined, |
182 | 208 | } |
183 | 209 | }, |
184 | 210 | onLoad(e) { |
|
199 | 225 |
|
200 | 226 | }, |
201 | 227 | onShareAppMessage(e) { |
202 | | - return { |
| 228 | + const d = { |
203 | 229 | title: this.goodsDetail.basicInfo.name, |
204 | | - path: '/pages/goods/details?id=' + this.goodsDetail.basicInfo.id |
| 230 | + path: '/pages/goods/details?id=' + this.goodsDetail.basicInfo.id + '&inviter_id=' + this.uid |
| 231 | + } |
| 232 | + if (this.kjJoinUid) { |
| 233 | + _data.title = this.curKanjiaprogress.joiner.nick + '邀请您帮TA砍价' |
| 234 | + _data.path += '&kjJoinUid=' + this.kjJoinUid |
205 | 235 | } |
| 236 | + return d |
206 | 237 | }, |
207 | 238 | created() { |
208 | 239 |
|
|
226 | 257 | if (res.data.basicInfo.videoId) { |
227 | 258 | this.getVideoSrc(res.data.basicInfo.videoId) |
228 | 259 | } |
| 260 | + if (res.data.basicInfo.kanjia) { |
| 261 | + this.kanjiaSet() |
| 262 | + } |
229 | 263 | } else { |
230 | 264 | // 不是api工厂商品 |
231 | 265 | this.goodsDetail = { |
|
530 | 564 | haibaoCancel() { |
531 | 565 | this.showhaibao = false |
532 | 566 | }, |
| 567 | + async kanjiaSet() { |
| 568 | + const res = await this.$wxapi.kanjiaSet(this.goodsDetail.basicInfo.id) |
| 569 | + if (res.code == 0) { |
| 570 | + this.curGoodsKanjia = res.data[0] |
| 571 | + this.curGoodsKanjia.dateEnd = this.curGoodsKanjia.dateEnd.replace(/00:00:00/g, '') |
| 572 | + this.curGoodsKanjia.dateEnd = this.curGoodsKanjia.dateEnd.replace(/ /g, '') |
| 573 | + this.kanjiaprogress() |
| 574 | + } |
| 575 | + }, |
| 576 | + async kanjiaprogress() { |
| 577 | + let kjJoinUid = this.kjJoinUid |
| 578 | + if (!kjJoinUid) { |
| 579 | + kjJoinUid = this.uid |
| 580 | + } |
| 581 | + const res = await this.$wxapi.kanjiaDetail(this.curGoodsKanjia.id, kjJoinUid) |
| 582 | + if (res.code == 0) { |
| 583 | + this.curKanjiaprogress = res.data |
| 584 | + } |
| 585 | + }, |
| 586 | + async joinKanjia() { |
| 587 | + // 报名参加砍价活动 |
| 588 | + if (!this.curGoodsKanjia) { |
| 589 | + return |
| 590 | + } |
| 591 | + uni.showLoading({ |
| 592 | + title: '加载中' |
| 593 | + }) |
| 594 | + const res = await this.$wxapi.kanjiaJoin(this.token, this.curGoodsKanjia.id) |
| 595 | + uni.hideLoading() |
| 596 | + if (res.code == 0) { |
| 597 | + this.$u.vuex('kjJoinUid', this.uid) |
| 598 | + this.myHelpDetail = null |
| 599 | + this.kanjiaSet() |
| 600 | + } else { |
| 601 | + uni.showToast({ |
| 602 | + title: res.msg, |
| 603 | + icon: 'none' |
| 604 | + }) |
| 605 | + } |
| 606 | + }, |
533 | 607 | } |
534 | 608 | } |
535 | 609 | </script> |
|
608 | 682 | font-size: 26rpx; |
609 | 683 | } |
610 | 684 |
|
| 685 | + .commission { |
| 686 | + padding: 16rpx 32rpx; |
| 687 | + color: #e64340; |
| 688 | + font-size: 24rpx; |
| 689 | + } |
| 690 | +
|
611 | 691 | .amount { |
612 | 692 | text-align: center; |
613 | 693 | font-size: 68rpx; |
|
644 | 724 | font-size: 24rpx; |
645 | 725 | color: #333; |
646 | 726 | margin-right: 32rpx; |
| 727 | +
|
647 | 728 | button { |
648 | 729 | position: absolute; |
649 | 730 | height: 100%; |
|
686 | 767 | flex: 1; |
687 | 768 | } |
688 | 769 | } |
| 770 | +
|
689 | 771 | .haibaopop { |
690 | 772 | width: 100vw; |
691 | 773 | height: 100vh; |
692 | 774 | } |
| 775 | +
|
693 | 776 | .goods-title { |
694 | 777 | padding: 0 32rpx; |
695 | 778 | } |
| 779 | + .curKanjiaJoin { |
| 780 | + padding: 32rpx; |
| 781 | + font-size: 28rpx; |
| 782 | + text { |
| 783 | + color: #e64340; |
| 784 | + font-weight: bold; |
| 785 | + padding: 0 8rpx; |
| 786 | + font-size: 32rpx; |
| 787 | + } |
| 788 | + } |
| 789 | + .curKanjiaprogress { |
| 790 | + padding: 32rpx; |
| 791 | + } |
696 | 792 | </style> |
0 commit comments