commit message

pages/promotion/joinGroup.vue

@@ -0,0 +1,155 @@
+<template>
+  <view class="wrapper">
+
+    <u-navbar :border-bottom="false" :background="background" class="unavbar" :title="title">
+      <!-- 中间 -->
+      <view class="slot-wrap container-wrap">
+
+        <view v-if="search">
+          <u-search @search="searchFun()" @custom="searchFun()" v-model="params.goodsName"></u-search>
+        </view>
+
+      </view>
+      <!-- 右侧 -->
+      <view slot="right">
+        <view style="margin-right: 24rpx;" @click="searchFlag()">
+          <view v-if="search">取消</view>
+          <u-icon v-if="!search" size="44rpx" name="search"></u-icon>
+        </view>
+      </view>
+    </u-navbar>
+    <!-- 顶部栏 -->
+
+    <!-- 商品栏 -->
+    <div class="swiper">
+
+ 
+        <view class="view-item" v-for="(groupItem, groupIndex) in groupBuy" :key="groupIndex">
+          <view class="view-left">
+            <u-image border-radius="10" shape="square" :src="groupItem.goodsImage" width="186rpx" height="186rpx">
+
+              <view slot="error" style="font-size: 24rpx;">加载失败</view>
+            </u-image>
+          </view>
+          <view class="view-content">
+            <view class="view-content-name">
+              {{ groupItem.goodsName }}
+            </view>
+            <view class="view-content-bottom">
+              <view>
+                <view class="view-content-price">
+                  <!-- ￥{{groupItem.sales_price | unitPrice }} <span v-if="groupItem.point">+{{groupItem.point}}积分</span> -->
+                  ￥{{groupItem.price | unitPrice }}
+                </view>
+                <view class="view-content-original_price">
+                  ￥{{ groupItem.originPrice | unitPrice }}
+                </view>
+              </view>
+
+              <view>
+                <view class="btn-group" @click="toHref(groupItem)"> 去拼团 </view>
+                <view class="buy-content">已售{{groupItem.num || 0}}件</view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <u-loadmore bg-color='#f8f8f8' :status="status" />
+  
+
+    </div>
+
+  </view>
+</template>
+
+<script>
+import * as API_Promotions from "@/api/promotions";
+import * as API_Goods from "@/api/goods";
+export default {
+  components: {},
+  data() {
+    return {
+      status: "loadmore",
+      is_empty: false,
+      search: false,
+      title: "拼团活动",
+      background: {
+        backgroundColor: "#fff",
+      },
+      empty: false,
+      params: {
+        pageNumber: 1,
+        pageSize: 10,
+        categoryPath: "",
+        goodsName: "",
+      },
+      groupBuy: [],
+    };
+  },
+  mounted() {},
+  watch: {
+    search(val) {
+      val ? (this.title = "") : (this.title = "拼团活动");
+    },
+  },
+  onReachBottom(){
+    this.loadMore()
+  },
+  // 点击搜索按钮
+  onNavigationBarButtonTap(e) {
+    this.popupFlag = !this.popupFlag;
+  },
+  async onLoad() {
+    this.GET_AssembleGoods();
+  },
+
+  methods: {
+    loadMore() {
+      this.params.pageNumber++;
+      this.GET_AssembleGoods();
+    },
+    searchFlag() {
+      this.search = !this.search;
+    },
+
+    toHref(goods) {
+      uni.navigateTo({
+        url: `/pages/product/goods?id=${goods.skuId}&goodsId=${goods.goodsId}`,
+      });
+    },
+    searchFun() {
+      this.groupBuy = [];
+      this.GET_AssembleGoods();
+    },
+    // 请求拼团数据
+    GET_AssembleGoods() {
+      this.status = "loading";
+      const params = JSON.parse(JSON.stringify(this.params));
+      if (params.category_id === 0) delete params.category_id;
+
+      API_Promotions.getAssembleList(params)
+        .then((response) => {
+          const data = response.data.result.records;
+
+          if (!data || !data.length) {
+            this.is_empty = true;
+            this.status = "nomore";
+          } else {
+            if (data.length <= this.params.pageSize) {
+              this.status = "nomore";
+            } else {
+              this.status = "loadmore";
+            }
+            this.is_empty = false;
+            this.groupBuy.push(...(data || []));
+          }
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./style.scss";
+
+</style>