添加买家端注释

buyer/src/components/goodsDetail/Promotion.vue

@@ -19,7 +19,7 @@ export default {
     time: { // 传入的初始时间
       default: 1718977559428
     },
-    type: {
+    type: { // 区分是在详情还是购物车调用
       default: 'goodsDetail', // 设置两个值，goodsDetail和cart，样式不同
       type: String
     }
@@ -37,7 +37,7 @@ export default {
     this.init()
   },
   methods: {
-    countDown (val) {
+    countDown (val) { // 倒计时方法
       function addZero (i) {
         return i < 10 ? '0' + i : i + '';
       }
@@ -58,8 +58,8 @@ export default {
         clearInterval(this.interval)
       }
     },
-    init () {
-      this.interval = setInterval((item) => {
+    init () { // 初始化
+      this.interval = setInterval(() => {
         this.countDown(this.time);
       }, 1000);
     }

buyer/src/components/goodsDetail/ShowGoods.vue

@@ -119,10 +119,14 @@
               <span class="inventory"> {{skuDetail.weight}}kg</span>
             </div>
           </div>
-          <div class="add-buy-car">
+          <div class="add-buy-car" v-if="$route.query.way === 'POINT'">
+            <Button type="error" :loading="loading" :disabled="skuDetail.quantity === 0" @click="pointPay">积分购买</Button>
+          </div>
+          <div class="add-buy-car" v-else>
             <Button type="error" :loading="loading" :disabled="skuDetail.quantity === 0" @click="addShoppingCartBtn">加入购物车</Button>
             <Button type="warning" :loading="loading1" :disabled="skuDetail.quantity === 0" @click="buyNow">立即购买</Button>
           </div>
+          
         </div>
       </div>
     </div>
@@ -220,6 +224,22 @@ export default {
         }
       });
     },
+    pointPay () { // 积分购买
+      const params = {
+        num: this.count,
+        skuId: this.skuDetail.id,
+        cartType: 'BUY_NOW'
+      };
+      this.loading1 = true;
+      addCartGoods(params).then(res => {
+        this.loading1 = false;
+        if (res.success) {
+          this.$router.push({path: '/pay', query: {way: 'POINT'}});
+        } else {
+          this.$Message.warning(res.message);
+        }
+      });
+    },
     async collect () { // 收藏商品
       if (this.isCollected) {
         let cancel = await cancelCollect('GOODS', this.skuDetail.id)
@@ -311,6 +331,7 @@ export default {
     }
   },
   mounted () {
+    // 用户登录才会判断是否收藏
     if (this.Cookies.getItem('userInfo')) {
       isCollection('GOODS', this.skuDetail.id).then(res => {
         if (res.success && res.result) {

buyer/src/components/goodsDetail/ShowGoodsDetail.vue

@@ -38,10 +38,10 @@
                   </div>
                 </div>
                 <div class="remarks-bar">
-                  <span @click="searchByGrade('')" :class="{selectedBar: commentParams.grade === ''}">全部({{commentTypeNum.all}})</span>
-                  <span @click="searchByGrade('GOOD')" :class="{selectedBar: commentParams.grade === 'GOOD'}">好评({{commentTypeNum.good}})</span>
-                  <span @click="searchByGrade('MODERATE')" :class="{selectedBar: commentParams.grade === 'MODERATE'}">中评({{commentTypeNum.moderate}})</span>
-                  <span @click="searchByGrade('WORSE')" :class="{selectedBar: commentParams.grade === 'WORSE'}">差评({{commentTypeNum.worse}})</span>
+                  <span @click="viewByGrade('')" :class="{selectedBar: commentParams.grade === ''}">全部({{commentTypeNum.all}})</span>
+                  <span @click="viewByGrade('GOOD')" :class="{selectedBar: commentParams.grade === 'GOOD'}">好评({{commentTypeNum.good}})</span>
+                  <span @click="viewByGrade('MODERATE')" :class="{selectedBar: commentParams.grade === 'MODERATE'}">中评({{commentTypeNum.moderate}})</span>
+                  <span @click="viewByGrade('WORSE')" :class="{selectedBar: commentParams.grade === 'WORSE'}">差评({{commentTypeNum.worse}})</span>
                 </div>
                 <div style="text-align: center;margin-top: 20px;" v-if="commentList.length === 0">
                   暂无评价数据
@@ -86,9 +86,6 @@
                 </div>
               </div>
             </TabPane>
-            <!-- <TabPane label="商品问答">
-              <ShowGoodsQuestion/>
-            </TabPane> -->
           </Tabs>
         </div>
       </div>
@@ -97,7 +94,6 @@
 </template>
 
 <script>
-import ShowGoodsQuestion from '@/components/goodsDetail/ShowGoodsQuestion';
 import { goodsComment, goodsCommentNum } from '@/api/member.js';
 export default {
   name: 'ShowGoodsDetail',
@@ -122,21 +118,21 @@ export default {
     };
   },
   computed: {
-    skuDetail () {
+    skuDetail () { // skuId
       return this.detail.data;
     }
   },
   methods: {
-    changeHeight (name) {
+    changeHeight (name) {  // 设置商品详情高度
       let heightCss = window.getComputedStyle(this.$refs[name]).height;
       heightCss = parseInt(heightCss.substr(0, heightCss.length - 2)) + 89;
       this.$refs.itemIntroDetail.style.height = heightCss + 'px';
     },
-    changePageNum (val) {
+    changePageNum (val) { // 修改评论页码
       this.commentParams.pageNumber = val;
       this.getList();
     },
-    changePageSize (val) {
+    changePageSize (val) { // 修改评论页数
       this.commentParams.pageNumber = 1;
       this.commentParams.pageSize = val;
       this.getList();
@@ -155,12 +151,12 @@ export default {
         }
       });
     },
-    searchByGrade (grade) {
+    viewByGrade (grade) { // 好中差评切换
       this.$set(this.commentParams, 'grade', grade);
       this.commentParams.pageNumber = 1;
       this.getList();
     },
-    tabClick (name) {
+    tabClick (name) { // 商品详情和评价之间的tab切换
       if (name === 0) {
         this.$nextTick(() => {
           this.changeHeight('itemIntroGoods')
@@ -198,7 +194,7 @@ export default {
         }
       }
     },
-    handleScroll () {
+    handleScroll () { // 监听页面滚动
       if (this.onceFlag) {
         this.$nextTick(() => {
           this.changeHeight('itemIntroGoods')
@@ -208,15 +204,12 @@ export default {
     }
   },
   mounted () {
-    this.$nextTick(() => {
+    this.$nextTick(() => { // 手动设置详情高度，解决无法撑开问题
       setTimeout(this.changeHeight('itemIntroGoods'), 2000);
     });
     window.addEventListener('scroll', this.handleScroll)
     this.getList();
   },
-  components: {
-    ShowGoodsQuestion
-  }
 };
 </script>
 
@@ -283,14 +276,12 @@ export default {
 }
 .item-intro-detail{
   margin: 0  30px;
-  // min-height: 1500px;
   width: 100%;
 }
 .item-intro-nav{
   width: 100%;
   height: 38px;
   background-color: #F7F7F7;
-  // border-bottom: 1px solid $theme_color;
 }
 .item-intro-nav ul{
   margin: 0px;
@@ -329,8 +320,6 @@ export default {
   width: 240px;
   height: 36px;
   font-size: 14px;
-  /* text-align: center; */
-  /* background-color: #ccc; */
 }
 .item-param-title {
   color: #232323;

buyer/src/components/goodsDetail/ShowGoodsQuestion.vue

@@ -1,53 +0,0 @@
-<template>
-  <div class="wrapper">
-    <div v-if="true" class="question-list">
-      <div class="-item" v-for="index in 6" :key="index">
-        <!-- 提问 -->
-        <div class="-item-put -item-div">
-          <div class="-item-div-l blod">
-            <Tag color="warning">问</Tag>
-            有屏幕调节亮度吗
-          </div>
-          <div class="-item-div-r">2020年10月21日17:03:35</div>
-        </div>
-        <!-- 解答 -->
-        <div class="-item-reply -item-div">
-          <div class="-item-div-l">
-            <Tag color="success">答</Tag>
-            能调节，点屏幕上方有一条调整带，可正负2调整。
-          </div>
-          <div class="-item-div-r">2020年10月21日17:03:35</div>
-        </div>
-      </div>
-    </div>
-    <div v-else class="question-empty">
-      <empty></empty>
-    </div>
-  </div>
-</template>
-<script>
-export default {};
-</script>
-<style scoped lang="scss">
-.-item-div {
-  padding: 10px 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: 10px 0;
-}
-.-item-div-l {
-  display: flex;
-  @include content_color($light_content_color);
-}
-.-item-div-r {
-  @include sub_color($light_content_color);
-}
-.blod {
-  font-weight: bold;
-}
-.-item {
-  margin: 10px 0;
-  border-bottom: 1px solid $border_color;
-}
-</style>

buyer/src/components/goodsDetail/ShowProductWarranty.vue

@@ -1,85 +0,0 @@
-<template>
-  <div>
-    <div class="remarks-title">
-      <span>售后保障</span>
-    </div>
-    <div class="item-protect-container">
-      <div class="item-protect-box">
-        <p class="item-protect-title-box">
-          <Avatar style="background-color: #e4393c" icon="ribbon-a" />
-          <span class="item-protect-title">卖家服务</span>
-        </p>
-        <p class="item-protect-detail">
-          高品质敢承诺：7天无理由退货，30天免费换新，质量问题商家承担来回运费换新；如需发票，请在确认收货无误后联系商家开出。（注*发票不随货品一同发出）
-        </p>
-      </div>
-      <div class="item-protect-box">
-        <p class="item-protect-title-box">
-          <Avatar style="background-color: #e4393c" icon="cash" />
-          <span class="item-protect-title">平台承诺</span>
-        </p>
-        <p class="item-protect-detail">
-          平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！<br> 注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
-        </p>
-      </div>
-      <div class="item-protect-box">
-        <p class="item-protect-title-box">
-          <Avatar style="background-color: #e4393c" icon="locked" />
-          <span class="item-protect-title">正品行货</span>
-        </p>
-        <p class="item-protect-detail">
-          BIT商城向您保证所售商品均为正品行货，BIT自营商品开具机打发票或电子发票。
-        </p>
-      </div>
-      <div class="item-protect-box">
-        <p class="item-protect-title-box">
-          <Avatar style="background-color: #e4393c" icon="settings" />
-          <span class="item-protect-title">全国联保</span>
-        </p>
-        <p class="item-protect-detail">
-          凭质保证书及BIT商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由BIT联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。BIT商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！<br><br> 注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ShowProductWarranty'
-};
-</script>
-
-<style scoped lang="scss">
-.remarks-title {
-  padding-left: 15px;
-  height: 36px;
-  font-size: 16px;
-  font-weight: bolder;
-  line-height: 36px;
-  color: #666666;
-  background-color: #F7F7F7;
-}
-.item-protect-container {
-  padding: 15px;
-}
-.item-protect-box {
-  margin-bottom: 30px;
-}
-.item-protect-title-box {
-  display: flex;
-  align-items: center;
-}
-.item-protect-title {
-  padding-left: 15px;
-  font-size: 20px;
-  font-weight: bolder;
-  color: $theme_color;
-}
-.item-protect-detail {
-  padding-top: 5px;
-  padding-left: 46px;
-  font-size: 14px;
-  color: #999;
-}
-</style>