拼团系统源码开发,开发拼团商城系统源码案例

拼团是非常火爆的一个项目,拼团也是新零售的一个新征程,拼团的类型有很多比如:社区拼团,商家拼团等等,但是拼团系统技术就难道了很多商家与技术人员,这里钦钦技术栈就为你整理了拼团的系统源码供你下载。

拼团系统源码

<template>
  <div class="my-order" ref="container">
    <div class="header bg-color-red">
      <div class="picTxt acea-row row-between-wrapper">
        <div class="text">
          <div class="name">拼团订单信息</div>
        </div>
        <div class="pictrue"><img src="@assets/images/orderTime.png" /></div>
      </div>
    </div>
    <div class="nav acea-row row-around" style="height:1rem !important;">
      <div
        class="item"
        :class="{ on: type === 0 }"
        @click="$router.replace({ path: '/order/group_order/' })"
      >
        <div>正在拼团</div>
        <div class="num"></div>
      </div>
      <div
        class="item"
        :class="{ on: type === 1 }"
        @click="$router.replace({ path: '/order/group_order/1' })"
      >
        <div>拼团成功</div>
        <div class="num"></div>
      </div>
      <div
        class="item"
        :class="{ on: type === 2 }"
        @click="$router.replace({ path: '/order/group_order/2' })"
      >
        <div>自动拼团</div>
        <div class="num"></div>
      </div>
    </div>
    <div class="list">
      <div class="item" v-for="order in orderList" :key="order.id">
        <div class="title acea-row row-between-wrapper">
          <div>
            {{ order._add_time }}
          </div>
          <div v-show="$route.path.indexOf('/order/group_order/1')!= -1">
            <font v-show="order.is_show == 1" color="green">已中奖</font>
            <font v-show="order.is_show == 0" color="red">未中奖</font>
          </div>
        </div>
        <div >
          <div
            class="item-info acea-row row-between row-top"
            v-for="cart in order.cartInfo"
            :key="cart.id"
          >
            <div class="pictrue">
              <img :src="cart.productInfo.image" />
            </div>
            <div class="text acea-row row-between">
              <div class="name line2">
                {{ cart.productInfo.store_name }}
              </div>
              <div class="money">
                <div>
                  ¥{{
                    cart.productInfo.attrInfo
                      ? cart.productInfo.attrInfo.price
                      : cart.productInfo.price
                  }}
                </div>
                <div>x{{ cart.cart_num }}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="totalPrice">
          共{{ order.cartInfo.length || 0 }}件商品,总金额
          <span class="money font-color-red">¥{{ order.pay_price }}</span>
        </div>
        <div class="bottom acea-row row-right row-middle">
          <div v-if="$route.path.indexOf('/order/group_order/2')!= -1">
            <div class="bnt cancelBnt" @click="cancelAutoSpell(order)" style="width: 2.8rem;">
              取消自动参团
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="noCart" v-if="orderList.length === 0 && page > 1">
      <div class="pictrue"><img src="@assets/images/noOrder.png" /></div>
    </div>
    <Loading :loaded="loaded" :loading="loading"></Loading>
    <Payment
      v-model="pay"
      :types="payType"
      @checked="toPay"
      :balance="userInfo.now_money"
    ></Payment>
    <GeneralWindow
      :generalActive="generalActive"
      @closeGeneralWindow="closeGeneralWindow"
      :generalContent="generalContent"
    ></GeneralWindow>
  </div>
</template>
<script>
import { getOrderData, getGroupOrderList, cancelAutoSpell } from "@api/order";
import {
  takeOrderHandle
} from "@libs/order";
import Loading from "@components/Loading";
import Payment from "@components/Payment";
import { mapGetters } from "vuex";
import { isWeixin } from "@utils";
import GeneralWindow from "@components/GeneralWindow";
import {Toast as toast} from "vue-ydui/dist/lib.rem/dialog";
 
const NAME = "GroupOrder";
 
export default {
  name: NAME,
  data() {
    return {
      offlinePayStatus: 2,
      orderData: {},
      type: parseInt(this.$route.params.type) || 0,
      page: 1,
      limit: 10,
      loaded: false,
      loading: false,
      orderList: [],
      pay: false,
      payType: ["yue", "weixin"],
      from: isWeixin() ? "weixin" : "weixinh5",
      generalActive: false,
      generalContent: {
        promoterNum: "",
        title: ""
      }
    };
  },
  components: {
    Loading,
    Payment,
    GeneralWindow
  },
  computed: mapGetters(["userInfo"]),
  watch: {
    $route(n) {
      if (n.name === NAME) {
        const type = parseInt(this.$route.params.type) || 0;
        if (this.type !== type) {
          this.changeType(type);
        }
        this.getOrderData();
      }
    }
  },
  methods: {
    setOfflinePayStatus: function(status) {
      var that = this;
      that.offlinePayStatus = status;
      if (status === 1) {
        if (that.payType.indexOf("offline") < 0) {
          that.payType.push("offline");
        }
      }
    },
    getOrderData() {
      getOrderData().then(res => {
        this.orderData = res.data;
      });
    },
    takeOrder(order) {
      this.$dialog.loading.open("正在加载中");
      takeOrderHandle(order.order_id)
        .then(res => {
          if (
            (res.data.gain_integral != "0.00" &&
              res.data.gain_coupon != "0.00") ||
            (res.data.gain_integral > 0 && res.data.gain_coupon > 0)
          ) {
            this.$dialog.loading.close();
            this.generalActive = true;
            this.generalContent = {
              promoterNum: `恭喜您获得${res.data.gain_coupon}元优惠券以及${
                res.data.gain_integral
              }太阳豆,购买商品时可抵现哦~`,
              title: "恭喜您获得优惠礼包"
            };
            return;
          } else if (
            res.data.gain_integral != "0.00" ||
            res.data.gain_integral > 0
          ) {
            this.$dialog.loading.close();
            this.generalActive = true;
            this.generalContent = {
              promoterNum: `恭喜您获得${
                res.data.gain_integral
              }太阳豆,购买商品时可抵现哦~`,
              title: "赠送太阳豆"
            };
            return;
          } else if (
            res.data.gain_coupon != "0.00" ||
            res.data.gain_coupon > 0
          ) {
            this.$dialog.loading.close();
            this.generalActive = true;
            this.generalContent = {
              promoterNum: `恭喜您获得${
                res.data.gain_coupon
              }元优惠券,购买商品时可抵现哦~`,
              title: "恭喜您获得优惠券"
            };
            return;
          } else {
            this.$dialog.loading.close();
            this.$dialog.success("收货成功");
          }
          this.getOrderData();
          this.orderList = [];
          this.page = 1;
          this.loaded = false;
          this.loading = false;
          this.getOrderList();
        })
        .catch(err => {
          this.$dialog.loading.close();
          this.$dialog.error(err.msg);
        });
    },
    closeGeneralWindow(msg) {
      this.generalActive = msg;
      this.reload();
      this.getOrderData();
    },
    reload() {
      this.changeType(this.type);
    },
    changeType(type) {
      this.type = type;
      this.orderList = [];
      this.page = 1;
      this.loaded = false;
      this.loading = false;
      this.getOrderList();
    },
    getOrderList() {
      if (this.loading || this.loaded) return;
      this.loading = true;
      const { page, limit, type } = this;
      getGroupOrderList({
        page,
        limit,
        type
      }).then(res => {
        this.orderList = this.orderList.concat(res.data);
        this.page++;
        this.loaded = res.data.length < this.limit;
        this.loading = false;
      });
    },
    cancelAutoSpell(item){
      this.$dialog.confirm({
        mes: '确定取消自动参团吗?',
        opts: [
          {
            txt: "确认",
            color: false,
            callback: () => {
              cancelAutoSpell({id:item.spell_id}).then(res => {
                this.$dialog.toast({ mes: '取消成功' });
                this.$router.go(0);
              }).catch(err => {
                this.$dialog.error(err.msg ? err.msg : '取消失败');
              });
            }
          },
          {
            txt: "取消",
            color: false,
            callback: () => {
            }
          }
        ]
      });
 
    },
  },
  mounted() {
    this.getOrderData();
    this.getOrderList();
    this.$scroll(this.$refs.container, () => {
      !this.loading && this.getOrderList();
    });
  }
};
</script>
 
<style scoped>
  .font-color-green{
    color:green;
  }
  .font-color-blue{
    color:blue;
  }
.my-order .list{
  margin: 0.14rem auto 1.1rem auto;
}
.noCart {
  margin-top: 0.17rem;
  padding-top: 0.1rem;
}
 
.noCart .pictrue {
  width: 4rem;
  height: 3rem;
  margin: 0.7rem auto 0.5rem auto;
}
 
.noCart .pictrue img {
  width: 100%;
  height: 100%;
}
</style>

拼团平台开发,拼团系统现成源码,拼团模式制度介绍,7人拼团,百人拼团,千人拼团。

拼团系统源码开发
拼团系统源码开发

新零售还是和互联网物种有一定区别的,在互联网时代,我们只需要把新的概念附之以互联网技术进行落地即可,并不需要去培育新的技术,正是因为如此,我们才会在互联网时代看到了如此多的平台和概念的出现。当我们进入到新零售时代之后,单纯地依靠互联网技术已经无法奏效,我们需要借助新的技术才能真正达成让新零售落地的效果。这是新零售提出了那么多年之所以很少有起色的根本原因所在。我们看新零售出现的这些年虽然有很多的玩家,但是真正把新零售落地的,其实主要是头部的玩家。为什么?因为这些头部的玩家拥有先进的技术积累并且他们可以把技术应用到新零售的实践过程当中。

一、什么是拼团系统开发(千人团系统)模式?

微信拼团是团购+社交分享模式的演变,兼具超强吸粉与促销功能。商联达全民拼团系统帮助商家快速搭建自己的微信拼团平台,自己收钱、自己累积粉丝、自己管理分销渠道。用户可通过商家的拼团商城,随时发起拼团活动并分享给好友,以老客带新客实现销售几何增长。

二、拼团系统开发(千人团系统)的优势:

拼团商城可以激发消费者低价啊消费的积极性,让消费者自发传播,它是一种快速的裂变营销。可以在很短时间内,积累庞大精准的客户,而这些客户都基于同一个圈子只有活动好玩有趣,参与的人才会多,活动的气氛才能营造起来。

商城会员购买拼团商品需要邀请多个好友购买该商品,即可享受超低价格优惠,以实现帮助商城快速销货、提升交易额的目的,拼团有普通拼团样式,商城和小程序都支持。拼团支持实体商品、多规格商品2种商品类型,暂不支持记次时核销商品。拼团商品可自动获取商城的商品数据。

拼团支持线下核销,获取商城商品,单独设置开启核销,核销关键词单独设置

拼团支持团长优惠,需要在基础设置团长优惠和拼团商品营销里面同时开启团长优惠

设置开团人数,开团会员作为团长或被邀请的买家,只要达到开团的人数代表着组团成功,等待商家发货即可,如果达不到且到了组团限时的时间,则代表着组团失败,支付的订单金额会按照支付的方式返还给买家“是否单购”选择“是”则支持单独购买,同时设置单购的价格,如果选择“否”则不支持单独购买,必须达到成团后的人员后才能购买。

能够时间了解用户对于运营活动的反馈,能够及时对运营活动做出调整,成为越来越多的运营人员的真实需求。及时、有效、直接地去接受到用户对于运营活动的反馈,并且可以在时间做出调整,成为决定运营成效的关键所在。

如果我们还是依然用互联网时代的思维和逻辑来进行新零售的实践的话,那么,我们在落地新零售的时候必然会遭遇困境。因为真正决定新零售发展的早已不是简单的概念,而是新的技术以及新技术对传统行业深度改造的能力。可能有人会说,资本其实依然在新零售的发展过程当中扮演着相当重要的作用,但是,我们需要知道的是经历了互联网时代的洗礼之后,资本的投资逻辑其实已经发生了很大变化,投资机构早已不再关注概念,而是更多地开始关注长期性和颠覆性。

版权声明:本文(即:原文链接:https://www.qin1qin.com/catagory/490/)内容由互联网用户自发投稿贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 630367839@qq.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022-06-26 7:32:57
下一篇 2022-06-26 8:11:47

软件定制开发公司

相关阅读

发表回复

登录后才能评论
通知:禁止投稿所有关于虚拟货币,币圈类相关文章,发现立即永久封锁账户ID!