绿色篮子--绿色篮子APP--绿色篮子拼团系统开发源码分享

 绿色篮子拼团系统部分核心代码分享

<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>