add:增加商品已售卖数量

src/pages/Activity/ActivityDetail/index.vue

@@ -42,8 +42,12 @@
         <el-card class="activityGoods box-card">
           <div class="my-header">
             <h3>{{ marketingInfo.marketing_name }}</h3>
-             <!-- 查看参与字段待确认 -->
-            <p><span>{{detailInfo.lookUserCount}}人查看</span>｜<span>{{detailInfo.haveBuyGoodsUserCount}}人参与</span></p>
+            <!-- 查看参与字段待确认 -->
+            <p>
+              <span>{{ detailInfo.lookUserCount }}人查看</span>｜<span
+                >{{ detailInfo.haveBuyGoodsUserCount }}人参与</span
+              >
+            </p>
             <p class="endTime">{{ showTimer }}</p>
           </div>
           <p class="title">拼单商品</p>
@@ -96,6 +100,9 @@
                 <span class="originPrice">{{
                   `¥${goodsItem.original_price} `
                 }}</span>
+                <span class="sold"
+                  >已售{{ goodsItem.all_have_buy_goods_count }}</span
+                >
               </p>
             </div>
           </div>
@@ -128,7 +135,7 @@ export default {
       marketingInfo: {},
       endTime: "",
       showTimer: "",
-      detailInfo: {}
+      detailInfo: {},
     };
   },
   watch: {},
@@ -140,11 +147,11 @@ export default {
         let dataArr = await Promise.all([
           ActivityService.checkActivityDetail({
             marketing_id: this.$route.query.marketing_id,
-            marketing_type: this.$route.query.marketing_type
+            marketing_type: this.$route.query.marketing_type,
           }),
           ActivityService.checkActivityDetailInfo({
-            marketing_id: this.$route.query.marketing_id
-          })
+            marketing_id: this.$route.query.marketing_id,
+          }),
         ]);
         this.pageLoading = false;
         this.goodsList = dataArr[0].result.goods_list;
@@ -196,7 +203,7 @@ export default {
 
     closePage() {
       this.$router.go(-1);
-    }
+    },
   },
   async created() {
     await this.checkActivityDetail();
@@ -204,7 +211,7 @@ export default {
   },
   beforeUnmount() {
     clearInterval(this.timer);
-  }
+  },
 };
 </script>
 <style lang="less" scoped>
@@ -279,7 +286,9 @@ export default {
           display: flex;
           margin: 15px 0;
           .itemIntroduce {
+            position: relative;
             display: flex;
+            width: 100%;
             flex-direction: column;
             justify-content: space-around;
             margin-left: 10px;
@@ -296,6 +305,12 @@ export default {
               }
             }
           }
+          .sold {
+            position:absolute;
+            right: 20px;;
+            color:#d44549;
+            font-weight: 500;
+          }
         }
       }
     }