【拼团商品详情】

1. 接入 SKU 选择

pages/activity/goods_combination_details/index.vue

@@ -34,69 +34,70 @@
 							</view>
 							<view class='introduce line2'>{{ spu.name }}</view>
 							<view class='label acea-row row-between-wrapper'>
-                <!-- TODO 芋艿：类型 -->
+								<view class='stock'>类型：{{ activity.userSize || 0}}人团</view>
-								<view class='stock'>类型：{{ storeInfo.people || 0}}人团</view>
                 <view class='stock'>累计销售：{{ spu.salesCount}} {{ spu.unitName }}</view>
 								<view />
 							</view>
 						</view>
-            <!-- SKU 选择 TODO -->
+            <!-- SKU 选择 -->
-            <view class='attribute acea-row row-between-wrapper mb30 borRadius14' @tap='selecAttr'
+            <view class='attribute acea-row row-between-wrapper mb30 borRadius14' @tap='openAttr'>
-							v-if='attribute.productAttr.length'>
+              <view class="line1">{{ attrValue.length > 0 ? "已选择" : "请选择" }}：
-							<view class="line1">{{ attr }}：<text class='atterTxt'>{{attrValue}}</text></view>
+                <text class='atterTxt'>{{attrValue}}</text>
+              </view>
               <view class='iconfont icon-jiantou'></view>
 						</view>
-            <!-- 拼成列表 TODO -->
+            <!-- 拼成列表 -->
-						<view class='notice acea-row row-middle mb30 borRadius14' v-if="parseFloat(pinkOkSum) >0">
+						<view class='notice acea-row row-middle mb30 borRadius14' v-if="activity.successCount > 0">
 							<view class='num font-color'>
 								<text class='iconfont icon-laba'></text>
-								已拼{{pinkOkSum}}件<text class='line'>|</text>
+								已拼{{ activity.successCount }} {{ spu.unitName }}
+                <text class='line'>|</text>
 							</view>
 							<view class='swiper'>
-								<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" interval="2500"
+								<swiper :indicator-dots="false" :autoplay="autoplay" interval="2500"
 									duration="500" vertical="true" circular="true">
-									<block v-for="(item,index) in itemNew" :key='index'>
+									<block v-for="(item, index) in successRecords" :key='index'>
 										<swiper-item>
-											<view class='line1'>{{item.nickname}}拼团成功</view>
+											<view class='line1'>{{ item.nickname }}拼团成功</view>
 										</swiper-item>
 									</block>
 								</swiper>
 							</view>
 						</view>
-            <!-- 待拼列表 TODO -->
+            <!-- 待拼列表 -->
-            <view v-if='attribute.productSelect.quota > 0' class='assemble mb30 borRadius14'>
+            <view v-if='attr.productSelect.quota > 0' class='assemble mb30 borRadius14'>
-							<view class='item acea-row row-between-wrapper' v-for='(item,index) in pink' :key='index'
+							<view class='item acea-row row-between-wrapper' v-for='(item,index) in runningRecords'
-								v-if="index < AllIndex">
+                    :key='index' v-if="index < AllIndex">
 								<view class='pictxt acea-row row-between-wrapper'>
 									<view class='pictrue'>
 										<image :src='item.avatar'></image>
 									</view>
-									<view class='text line1'>{{item.nickname}}</view>
+									<view class='text line1'>{{ item.nickname }}</view>
 								</view>
 								<view class='right acea-row row-middle'>
 									<view>
-										<view class='lack'>还差<text class='font-color'>{{item.count}}</text>人成团</view>
+										<view class='lack'>
+                      还差<text class='font-color'>{{ item.userSize - item.userCount }}</text>人成团
+                    </view>
 										<view class='time acea-row'>
-											<count-down :is-day="false" :tip-text="'剩余 '" :day-text="' '" :hour-text="':'"
+											<count-down :is-day="false" :tip-text="'剩余 '" :day-text="' '" :hour-text="':'" :minute-text="':'"
-												:minute-text="':'" :second-text="' '" :datatime="item.stopTime/1000" :bgColor="bgColor">
+                                  :second-text="' '" :datatime="item.expireTime / 1000" :bgColor="bgColor" />
-											</count-down>
 										</view>
 									</view>
-									<navigator hover-class='none'
+									<navigator hover-class='none' :url="'/pages/activity/goods_combination_status/index?id='+item.id"
-										:url="'/pages/activity/goods_combination_status/index?id='+item.id"
                              class='spellBnt'>
-										去拼单
+                    去拼单 <text class='iconfont icon-jiantou'></text>
-										<text class='iconfont icon-jiantou'></text>
 									</navigator>
 								</view>
 							</view>
-              <!-- TODO 芋艿：？？？看不懂 -->
+							<template v-if="runningRecords.length">
-							<template v-if="pink.length">
+								<view class='more' @tap='showAll' v-if="runningRecords.length > AllIndex">
-								<view class='more' @tap='showAll' v-if="pink.length > AllIndex">查看更多<text
+                  查看更多 <text class='iconfont icon-xiangxia' />
-										class='iconfont icon-xiangxia'></text></view>
+                </view>
 								<view class='more' @tap='hideAll'
-									v-else-if="pink.length === AllIndex && pink.length !== AllIndexDefault">收起<text
+									v-else-if="runningRecords.length === AllIndex && runningRecords.length !== AllIndexDefault">
-										class='iconfont icon-xiangshang'></text></view>
+                  收起 <text class='iconfont icon-xiangshang' />
+                </view>
 							</template>
 						</view>
 						<view class='playWay mb30 borRadius14'>
@@ -168,26 +169,41 @@
 					<view class='iconfont icon-shoucang' v-else></view>
 					<view>收藏</view>
 				</view>
-        <!-- 购买操作 TODO -->
+        <!-- 购买操作 -->
-        <view class="bnt acea-row">
+        <view class="bnt acea-row" v-if="status === 0">
-					<view class="joinCart bnts" @tap="goProduct">单独购买</view>
+          <view class="buy bnts bg-color-hui">已关闭</view>
-					<view class="buy bnts" @tap="goCat"
-						v-if='attribute.productSelect.quota>0'>
-						立即开团
         </view>
-					<view class="buy bnts bg-color-hui" v-if="!dataShow">
+        <view class="bnt acea-row" v-else-if="status === 1">
-						立即开团
+          <view class="joinCart bnts" @tap="openAlone">单独购买</view>
+          <view class="buy bnts bg-color-hui">未开始</view>
         </view>
-					<view class="buy bnts bg-color-hui"
+        <view class="bnt acea-row" v-else-if="status === 2 && attr.productSelect.quota > 0">
-						v-if='attribute.productSelect.quota <= 0'>
+          <view class="joinCart bnts" @tap="openAlone">单独购买</view>
-						已售罄
+          <view class="buy bnts" @tap="goBuy">立即购买</view>
+        </view>
+        <view class="bnt acea-row" v-else-if="status === 2 && (attr.productSelect.quota <= 0)">
+          <view class="joinCart bnts" @tap="openAlone">单独购买</view>
+          <view class="buy bnts bg-color-hui">已售罄</view>
+        </view>
+        <view class="bnt acea-row" v-else-if="status === 3">
+          <view class="joinCart bnts" @tap="openAlone">单独购买</view>
+          <view class="buy bnts bg-color-hui">已结束</view>
+        </view>
+        <view class="bnt acea-row" v-else> <!-- 兜底 -->
+          <view class="joinCart bnts" @tap="openAlone">单独购买</view>
+          <view class="buy bnts bg-color-hui">未开始</view>
         </view>
 			</view>
 		</view>
-		</view>
+    <!-- SKU 弹窗 -->
-    <!-- SKU 弹窗 TODO -->
+    <product-window
-    <product-window :attr='attribute' :limitNum='1' @myevent="onMyEvent" @ChangeAttr="ChangeAttr"
+      :attr='attr'
-                    @ChangeCartNum="ChangeCartNum" @iptCartNum="iptCartNum" @attrVal="attrVal"></product-window>
+      :limitNum='1'
+      @ChangeAttr="ChangeAttr"
+      @ChangeCartNum="ChangeCartNum"
+      @iptCartNum="iptCartNum"
+      @close="closeAttr"
+    />
     <!-- TODO 芋艿 -->
 		<shareRedPackets :sharePacket="sharePacket" @listenerActionSheet="listenerActionSheet"
 			@closeChange="closeChange"></shareRedPackets>
@@ -239,34 +255,14 @@
 <script>
 	const app = getApp();
 	import uQRCode from '@/js_sdk/Sansnn-uQRCode/uqrcode.js'
-	import {
+	import { mapGetters } from "vuex";
-		mapGetters
-	} from "vuex";
 	// #ifdef MP
-	import {
+	import { base64src } from '@/utils/base64src.js'
-		base64src
+	import { getQrcode } from '@/api/api.js';
-	} from '@/utils/base64src.js'
-	import authorize from '@/components/Authorize';
-	import {
-		getQrcode
-	} from '@/api/api.js';
 	// #endif
 	import productConSwiper from '@/components/productConSwiper'
-	import {
+	import { toLogin } from '@/libs/login.js';
-		toLogin
+	import { imageBase64 } from "@/api/public";
-	} from '@/libs/login.js';
-	import {
-		getCombinationDetail
-	} from '@/api/activity.js';
-	import {
-		collectAdd,
-		collectDel,
-		getReplyConfig,
-		getReplyProduct
-	} from '@/api/store.js';
-	import {
-		imageBase64
-	} from "@/api/public";
 	import parser from "@/components/jyf-parser/jyf-parser";
 	import home from '@/components/home/index.vue'
 	import productWindow from '@/components/productWindow/index.vue'
@@ -284,9 +280,6 @@
 		components: {
 			shareRedPackets,
 			productConSwiper,
-			// #ifdef MP
-			authorize,
-			// #endif
 			"jyf-parser": parser,
 			home,
 			"product-window": productWindow,
@@ -295,7 +288,6 @@
 		},
 		computed: mapGetters({
 			'isLogin': 'isLogin',
-			'userData': 'userInfo',
 			'uid': 'uid',
 			'chatUrl': 'chatUrl'
 		}),
@@ -310,40 +302,43 @@
           'Color': '#999999',
           'isDay': true
         },
+        successRecords: [], // 成功的拼团记录
+        runningRecords: [], // 进行中的拼团记录
+        AllIndex: 2, // runningRecords 展示的数量，用于收起
+        AllIndexDefault: 0, // AllIndex 的默认值，用于收起
 
         // ========== 商品相关变量 ==========
         spu: {}, // 商品 SPU 详情
         skuMap: [], // 商品 SKU Map
         attrValue: '', // 已选属性名的拼接，例如说 红色,大 这样的格式
+        attr: { // productWindow 组件，使用该属性
+          cartAttr: false,
+          // ↓↓↓ 属性数组，结构为：id = 属性编号；name = 属性编号的名字；values[].id = 属性值的编号，values[].name = 属性值的名字；index = 选中的属性值的名字
+          productAttr: [],
+          productSelect: {} // 选中的 SKU
+        },
         tagStyle: {
           img: 'width:100%;display:block;',
           table: 'width:100%',
           video: 'width:100%'
         },
 
+        // ========== 评价相关的变量 ==========
+        replyCount: 0, // 总评论数量
+        replyChance: 0, // 好评率
+        reply: [], // 评论列表
+
+        // ========== 收藏相关的变量 ==========
+        userCollect: false,
+
         // TODO 芋艿：未整理
 
-
-				userCollect:false,
-				dataShow: 0,
-				userInfo: {},
-				itemNew: [],
-				indicatorDots: false,
 				circular: true,
 				autoplay: true,
 				interval: 3000,
 				duration: 500,
-				attribute: {
-					cartAttr: false,
-					productAttr: [],
-					productSelect: {}
-				},
 				productValue: [],
-				isOpen: false,
-				attr: '请选择',
-				AllIndex: 2,
 				maxAllIndex: 0,
-				replyChance: '',
 				limitNum: 1,
 				timeer: null,
 				iSplus: false,
@@ -358,10 +353,6 @@
 				lock: false,
 				scrollTop: 0,
 				storeInfo: {},
-				pinkOkSum: 0,
-				pink: [],
-				replyCount: 0,
-				reply: [],
 				imgUrls: [],
 				sharePacket: {
 					isState: true, //默认不显示
@@ -380,12 +371,9 @@
 				attrTxt: '',
 				cart_num: '',
 				isAuto: false, //没有授权的不会自动授权
-				isShowAuth: false, //是否隐藏授权
-				AllIndexDefault: 0,
 				imgTop: '',
 				qrcodeSize: 600,
 				H5ShareBox: false, //公众号分享图片
-				onceNum: 0, //一次可以购买几个
 				errT: '',
 				returnShow: true,
 				homeTop: 20
@@ -404,8 +392,6 @@
 		onLoad(options) {
 			let that = this
 			this.$store.commit("PRODUCT_TYPE", 'normal');
-			var pages = getCurrentPages();
-			//	that.returnShow = pages.length === 1 ? false : true;
 			this.$nextTick(() => {
 				// #ifdef MP
 				const menuButton = uni.getMenuButtonBoundingClientRect();
@@ -471,7 +457,7 @@
 						mask: true,
 					})
 				}
-			};
+			}
 		},
 		methods: {
       // ========== 拼团活动相关 ==========
@@ -479,6 +465,9 @@
       combinationDetail() {
         CombinationActivityApi.getCombinationActivity(this.id).then(res => {
           this.activity = res.data;
+          uni.setNavigationBarTitle({
+            title: this.activity.name.substring(0, 16)
+          })
           // 计算总的 quota 数量
           this.activity.quota = this.activity.products.reduce((accumulator, product) => {
             return accumulator + product.quota;
@@ -496,67 +485,17 @@
           } else {
             this.status = 0;
           }
+          // 参团记录
+          this.successRecords = res.data.runningRecords;
+          this.runningRecords = res.data.runningRecords;
 
           // 获得商品详情
           this.getGoodsDetails();
-        });
+          // 获得商品收藏
-
+          this.isFavoriteExists();
-
+          // 获得商品评价列表
-
+          this.getProductReplyList();
-        if (true) {
+          this.getProductReplyCount();
-          return
-        }
-        var that = this;
-        var data = that.id;
-        getCombinationDetail(data).then(function(res) {
-          that.dataShow = 1;
-          uni.setNavigationBarTitle({
-            title: res.data.storeCombination.storeName.substring(0, 16)
-          })
-          that.storeInfo = res.data.storeCombination;
-          that.getProductReplyList();
-          that.getProductReplyCount();
-          that.imgUrls = JSON.parse(res.data.storeCombination.sliderImage);
-          that.attribute.productSelect.num = res.data.storeCombination.onceNum;
-          that.userCollect = res.data.userCollect;
-          that.pink = res.data.pinkList || [];
-          // that.pindAll = res.data.pindAll || [];
-          that.itemNew = res.data.pinkOkList || [];
-          that.pinkOkSum = res.data.pinkOkSum;
-          that.attribute.productAttr = res.data.productAttr || [];
-          that.productValue = res.data.productValue;
-          that.onceNum = res.data.storeCombination.onceNum;
-
-          //	that.PromotionCode = res.data.storeInfo.code_base
-          // #ifdef H5
-          that.setShare();
-          that.storeImage = that.storeInfo.image
-          that.make();
-          // #endif
-          // #ifdef MP
-          that.getQrcode();
-          that.imgTop = res.data.storeCombination.image;
-          // #endif
-          // #ifndef H5
-          that.downloadFilestoreImage();
-          // #endif
-          let productAttr = res.data.productAttr.map(item => {
-            return {
-              attrName : item.attrName,
-              attrValues: item.attrValues.split(','),
-              id:item.id,
-              isDel:item.isDel,
-              productId:item.productId,
-              type:item.type
-            }
-          });
-          that.$set(that.attribute,'productAttr',productAttr);
-          // that.setProductSelect();
-          that.DefaultSelect();
-
-          setTimeout(function() {
-            that.infoScroll();
-          }, 500);
 
         }).catch(function(err) {
           that.$util.Tips({
@@ -566,18 +505,30 @@
           })
         })
       },
+      /**
+       * 显示所有参团记录
+       */
+      showAll: function() {
+        this.AllIndexDefault = this.AllIndex;
+        this.AllIndex = this.runningRecords.length;
+      },
+      /**
+       * 隐藏所有参团记录
+       */
+      hideAll: function() {
+        this.AllIndex = this.AllIndexDefault;
+      },
+
       // ========== 商品详情相关 ==========
       /**
        * 获取产品详情
        */
       getGoodsDetails: function() {
-        console.log(this.activity.spuId, '== spuId ==')
         ProductSpuApi.getSpuDetail(this.activity.spuId).then(res => {
           let spu = res.data;
           let skus = res.data.skus;
           this.$set(this, 'spu', spu);
-          // TODO 芋艿：this.attribute
+          this.$set(this.attr, 'properties', ProductUtil.convertProductPropertyList(skus));
-          this.$set(this.attribute, 'properties', ProductUtil.convertProductPropertyList(skus));
           this.$set(this, 'skuMap', ProductUtil.convertProductSkuMap(skus));
           // 将拼团活动的信息，合并到 SKU 里面，实现拼团价格的显示
           this.activity.products.forEach(product => {
@@ -595,31 +546,28 @@
             }
           });
 
-          // // 处理滚动条
+          // 处理滚动条
-          // setTimeout(() => {
+          setTimeout(() => {
-          //   this.infoScroll();
+            this.infoScroll();
-          // }, 1000);
+          }, 1000);
-          //
+
-          // // 设置或下载分销需要的图片
+          // 设置或下载分销需要的图片
-          // // #ifdef H5
+          // #ifdef H5
-          // this.storeImage = spu.picUrl;
+          this.storeImage = spu.picUrl;
-          // this.make();
+          this.make();
-          // this.ShareInfo();
+          // this.ShareInfo(); TODO 芋艿：稍后 fix 下，临时注释
-          // // #endif
+          // #endif
-          // // #ifdef MP
+          // #ifdef MP
-          // this.getQrcode();
+          this.getQrcode();
-          // this.imgTop = spu.picUrl;
+          this.imgTop = spu.picUrl;
-          // // #endif
+          // #endif
-          // // #ifndef H5
+          // #ifndef H5
-          // this.downloadFilestoreImage();
+          this.downloadFilestoreImage();
-          // // #endif
+          // #endif
-          //
+
-          // // 选中默认 sku
+          // 选中默认 sku
-          // this.selectDefaultSku();
+          this.selectDefaultSku();
         }).catch(err => {
-          if (true) {
-            return;
-          }
           return this.$util.Tips({
             title: err.toString()
           }, {
@@ -628,57 +576,230 @@
           });
         })
       },
+      /**
+       * 默认选中属性
+       */
+      selectDefaultSku: function() {
+        const properties = this.attr.properties;
+        // 获得选中的属性值的名字，例如说 "黑色,大"，则 skuKey = ["黑色", "大"]
+        let skuKey = undefined;
+        for (let key in this.skuMap) {
+          if (this.skuMap[key].stock > 0) {
+            skuKey = key.split(",");
+            break;
+          }
+        }
+        if (!skuKey) { // 如果找不到，则选中第一个
+          skuKey = Object.keys(this.skuMap)[0].split(",");
+        }
+        // 使用 index 属性表示当前选中的，值为属性值的名字
+        for (let i = 0; i < properties.length; i++) {
+          this.$set(properties[i], "index", skuKey[i]);
+        }
+
+        let sku = this.skuMap[skuKey.join(",")];
+        if (!sku) {
+          return
+        }
+        this.$set(this.attr.productSelect, "spuName", this.spu.name);
+        this.$set(this.attr.productSelect, "id", sku.id);
+        this.$set(this.attr.productSelect, "picUrl", sku.picUrl);
+        this.$set(this.attr.productSelect, "price", sku.price);
+        this.$set(this.attr.productSelect, "stock", sku.stock);
+        this.$set(this.attr.productSelect, "cart_num", 1);
+        // 拼团活动特有字段
+        this.$set(this.attr.productSelect, "quota", sku.quota);
+        this.$set(this.attr.productSelect, "limitCount", sku.limitCount);
+        this.$set(this, "attrValue", skuKey.join(","));
+      },
+      /**
+       * 打开 SKU 属性的选择
+       */
+      openAttr: function() {
+        this.$set(this.attr, 'cartAttr', true);
+      },
+      /**
+       * 关闭 productWindow 弹窗
+       */
+      closeAttr: function() {
+        this.$set(this.attr, 'cartAttr', false);
+      },
+      /**
+       * 属性变动赋值
+       *
+       * @param newSkuKey 新的 skuKey
+       * @param propertyIndex properties 的下标
+       * @param valueIndex values 的下标
+       */
+      ChangeAttr: function(newSkuKey, propertyIndex, valueIndex) {
+        // SKU
+        let sku = this.skuMap[newSkuKey];
+        if (!sku) {
+          return;
+        }
+        this.$set(this.attr.productSelect, "id", sku.id);
+        this.$set(this.attr.productSelect, "picUrl", sku.picUrl);
+        this.$set(this.attr.productSelect, "price", sku.price);
+        this.$set(this.attr.productSelect, "stock", sku.stock);
+        this.$set(this.attr.productSelect, "quota", sku.quota);
+        this.$set(this.attr.productSelect, "limitCount", sku.limitCount);
+        this.$set(this.attr.productSelect, "cart_num", 1);
+        // SKU 关联属性
+        this.$set(this.attr.properties[propertyIndex], 'index',
+          this.attr.properties[propertyIndex].values[valueIndex].name);
+        this.$set(this, "attrValue", newSkuKey);
+      },
+      /**
+       * 跳转到客服
+       */
+      kefuClick(){
+        location.href = this.chatUrl;
+      },
+
+      // ========== 评价相关的方法 ==========
+      /**
+       * 获得商品评价列表
+       */
+      getProductReplyList: function() {
+        ProductCommentApi.getCommentList(this.id, 3).then(res => {
+          this.reply = res.data;
+        })
+      },
+      /**
+       * 获得商品评价统计
+       */
+      getProductReplyCount: function() {
+        ProductCommentApi.getCommentStatistics(this.id).then(res => {
+          this.$set(this, 'replyChance', res.data.goodPercent);
+          this.$set(this, 'replyCount', res.data.allCount);
+        });
+      },
+
+      // ========== 收藏相关方法 ==========
+      /**
+       * 获得是否收藏
+       */
+      isFavoriteExists: function() {
+        if (!this.isLogin) {
+          return;
+        }
+
+        ProductFavoriteApi.isFavoriteExists(this.activity.spuId).then(res => {
+          this.userCollect = res.data;
+        });
+      },
+      /**
+       * 收藏 / 取消商品
+       */
+      setCollect: function() {
+        if (!this.isLogin) {
+          toLogin();
+          return;
+        }
+
+        // 情况一：取消收藏
+        if (this.userCollect) {
+          ProductFavoriteApi.deleteFavorite(this.activity.spuId).then(res => {
+            this.$set(this, 'userCollect', false);
+          })
+          // 情况二：添加收藏
+        } else {
+          ProductFavoriteApi.createFavorite(this.activity.spuId).then(res => {
+            this.$set(this, 'userCollect', true);
+          })
+        }
+      },
+      /**
+       * 购物车数量加和数量减
+       *
+       * @param changeValue true 增加；false 减少
+       */
+      ChangeCartNum: function(changeValue) {
+        // 获取当前 sku
+        let sku = this.attr.productSelect;
+        if (!sku) {
+          return;
+        }
+
+        // 设置数量
+        let stock = sku.stock || 0;
+        let quota = sku.quota || 0;
+        let limitCount = sku.limitCount;
+        if (changeValue) {
+          sku.cart_num++;
+          if (limitCount !== undefined && sku.cart_num > limitCount) {
+            this.$set(this.attr.productSelect, "cart_num", limitCount);
+            this.$util.Tips({
+              title: `该商品每次限购 ${sku.limitCount} ${this.spu.unitName}`
+            });
+          } else if (sku.cart_num > stock || sku.cart_num > quota) {
+            this.$set(this.attr.productSelect, "cart_num", Math.min(stock, quota));
+          }
+        } else {
+          sku.cart_num--;
+          if (sku.cart_num < 1) {
+            this.$set(this.attr.productSelect, "cart_num", 1);
+          }
+        }
+      },
+      /**
+       * 购物车手动填写
+       *
+       */
+      iptCartNum: function(number) {
+        this.$set(this.attr.productSelect, 'cart_num', number ? number : 1);
+        // 判断是否超限购
+        let sku = this.attr.productSelect;
+        let limitCount = sku.limitCount;
+        if (limitCount !== undefined && number > limitCount) {
+          this.$set(this.attr.productSelect, "cart_num", limitCount);
+          this.$util.Tips({
+            title: `该商品每次限购 ${sku.limitCount} ${this.spu.unitName}`
+          });
+        }
+      },
+      /**
+       * 单独购买
+       */
+      openAlone() {
+        uni.navigateTo({
+          url: `/pages/goods_details/index?id=${this.activity.spuId}`
+        })
+      },
+      /**
+       * 下订单
+       */
+      goBuy: function() {
+        // 未登录，需要跳转
+        if (!this.isLogin) {
+          toLogin();
+          return;
+        }
+
+        // 【重要】如果 attr 组件未打开，此时需要先打开。等到选择完后，再立即购买
+        if (!this.attr.cartAttr) {
+          this.openAttr();
+          return;
+        }
+
+        // 发起下单
+        let sku = this.attr.productSelect;
+        uni.navigateTo({
+          url: '/pages/users/order_confirm/index?skuId=' + sku.id + '&count=' + sku.cart_num
+            + '&combinationActivityId=' + this.id
+        });
+      },
 
       // TODO 芋艿：未整理
 
-      getProductReplyCount: function() {
-				let that = this;
-				getReplyConfig(that.storeInfo.productId).then(res => {
-					that.$set(that, 'replyChance', res.data.replyChance * 100);
-					that.$set(that, 'replyCount', res.data.sumCount);
-				});
-			},
-			getProductReplyList: function() {
-				getReplyProduct(this.storeInfo.productId).then(res => {
-					this.reply = res.data.productReply ? [res.data.productReply] : [];
-				})
-			},
-			kefuClick() {
-				location.href = this.chatUrl;
-			},
       closePosters: function() {
 				this.posters = false;
 			},
 			closeChange: function() {
 				this.$set(this.sharePacket, 'isState', true);
 			},
-			showAll: function() {
+
-				this.AllIndexDefault = this.AllIndex;
+
-				this.AllIndex = this.pink.length;
-			},
-			hideAll: function() {
-				this.AllIndex = this.AllIndexDefault;
-			},
-			// 授权关闭
-			authColse: function(e) {
-				this.isShowAuth = e;
-			},
-			/**
-			 * 购物车手动填写
-			 *
-			 */
-			iptCartNum: function(e) {
-				if (e > this.onceNum) {
-					this.$util.Tips({
-						title: `该商品每次限购${this.onceNum}${this.storeInfo.unitName}`
-					});
-					this.$set(this.attribute.productSelect, 'cart_num', this.onceNum);
-					this.$set(this, "cart_num", this.onceNum);
-				} else {
-					this.$set(this.attribute.productSelect, 'cart_num', e);
-					this.$set(this, "cart_num", e);
-				}
-			},
 			// 返回
 			returns() {
 				uni.navigateBack();
@@ -703,72 +824,6 @@
 					});
 			},
 			//#endif
-			/**
-			 * 默认选中属性
-			 *
-			 */
-			DefaultSelect: function() {
-				let self = this
-				let productAttr = self.attribute.productAttr;
-				let value = [];
-				for (var key in self.productValue) {
-					if (self.productValue[key].quota > 0) {
-						value = self.attribute.productAttr.length ? key.split(",") : [];
-						break;
-					}
-				}
-				for (let i = 0; i < productAttr.length; i++) {
-					self.$set(productAttr[i], "index", value[i]);
-				}
-				//sort();排序函数:数字-英文-汉字；
-				let productSelect = self.productValue[value.join(",")];
-
-				if (productSelect && productAttr.length) {
-					self.$set(
-						self.attribute.productSelect,
-						"storeName",
-						self.storeInfo.storeName
-					);
-					self.$set(self.attribute.productSelect, "image", productSelect.image);
-					self.$set(self.attribute.productSelect, "price", productSelect.price);
-					self.$set(self.attribute.productSelect, "unique", productSelect.id);
-					self.$set(self.attribute.productSelect, "quota", productSelect.quota);
-					self.$set(self.attribute.productSelect, "quotaShow", productSelect.quotaShow);
-					self.$set(self.attribute.productSelect, "cart_num", 1);
-					this.$set(this, "attrValue", value.join(","));
-					this.$set(this, "attrTxt", "已选择");
-				} else if (!productSelect && productAttr.length) {
-					self.$set(
-						self.attribute.productSelect,
-						"storeName",
-						self.storeInfo.storeName
-					);
-					self.$set(self.attribute.productSelect, "image", self.storeInfo.image);
-					self.$set(self.attribute.productSelect, "price", self.storeInfo.price);
-					self.$set(self.attribute.productSelect, "quota", 0);
-					self.$set(self.attribute.productSelect, "quotaShow", 0);
-					self.$set(self.attribute.productSelect, "unique", "");
-					self.$set(self.attribute.productSelect, "cart_num", 0);
-					self.$set(self, "attrValue", "");
-					self.$set(self, "attrTxt", "请选择");
-				} else if (!productSelect && !productAttr.length) {
-					self.$set(
-						self.attribute.productSelect,
-						"storeName",
-						self.storeInfo.storeName
-					);
-					self.$set(self.attribute.productSelect, "image", self.storeInfo.image);
-					self.$set(self.attribute.productSelect, "price", self.storeInfo.price);
-					self.$set(self.attribute.productSelect, "quota", 0);
-					self.$set(
-						self.attribute.productSelect,
-						"unique", ""
-					);
-					self.$set(self.attribute.productSelect, "cart_num", 1);
-					self.$set(self, "attrValue", "");
-					self.$set(self, "attrTxt", "请选择");
-				}
-			},
 
 			infoScroll: function() {
 				var that = this,
@@ -790,160 +845,6 @@
 						that.topArr = topArr
 						that.heightArr = heightArr
 					});
-				};
-			},
-			// 授权后回调
-			onLoadFun: function(e) {
-				this.userInfo = e
-				app.globalData.openPages = '/pages/activity/goods_combination_details/index?id=' + this.id + '&spid=' +
-					e.uid;
-				this.combinationDetail();
-				//this.downloadFilePromotionCode();
-			},
-			selecAttr: function() {
-				this.attribute.cartAttr = true
-			},
-			onMyEvent: function() {
-				this.$set(this.attribute, 'cartAttr', false);
-				this.$set(this, 'isOpen', false);
-			},
-			/**
-			 * 购物车数量加和数量减
-			 *
-			 */
-			ChangeCartNum: function(changeValue) {
-				//changeValue:是否 加|减
-				//获取当前变动属性
-				let productSelect = this.productValue[this.attrValue];
-				if (this.buyNum === productSelect.quota) {
-					return this.$util.Tips({
-						title: '您已超出当前商品每人限购数量，请浏览其他商品'
-					});
-				}
-				if (this.cart_num) {
-					productSelect.cart_num = this.cart_num;
-					this.attribute.productSelect.cart_num = this.cart_num;
-				}
-				//如果没有属性,赋值给商品默认库存
-				if (productSelect === undefined && !this.attribute.productAttr.length) productSelect = this.attribute
-					.productSelect;
-				//无属性值即库存为0；不存在加减；
-				if (productSelect === undefined) return;
-				let quotaShow = productSelect.quota_show || 0;
-				let quota = productSelect.quota || 0;
-				let num = this.attribute.productSelect;
-				let nums = this.storeInfo.onceNum || 0;
-				//设置默认数据
-				if (productSelect.cart_num == undefined) productSelect.cart_num = 1;
-				if (changeValue) {
-					if (num.cart_num === this.onceNum) {
-						return this.$util.Tips({
-							title: `该商品每次限购${this.onceNum}${this.storeInfo.unitName}`
-						});
-					}
-					num.cart_num++;
-					let arrMin = [];
-					arrMin.push(nums);
-					arrMin.push(quota);
-					// arrMin.push(stock);
-					let minN = Math.min.apply(null, arrMin);
-					if (num.cart_num >= minN) {
-						this.$set(this.attribute.productSelect, "cart_num", minN ? minN : 1);
-						this.$set(this, "cart_num", minN ? minN : 1);
-					}
-					this.$set(this, "cart_num", num.cart_num);
-					this.$set(this.attribute.productSelect, "cart_num", num.cart_num);
-				} else {
-					num.cart_num--;
-					if (num.cart_num < 1) {
-						this.$set(this.attribute.productSelect, "cart_num", 1);
-						this.$set(this, "cart_num", 1);
-					}
-					this.$set(this, "cart_num", num.cart_num);
-					this.$set(this.attribute.productSelect, "cart_num", num.cart_num);
-				}
-			},
-			attrVal(val) {
-				this.attribute.productAttr[val.indexw].index = this.attribute.productAttr[val.indexw].attrValues[val
-					.indexn];
-			},
-			/**
-			 * 属性变动赋值
-			 *
-			 */
-			ChangeAttr: function(res) {
-				this.$set(this, 'cart_num', 1);
-				let productSelect = this.productValue[res];
-				if (productSelect) {
-					this.$set(this.attribute.productSelect, "image", productSelect.image);
-					this.$set(this.attribute.productSelect, "price", productSelect.price);
-					this.$set(this.attribute.productSelect, "unique", productSelect.id);
-					this.$set(this.attribute.productSelect, "cart_num", 1);
-					this.$set(this.attribute.productSelect, "quota", productSelect.quota);
-					this.$set(this.attribute.productSelect, "quotaShow", productSelect.quotaShow);
-					this.$set(this, "attrValue", res);
-
-					this.attrTxt = "已选择"
-				} else {
-					this.$set(this.attribute.productSelect, "image", this.storeInfo.image);
-					this.$set(this.attribute.productSelect, "price", this.storeInfo.price);
-					this.$set(this.attribute.productSelect, "unique", "");
-					this.$set(this.attribute.productSelect, "cart_num", 0);
-					this.$set(this.attribute.productSelect, "quota", 0);
-					this.$set(this.attribute.productSelect, "quotaShow", 0);
-					this.$set(this, "attrValue", "");
-					this.attrTxt = "已选择"
-				}
-			},
-			// 单独购买
-			goProduct() {
-				uni.navigateTo({
-					url: '/pages/goods_details/index?id=' + this.storeInfo.productId
-				})
-			},
-			// 立即购买
-			goCat() {
-				var that = this;
-				var productSelect = this.productValue[this.attrValue];
-				//打开属性
-				if (this.isOpen)
-					this.attribute.cartAttr = true
-				else
-					this.attribute.cartAttr = !this.attribute.cartAttr
-				//只有关闭属性弹窗时进行加入购物车
-				if (this.attribute.cartAttr === true && this.isOpen == false) return this.isOpen = true
-				//如果有属性,没有选择,提示用户选择
-				if (this.attribute.productAttr.length && productSelect === undefined && this.isOpen == true) return that
-					.$util.Tips({
-						title: '请选择属性'
-					});
-				var data = {
-					productId: that.storeInfo.productId,
-					combinationId: parseFloat(that.id),
-					cartNum: that.cart_num ? this.cart_num : this.attribute.productSelect.cart_num,
-					productAttrUnique: productSelect !== undefined ? productSelect.id : '',
-					isNew: true,
-				};
-				this.$Order.getPreOrder("buyNow",[{
-						"attrValueId": parseFloat(this.attribute.productSelect.unique),
-						"combinationId": parseFloat(this.id),
-						"productNum": parseFloat(this.cart_num ? this.cart_num : this.attribute.productSelect.cart_num),
-						"productId": parseFloat(this.storeInfo.productId)
-					}]);
-			},
-			/**
-			 * 收藏商品
-			 */
-			setCollect: function() {
-				var that = this;
-				if (this.userCollect) {
-					collectDel(this.storeInfo.productId).then(res => {
-						that.userCollect = !that.userCollect
-					})
-				} else {
-					collectAdd(this.storeInfo.productId).then(res => {
-						that.userCollect = !that.userCollect
-					})
 				}
 			},
 

pages/activity/goods_seckill_details/index.vue

@@ -102,7 +102,6 @@
 				</view>
         <!-- 购买操作 -->
         <view class="bnt acea-row" v-if="status === 0">
-          <view class="joinCart bnts" @tap="openAlone">单独购买</view>
           <view class="buy bnts bg-color-hui">已关闭</view>
         </view>
         <view class="bnt acea-row" v-else-if="status === 1">
@@ -286,7 +285,7 @@
 		computed: mapGetters(['isLogin','uid','chatUrl']),
 		watch:{
 			isLogin:{
-				handler:function(newV,oldV){
+				handler: function(newV,oldV) {
 					if (newV) {
 						this.getSeckillDetail();
 					}