QianNiaoUser/components/AddCardModel.vue

<template>
	<view>
		<!-- 加入购物车弹窗 -->
		<u-popup :value="isShow" :mask-close-able="false" :border-radius="12" mode="bottom">
			<view class="add-cart-view">
				<view class="close-icon"><u-icon name="close" color="#666666" size="26" @click="closeaddcartPop"></u-icon></view>
				<view class="card-goods-info clearfix">
					<view class="float_left card-goods-img">
						<image v-if="now_sku_data.specImage" :src="now_sku_data.specImage" mode="aspectFill"></image>
						<block v-else><image v-if="goodsDetail.images" :src="goodsDetail.images[0]" mode="aspectFill"></image></block>
						<view v-if="goodsDetail.isEq === 5" class="Eq-view primary-bg">抄码</view>
					</view>
					<view class="float_left" style="width: 420rpx;">
						<view class="goods-title ellipsis">{{ goodsDetail.title || '' }}</view>
						<!-- 不是阶梯价 -->
						<view class="card-goods-priceview primary-color" v-if="!now_sku_data.enabledLadder">
							<text class="rmb-icon">¥</text>
							<text v-if="!showGoodsPrice">
								<block v-if="now_sku_data.id">{{ now_sku_data.salePrice || 0 }}</block>
								<block v-else>{{ goodsDetail.isEq === 5 ? goodsDetail.maxSalePrice : goodsDetail.minSalePrice }}</block>
							</text>
							<text v-else class="showGoodsPrice">{{ showGoodsPrice }}</text>
						</view>
						<!-- 阶梯价 -->
						<view class="lap-info clearfix" v-else>
							<view class="lap-li" v-for="(item, index) in now_sku_data.ladderPrice" :key="index">
								<view class="laprice-text">
									<span style="font-size: 20rpx;">¥</span>
									<text v-if="!showGoodsPrice">{{ item.price }}</text>
									<text v-else class="showGoodsPrice">{{ showGoodsPrice }}</text>
								</view>
								<view class="laprice-goods-num" v-if="index + 1 === now_sku_data.ladderPrice.length">≥{{ item.from }}{{ now_sku_data.unitName }}</view>
								<view class="laprice-goods-num" v-else>{{ item.from }}~{{ item.to }}{{ now_sku_data.unitName }}</view>
							</view>
						</view>
						<!-- 会员价 -->
						<block v-if="!showGoodsPrice">
							<view class="vip-price clearfix" v-if="goodsDetail.minMemberPrice > 0 && !now_sku_data.id">
								<view class="price-text">¥{{ goodsDetail.isEq === 5 ? goodsDetail.maxMemberPrice : goodsDetail.minMemberPrice }}</view>
								<view class="price-bs">vip</view>
							</view>
							<block v-else>
								<view class="vip-price clearfix" v-if="now_sku_data.memberPrice > 0">
									<view class="price-text">¥{{ now_sku_data.memberPrice }}</view>
									<view class="price-bs">vip</view>
								</view>
							</block>
						</block>

						<view class="activity-tag" v-if="now_sku_data.isActivity && now_sku_data.isActivity === 5">限时秒杀</view>
						<view class="card-goods-stock">
							<!-- 当前区域有库存 -->
							<block v-if="is_not_express">
								<!-- 选中规格 -->
								<block v-if="now_sku_data.id">
									<view class="snum-li" v-if="baseSet.stockDisplay === 5">
										库存：{{ now_sku_data.inventory >= 1 || goodsDetail.isDistribution === 5 ? '有货' : '库存不足' }}
									</view>
									<view class="snum-li" v-if="baseSet.stockDisplay === 6">
										库存：
										<text v-if="goodsDetail.isEq === 4">
											{{ now_sku_data.inventory >= 1 || goodsDetail.isDistribution === 5 ? Math.floor(now_sku_data.inventory) || '有货' : 0 }}
										</text>
										<text v-else>{{ now_sku_data.otherNum >= 1 || goodsDetail.isDistribution === 5 ? Math.floor(now_sku_data.otherNum) || '有货' : 0 }}</text>
									</view>
								</block>
								<!-- 未选中规格 -->
								<block v-else>
									<view class="snum-li" v-if="baseSet.stockDisplay === 5">
										库存：{{ goodsDetail.inventory >= 1 || goodsDetail.isDistribution === 5 ? '有货' : '库存不足' }}
									</view>
									<view class="snum-li" v-if="baseSet.stockDisplay === 6">
										库存：
										<text v-if="goodsDetail.isEq === 4">
											{{ goodsDetail.inventory >= 1 || goodsDetail.isDistribution === 5 ? Math.floor(goodsDetail.inventory) || '有货' : 0 }}
										</text>
										<text v-else>{{ goodsDetail.inventory >= 1 || goodsDetail.isDistribution === 5 ? Math.floor(goodsDetail.otherNum) || '有货' : 0 }}</text>
									</view>
								</block>
							</block>
							<!-- 当前区域没有库存 -->
							<block v-else>
								<view class="snum-li" v-if="baseSet.stockDisplay === 5">库存：库存不足</view>
								<view class="snum-li" v-if="baseSet.stockDisplay === 6">剩余 0</view>
							</block>
							<view class="snum-li">起订{{ now_sku_data.setNum || 1 }}{{ now_sku_data.unitName || goodsDetail.unitName || '' }}</view>
							<view class="snum-li" v-if="now_sku_data.limitNum">限购{{ now_sku_data.limitNum }}{{ now_sku_data.unitName || goodsDetail.unitName }}</view>
						</view>
						<block v-for="(item, index) in goodsDetail.unitData" :key="index">
							<view v-if="item.isMaster === 4" class="card-goods-stock">
								<text v-if="goodsDetail.isEq === 5">1{{ item.unitName }}≈{{ item.conversion }}{{ goodsDetail.unitName }}</text>
								<text v-else>1{{ item.unitName }}={{ item.conversion }}{{ goodsDetail.unitName }}</text>
								<text style="margin-left: 10rpx;" v-if="goodsDetail.showMinUnitPrice === 5 && now_sku_data.minUnitPrice !== '0.00'">
									1斤={{ now_sku_data.minUnitPrice || goodsDetail.minMinUnitPrice }}元
								</text>
							</view>
						</block>
						<view class="card-goods-unit" v-if="!now_sku_data.id">
							选择【单位】
							<block v-for="(item, index) in goodsDetail.specGroup" :key="index">
								<text>【{{ item.groupSpec.specName }}】</text>
							</block>
						</view>
						<view class="card-goods-unit" v-else>
							已选：{{ buy_num }}{{ now_sku_data.unitName }}
							<text v-if="now_sku_data.specGroup.length > 0">，</text>
							<block v-for="(item, index) in now_sku_data.specGroup" :key="index">
								<text>{{ item.specValueName }}</text>
								<text v-if="index !== now_sku_data.specGroup.length - 1">，</text>
							</block>

							<text v-if="goodsDetail.isEq === 5">，{{ unitsalePrice }}元/{{ eq_sku_kg.unitName }}</text>
						</view>
					</view>
				</view>
				<!-- 配送地判断提醒 -->
				<view
					class="express-view"
					v-if="isLogin && address_data.provinceCode && not_dispatch_areas.areas"
					@click="goPage('/pagesT/address/SelAddress?address_data=' + JSON.stringify(address_data))"
				>
					<view class="express-tit">
						<text>送至</text>
						<text class="desc">(配送地可能会影响库存,请正确选择)</text>
					</view>
					<view class="region-view clearfix">
						<view class="float_left">
							<text class="ibonfont ibondizhi2"></text>
							<text>{{ address_data.provinceName }}-{{ address_data.cityName }}-{{ address_data.districtName }}</text>
						</view>
						<view class="float_right"><text class="ibonfont ibonjinru"></text></view>
					</view>
				</view>
				<scroll-view scroll-y class="spec-card-view">
					<view class="spec-card-li">
						<view class="spec-name">单位</view>
						<view class="spec-value-view">
							<block v-for="(item, index) in goodsDetail.unitData" :key="index">
								<!-- 抄码商品不显示主单位 -->
								<block v-if="item.isMaster !== 5 || (item.isMaster === 5 && goodsDetail.isEq !== 5)">
									<view
										class="spec-val-li"
										@click="bindPickerChange(item.unitId, 1, '', item)"
										:class="[parseInt(spec_id_group[1]) === parseInt(item.unitId) ? 'primary-bg spec-val-on' : '']"
									>
										<view v-if="!item.isdisabled" class="dis-tip">待补货</view>
										<text :style="{ color: !item.isdisabled ? '#999' : '' }">{{ item.unitName }}</text>
									</view>
								</block>
							</block>
						</view>
					</view>
					<view class="spec-card-li" v-for="(item, index) in goodsDetail.specGroup" :key="index">
						<view class="spec-name">{{ item.groupSpec.specName }}</view>
						<view class="spec-value-view">
							<block v-for="(itemP, indexP) in item.params" :key="indexP">
								<view
									class="spec-val-li"
									:class="[parseInt(spec_id_group[index + 2]) === parseInt(itemP.specValueId) ? 'primary-bg spec-val-on' : '']"
									@click="bindPickerChange(itemP.specValueId, index + 2, item.groupSpec.specId, itemP)"
								>
									<view v-if="!itemP.isdisabled" class="dis-tip">待补货</view>
									<text :style="{ color: !itemP.isdisabled ? '#999' : '' }">{{ itemP.specValueName }}</text>
								</view>
							</block>
						</view>
					</view>
					<view class="buy-num-view clearfix">
						<view class="float_left">购买数量</view>
						<view class="num-edit-view float_right" v-if="goodsDetail.isDistribution === 4">
							<view class="subr-view" :class="[buy_num <= (now_sku_data.setNum || 1) ? 'disabled-color' : '']" @click="delNum">
								<u-icon size="26" name="minus"></u-icon>
							</view>
							<view class="buy-num-input-view"><input @input="buyNumInput" type="number" :disabled="!now_sku_data.id" class="buy-num-input" :value="buy_num" /></view>
							<view
								class="plus-view"
								:class="[
									now_sku_data.limitNum
										? buy_num >= now_sku_data.limitNum
											? 'disabled-color'
											: ''
										: buy_num >= Math.floor(now_sku_data.inventory)
										? 'disabled-color'
										: ''
								]"
								@click="plusNum"
							>
								<u-icon size="26" name="plus"></u-icon>
							</view>
						</view>
						<view class="num-edit-view float_right" v-else>
							<view class="subr-view" :class="[buy_num <= (now_sku_data.setNum || 1) ? 'disabled-color' : '']" @click="delNum">
								<u-icon size="26" name="minus"></u-icon>
							</view>
							<view class="buy-num-input-view"><input @input="buyNumInput" type="number" :disabled="!now_sku_data.id" class="buy-num-input" :value="buy_num" /></view>
							<view class="plus-view" :class="[now_sku_data.limitNum ? (buy_num >= now_sku_data.limitNum ? 'disabled-color' : '') : '']" @click="plusNum">
								<u-icon size="26" name="plus"></u-icon>
							</view>
						</view>
					</view>
				</scroll-view>
				<view class="card-btn-view">
					<block v-if="goodsDetail.isDistribution === 4 && goodsDetail.inventorTotal <= 0">
						<view v-if="!(goodsDetail.inventorTotal - 0) || goodsDetail.inventorTotal - 0 <= 0" class="btn">
							<view class="no-tip">抱歉，该商品在当前区域无库存</view>
						</view>
					</block>
					<!-- <view class="no-tip" v-if="!is_not_express">抱歉，该商品在当前区域无库存</view> -->
					<view class="buy-btn" v-else>
						<view
							@click="goodsBuyNow"
							class="card-btn-li primary-fu-bg"
							:class="[!is_not_express || (goodsDetail.isDistribution === 4 && !Math.floor(now_sku_data.inventory)) ? 'dis-add' : '']"
						>
							立即购买
						</view>
						<view
							@click="addCart"
							class="card-btn-li primary-bg"
							:class="[!is_not_express || (goodsDetail.isDistribution === 4 && !Math.floor(now_sku_data.inventory)) ? 'dis-add' : '']"
						>
							加入购物车
						</view>
					</view>
				</view>
			</view>
		</u-popup>

		<NoLoginTip @cancel="cancelTip" :show="loginTip" v-if="loginTip" />
	</view>
</template>

<script>
import NoLoginTip from './NoLoginTip.vue';
export default {
	components: {
		NoLoginTip
	},
	props: {
		selAddress: {
			type: Object,
			default: () => {
				return {};
			}
		},
		isShow: {
			type: Boolean,
			default: false
		},
		goodsId: {
			type: [Number, String],
			default: 0
		},
		isList: {
			type: Boolean,
			default: true
		},
		skuId: {
			type: [Number, String],
			default: ''
		}
	},
	watch: {
		selAddress(val) {
			if (val.provinceCode) {
				this.address_data = val;
				if (this.not_dispatch_areas.areas) {
					if (this.address_data.districtCode) {
						this.is_not_express = this.not_dispatch_areas.areas.indexOf(parseInt(this.address_data.districtCode)) === -1;
					} else if (this.address_data.cityCode) {
						this.is_not_express = this.not_dispatch_areas.citys.indexOf(parseInt(this.address_data.cityCode)) === -1;
					} else {
						this.is_not_express = this.not_dispatch_areas.provinces.indexOf(parseInt(this.address_data.provinceCode)) === -1;
					}
				}
			}
		},
		skuId(val) {
			if (this.goodsDetail.id) {
				const nowSkuData = this.goodsDetail.specMultiple.find(item => item.id === parseInt(val));
				if (nowSkuData) {
					this.spec_id_group = nowSkuData.indexGroup.map(item => {
						return parseInt(item);
					});
					this.buy_num = nowSkuData.setNum || 1;
					this.now_sku_data = nowSkuData;
				}
			}
		},
		now_sku_data(val) {
			this.$emit('skuChange', val);
		},
		goodsId(val) {
			if (this.isShow) {
				this.goodsDetail = {};
				this.now_sku_data = {};
				this.spec_id_group = [val];
				this.getGoodsDetail();
			}
		},
		async isShow(val) {
			if (val) {
				await this.SetShowGoodsPrice();
				if (!this.goodsDetail.id) {
					if (!this.isList) {
						this.goodsDetail = {};
						this.now_sku_data = {};
						this.spec_id_group = [this.goodsId];
						await this.getGoodsDetail();
					}
				}
				if (!this.address_data.provinceCode && this.isLogin) {
					await this.getAllShippingAddress();
				}
			} else {
				this.closeaddcartPop();
			}
		},
		buy_num(val) {
			this.$emit('buyNumchange', val);
		}
	},
	data() {
		return {
			eq_sku_kg: {},
			isLogin: true, // 判断是否登录
			loginTip: false,
			showGoodsPrice: '',
			goodsDetail: {
				images: [],
				specGroup: [],
				unitData: []
			},
			spec_id_group: [],
			now_sku_data: {},
			buy_num: 1,
			now_sel_address: {},
			address_data: {}, // 客户地址数据
			not_dispatch_areas: {}, // 该商品不能配送区域
			is_not_express: true, // 当前选择区域是否能够配送
			activityId: ''
		};
	},
	computed: {
		baseSet() {
			return this.$store.state.baseSet;
		},
		// 起送价
		startDeliveryPrice() {
			return this.$store.state.baseSet.startDeliveryPrice || 0;
		},
		// 辅助单位价格
		unitsalePrice() {
			if (this.goodsDetail.isEq === 5) {
				if (this.eq_sku_kg.enabledLadder !== 1) {
					return this.eq_sku_kg.salePrice;
				} else {
					const unitnum = this.buy_num * Number(this.now_sku_data.conversion);
					const priceData = this.eq_sku_kg.ladderPrice.find(item => {
						return unitnum > item.from && unitnum <= item.to;
					});
					return priceData.price;
				}
			} else {
				return this.eq_sku_kg.salePrice;
			}
		}
	},
	created() {
		this.spec_id_group[0] = this.goodsId;
		this.isLogin = this.$store.state.hasLogin;
		this.address_data = this.$store.state.nowAddress;
		if (this.address_data.provinceCode) {
			if (this.not_dispatch_areas.areas) {
				if (this.address_data.districtCode) {
					this.is_not_express = this.not_dispatch_areas.areas.indexOf(parseInt(this.address_data.districtCode)) === -1;
				} else if (this.address_data.cityCode) {
					this.is_not_express = this.not_dispatch_areas.citys.indexOf(parseInt(this.address_data.cityCode)) === -1;
				} else {
					this.is_not_express = this.not_dispatch_areas.provinces.indexOf(parseInt(this.address_data.provinceCode)) === -1;
				}
			}
		}
	},
	methods: {
		// 商品立即购买
		goodsBuyNow() {
			if (!this.$store.state.hasLogin) {
				this.loginTip = true;
				this.closeaddcartPop();
				return;
			}
			if (!this.is_not_express) {
				return;
			}

			// 验证账户状态
			this.userAudit();
			if (!this.isUserAudit) {
				return;
			}

			if (!this.now_sku_data.id) {
				this.$api.msg('请选择商品属性');
				return;
			}
			if (this.goodsDetail.isDistribution === 4 && !Math.floor(this.now_sku_data.inventory)) {
				this.$api.msg('当前商品库存不足');
				return;
			}
			if (this.buy_num <= 0) {
				this.$api.msg('请输入大于0的购买数量');
				return;
			}
			if (this.buy_num < this.now_sku_data.setNum) {
				this.$api.msg('该商品起订数量为' + this.now_sku_data.setNum + this.now_sku_data.unitName);
				return;
			}
			const totalPrice = this.$NP.times(this.now_sku_data.salePrice, this.buy_num);
			if (totalPrice < this.startDeliveryPrice) {
				this.$u.toast('当前下单金额不足起送价：' + this.startDeliveryPrice + '元，先加入购物车吧');
				return;
			}
			console.log(this.now_sku_data);
			if (this.now_sku_data.isActivity === 5) {
				this.activityId = this.now_sku_data.activity.activityId;
			}
			uni.navigateTo({
				url: `/pagesT/order/createOrder?goodsId=${this.goodsDetail.id}&goodsBasicId=${this.goodsDetail.basicGoodsId}&skuId=${this.now_sku_data.id}&buyNum=${
					this.buy_num
				}&shopId=${this.goodsDetail.shopId}&activityId=${this.activityId}`
			});
		},
		cancelTip() {
			this.loginTip = false;
		},
		SetShowGoodsPrice() {
			if (this.$store.state.baseSet.goodsPrice === 5 && this.$store.state.hasLogin) {
				this.showGoodsPrice = '';
			} else if (!this.$store.state.hasLogin && this.$store.state.baseSet.goodsPrice === 4) {
				this.showGoodsPrice = '¥**';
			} else if (this.$store.state.userStatus.enableStatus === 4 && this.$store.state.baseSet.goodsPrice === 4) {
				this.showGoodsPrice = '已禁用';
			} else if (this.$store.state.userStatus.status !== 2 && this.$store.state.baseSet.goodsPrice === 4) {
				if (this.$store.state.userStatus.status === 0) {
					this.showGoodsPrice = '待审核';
				} else if (this.$store.state.userStatus.status === 1) {
					this.showGoodsPrice = '审核中';
				} else if (this.$store.state.userStatus.status === 3) {
					this.showGoodsPrice = '已驳回';
				}
			} else {
				this.showGoodsPrice = '';
			}
		},
		delNum() {
			if (!this.now_sku_data.id) {
				this.$api.msg('请选择商品属性');
				return;
			}
			// 不支持负库存销售
			if (this.goodsDetail.isDistribution === 4) {
				if (this.buy_num > Math.floor(this.now_sku_data.inventory)) {
					this.buy_num = Math.floor(this.now_sku_data.inventory) < 0 ? 0 : Math.floor(this.now_sku_data.inventory);
					return;
				}
			}

			if (this.now_sku_data.cartNum > 0) {
				if (this.buy_num > 1) {
					this.buy_num = this.buy_num - 1;
				} else {
					this.$api.msg('不能再减少了哦！');
				}
			} else {
				// this.$api.msg('不能再减少了哦！')
				if (this.buy_num > this.now_sku_data.setNum) {
					this.buy_num = this.buy_num - 1;
				} else {
					this.$api.msg('不能再减少了哦！');
				}
			}
		},
		plusNum() {
			if (!this.now_sku_data.id) {
				this.$api.msg('请选择商品属性');
				return;
			}
			if (this.now_sku_data.limitNum > 0) {
				if (this.buy_num >= this.now_sku_data.limitNum) {
					// this.$api.msg(`限购${this.now_sku_data.limitNum}${this.now_sku_data.unitName}，不能再增加了哦！`);
					return;
				}
			}
			if (this.goodsDetail.isDistribution === 4) {
				if (this.buy_num >= Math.floor(this.now_sku_data.inventory)) {
					// this.$api.msg('不能再增加了哦！');
					return;
				}
			}

			this.buy_num = this.buy_num - 0 + 1;
		},
		buyNumInput(e) {
			// 当重复设置某些属性为相同的值时，不会同步到view层。解决方法，在设置新值之前先设置为记录的当前值
			this.buy_num = e.detail.value - 0;
			// 没有启用预售不用检查库存
			if (this.goodsDetail.isDistribution === 4) {
				if (e.detail.value - 0 > Math.floor(this.now_sku_data.inventory)) {
					this.$api.msg('库存不足，已为您修正');
					this.$nextTick(() => {
						this.buy_num = Math.floor(this.now_sku_data.inventory);
					});
					return;
				}
			}

			if (this.now_sku_data.limitNum) {
				if (e.detail.value - 0 > this.now_sku_data.limitNum) {
					this.$api.msg(`限购${this.now_sku_data.limitNum}${this.now_sku_data.unitName}，已为您修正`);
					this.$nextTick(() => {
						this.buy_num = Math.floor(this.now_sku_data.limitNum);
					});
				} else if (e.detail.value - 0 < this.now_sku_data.limitNum) {
					// 当起订数量小于限购数量莳
					if (this.now_sku_data.setNum && this.now_sku_data.setNum <= this.now_sku_data.limitNum) {
						// 当存在起订数量
						// if (e.detail.value - 0 < this.now_sku_data.setNum) {
						// 	this.$api.msg('该商品起订数量为' + this.now_sku_data.setNum + this.now_sku_data.unitName);
						// 	this.$nextTick(() => {
						// 		this.buy_num = this.now_sku_data.setNum;
						// 	});
						// }
					} else if (this.now_sku_data.setNum && this.now_sku_data.setNum > this.now_sku_data.limitNum) {
						// 当存在起订数量
						if (e.detail.value - 0 < this.now_sku_data.limitNum) {
							this.$api.msg(`限购${this.now_sku_data.limitNum}${this.now_sku_data.unitName}，已为您修正`);
							this.$nextTick(() => {
								this.buy_num = Math.floor(this.now_sku_data.limitNum);
							});
						}
					} else {
						this.$nextTick(() => {
							this.buy_num = this.now_sku_data.setNum || e.detail.value - 0;
						});
					}
				}
			} else {
				// 没有启用预售不用检查库存
				if (this.goodsDetail.isDistribution === 4) {
					if (e.detail.value - 0 > Math.floor(this.now_sku_data.inventory)) {
						this.$api.msg('库存不足，已为您修正');
						this.$nextTick(() => {
							this.buy_num = Math.floor(this.now_sku_data.inventory);
						});
					}
				}
			}
		},
		// 关闭加入购物车弹窗
		closeaddcartPop() {
			this.$emit('close', false);
		},
		/*
		 *选择规格
		 * id 单位属性的ID
		 * index 规格id组的下标
		 * specId 属性名id
		 * row 当前选中属性值
		 */
		bindPickerChange(id, index, specId, row) {
			// 判断当前规格是否禁用
			if (row && !row.isdisabled) {
				return;
			}
			this.$set(this.spec_id_group, index, parseInt(id));
			if (this.spec_id_group.every(item => !!item)) {
				const indexGroup = this.spec_id_group.join(':');
				const nowSkuData = this.goodsDetail.specMultiple.find(item => item.index === indexGroup);
				if (nowSkuData) {
					this.now_sku_data = nowSkuData;
				}
			}
			// this.buy_num = this.now_sku_data.setNum || 1;
			if (this.now_sku_data.limitNum > 0 && this.now_sku_data.setNum > this.now_sku_data.limitNum) {
				this.buy_num = this.now_sku_data.limitNum || 1;
			} else {
				this.buy_num = this.now_sku_data.setNum || 1;
			}
			// 判断当前规格是否要禁用，规格组不存在或者库存为0的时候，当前规格禁用
			if (index) {
				// 过滤出包含当前规格的规格组
				const containSpecMultiple = this.goodsDetail.specMultiple.filter(item => item.indexGroup.includes(id + ''));
				const target = this.$u.deepClone(this.goodsDetail.specGroup);
				target.forEach(item => {
					if (item.groupSpec.specId !== specId) {
						item.params.forEach(itemP => {
							const isObj = containSpecMultiple.find(itemF => {
								return itemF.indexGroup.includes(itemP.specValueId + '');
							});
							// 没有开启预售判断库存
							if (this.goodsDetail.isDistribution === 4) {
								itemP.isdisabled = !!isObj && Math.floor(isObj.inventory) > 0 && isObj.isSale !== 4;
							} else {
								itemP.isdisabled = isObj.isSale !== 4;
							}
						});
					}
				});
				this.goodsDetail.specGroup = target;
			}
		},
		// 加入购物车
		async addCart() {
			if (!this.$store.state.hasLogin) {
				this.loginTip = true;
				this.closeaddcartPop();
				return;
			}
			if (!this.is_not_express) {
				return;
			}
			// 验证账户状态
			this.userAudit();
			if (!this.isUserAudit) {
				return;
			}

			if (!this.now_sku_data.id) {
				this.$api.msg('请选择商品属性');
				return;
			}
			if (this.goodsDetail.isDistribution === 4 && !Math.floor(this.now_sku_data.inventory)) {
				this.$api.msg('当前商品库存不足');
				return;
			}
			if (this.buy_num <= 0) {
				this.$api.msg('请输入大于0的购买数量');
				return;
			}
			if (this.buy_num < this.now_sku_data.setNum) {
				this.$api.msg('该商品起订数量为' + this.now_sku_data.setNum + this.now_sku_data.unitName);
				return;
			}
			const goodsData = [
				{
					goodsBasicId: this.goodsDetail.basicGoodsId,
					goodsId: this.goodsDetail.id,
					buyNum: this.buy_num,
					shopId: this.goodsDetail.shopId,
					source: this.$common.source(),
					skuId: this.now_sku_data.id
				}
			];
			this.$u.api
				.addCart({
					goodsData
				})
				.then(res => {
					uni.showToast({
						title: '加入成功',
						icon: 'none'
					});

					let stateNum = this.$_utils.accAdd((this.$store.state.cartNum || 0) - 0, this.buy_num);
					let statePrice = this.$_utils.accAdd((this.$store.state.cartPrice || 0) - 0, (this.now_sku_data.salePrice - 0) * this.buy_num);

					this.$store.commit('commit_cartNum', stateNum);
					this.$store.commit('commit_cartPrice', statePrice);
					this.closeaddcartPop();
					// 点击购物车发送请求
					// setTimeout(() => {
					// 	uni.switchTab({
					// 		url: '/pages/cart/cart'
					// 	});
					// }, 100)
				});
		},
		// 请求商品品详情
		async getGoodsDetail() {
			this.$u.api
				.getGoodsDetail(this.goodsId)
				.then(({ data }) => {
					this.goodsDetail = data;
					// 抄码商品获取 KG 数据
					if (data.isEq === 5) {
						this.eq_sku_kg = data.specMultiple.find(item => item.isMaster === 5);
					}
					this.buy_num = 1;
					// 多规格时处理属性禁用标示
					if (data.specType !== 1) {
						data.specGroup = data.specGroup.map(item => {
							return {
								...item,
								params: item.params.map(itemP => {
									return {
										...itemP,
										isdisabled: true
									};
								})
							};
						});
						data.unitData.forEach(item => {
							item.isdisabled = true;
						});
					} else {
						//单规格 添加当前单位没有库存的标记
						const arr = data.specMultiple.filter(item => Math.floor(item.inventory) <= 0);
						data.unitData.forEach(item => {
							const unitItem = data.specMultiple.find(itemF => itemF.unitId === item.unitId);
							// 没有开启预售判断库存
							if (this.goodsDetail.isDistribution === 4) {
								item.isdisabled = Math.floor(unitItem.inventory) > 0 && unitItem.isSale !== 4;
							} else {
								item.isdisabled = unitItem.isSale !== 4;
							}
						});
					}

					if (this.skuId) {
						// 如果已有选中的skuId 根据ID匹配对应规格数据
						const specMultiple = data.specMultiple.find(item => item.id === parseInt(this.skuId));
						if (specMultiple.isSale !== 4) {
							this.now_sku_data = specMultiple;
						}
					} else if (data.specMultiple.length === 1) {
						//当规格只有一个默认选中
						// 没有开启预售
						if (data.specMultiple[0].isSale !== 4) {
							if (this.goodsDetail.isDistribution === 4) {
								// 如果当前商品规格只有一个且库存大于0则默认选中
								if (data.specMultiple[0].inventory > 0 && data.specMultiple[0].isSale !== 4) {
									this.now_sku_data = data.specMultiple[0];
								}
							} else {
								this.now_sku_data = data.specMultiple[0];
							}
						}
					} else {
						// 如果当前商品是非抄码商品 默认选中默认规格
						if (data.isEq === 4) {
							const specMultiple = data.specMultiple.find(item => item.isDefault === 5);
							if (specMultiple && specMultiple.isSale !== 4) {
								this.now_sku_data = specMultiple;
							}
						} else {
							// 抄码商品默认选中一个
							const specMultiple = data.specMultiple.find(item => item.isMaster === 4);
							if (specMultiple && specMultiple.isSale !== 4) {
								this.now_sku_data = specMultiple;
							}
						}
					}
					// 如果有已选中的规格则进行下一步规格的操作处理
					// console.log(this.goodsDetail);
					if (!this.now_sku_data.id) {
						return;
					}
					// 进行组合选中规格的id数组
					this.spec_id_group = this.now_sku_data.indexGroup.map(item => {
						return parseInt(item);
					});
					//如果起订数量大于限购数量，默认购买数量为限购数量
					if (this.now_sku_data.limitNum > 0 && this.now_sku_data.setNum > this.now_sku_data.limitNum) {
						this.buy_num = this.now_sku_data.limitNum || 1;
					} else {
						// 否则购买数量为起订数量
						this.buy_num = this.now_sku_data.setNum || 1;
					}
					// 该商品不能配送区域
					this.not_dispatch_areas = data.express.ruleData.not_dispatch_areas;
					//  默认设置当前选择区域是否能够配送的标示为true
					this.is_not_express = true;
					this.$nextTick(() => {
						if (this.not_dispatch_areas.areas) {
							if (this.address_data.districtCode) {
								this.is_not_express = this.not_dispatch_areas.areas.indexOf(parseInt(this.address_data.districtCode)) === -1;
							} else if (this.address_data.cityCode) {
								this.is_not_express = this.not_dispatch_areas.citys.indexOf(parseInt(this.address_data.cityCode)) === -1;
							} else {
								this.is_not_express = this.not_dispatch_areas.provinces.indexOf(parseInt(this.address_data.provinceCode)) === -1;
							}
						}
					});
				})
				.catch(err => {
					this.closeaddcartPop();
				});
		},
		// 获取地址列表
		async getAllShippingAddress() {
			this.$u.api
				.getAllShippingAddress({
					page: 1,
					pageSize: 10
				})
				.then(({ data }) => {
					if (data.length) {
						const address = data.find(item => item.defaultStatus === 5) || data[0];
						this.address_data = {
							provinceCode: address.provinceCode,
							cityCode: address.cityCode,
							districtCode: address.districtCode,
							provinceName: address.area.provinceName,
							cityName: address.area.cityName,
							districtName: address.area.districtName
						};
						this.$store.commit('commit_nowAddress', this.address_data);
						if (this.not_dispatch_areas.areas) {
							if (this.address_data.districtCode) {
								this.is_not_express = this.not_dispatch_areas.areas.indexOf(parseInt(this.address_data.districtCode)) === -1;
							} else if (this.address_data.cityCode) {
								this.is_not_express = this.not_dispatch_areas.citys.indexOf(parseInt(this.address_data.cityCode)) === -1;
							} else {
								this.is_not_express = this.not_dispatch_areas.provinces.indexOf(parseInt(this.address_data.provinceCode)) === -1;
							}
						}
					}
				});
		}
	}
};
</script>

<style lang="scss" scoped>
.activity-tag {
	font-size: 20upx;
	padding: 2upx 4upx;
	background-color: #ff4d01;
	color: #fff;
	border-radius: 4upx;
	display: inline-block;
}

.add-cart-view {
	position: relative;
	background-color: #fff;
	padding: 30upx;
	border-top-left-radius: 8upx;
	border-top-right-radius: 8upx;

	.close-icon {
		position: absolute;
		top: 20upx;
		right: 20upx;
	}

	.card-goods-info {
		.card-goods-img {
			padding-right: 32upx;
			position: relative;
			overflow: hidden;

			image {
				border-radius: 8upx;
				width: 230upx;
				height: 230upx;
				display: block;
			}

			.Eq-view {
				width: 140rpx;
				background-color: $uni-color-primary;
				color: #ffffff;
				position: absolute;
				left: -40rpx;
				top: 14rpx;
				transform: rotate(-45deg);
				font-size: 20rpx;
				text-align: center;
				line-height: 30rpx;
			}
		}

		.goods-title {
			font-weight: 600;
			-webkit-line-clamp: 1;
		}

		.lap-info {
			display: flex;
			font-size: 24upx;

			.lap-li {
				text-align: center;
				flex: 3;
				padding: 0 20upx;

				.laprice-text {
					font-size: 28upx;
					font-weight: 600;
					color: #ff4d01;
					font-family: DIN-Medium;
				}
			}
		}

		.card-goods-priceview {
			color: #ff4d01;
			font-weight: 600;
			font-size: 40upx;
			padding-top: 16upx;
			font-family: DIN-Medium;

			.rmb-icon {
				font-weight: 400;
				margin-right: 8upx;
				font-size: 24upx;
			}
		}

		.card-goods-stock {
			font-size: 24upx;
			color: #999999;
			padding-top: 10upx;

			.snum-li {
				padding-right: 10upx;
				display: inline-block;

				&:last-child-child {
					padding-right: 0;
				}
			}
		}

		.card-goods-unit {
			font-size: 24upx;
			padding-top: 10upx;
		}
	}

	.spec-card-view {
		max-height: 700upx;
		overflow-y: auto;

		.spec-card-li {
			padding: 20upx 0 0;
			border-bottom: 1px solid #f5f5f5;

			.spec-name {
				font-size: 28upx;
				padding-bottom: 20upx;
			}

			.spec-value-view {
				.spec-val-li {
					margin-right: 30upx;
					margin-bottom: 18upx;
					border-radius: 8upx;
					font-size: 26upx;
					display: inline-block;
					min-width: 52upx;
					padding: 0 24upx;
					line-height: 54upx;
					text-align: center;
					color: #333333;
					border: 1px solid #eeeeee;
					background-color: #eeeeee;
					position: relative;

					.dis-tip {
						position: absolute;
						font-size: 18rpx;
						color: #ffffff;
						background-color: #c0c4cc;
						padding: 4rpx 6rpx;
						border-top-left-radius: 12rpx;
						border-bottom-right-radius: 12rpx;
						top: -20rpx;
						right: -30rpx;
						line-height: 20rpx;
					}
				}

				.spec-val-on {
					background-color: $uni-color-primary;
					color: #ffffff;
				}
			}
		}
	}

	.buy-num-view {
		padding: 20upx 0 130upx;
		font-size: 28upx;

		.num-edit-view {
			text-align: center;
			display: inline-flex;
			align-items: center;

			.buy-num-input-view {
				display: flex;
				position: relative;
				text-align: center;
				padding: 0;
				justify-content: center;
				align-items: center;
				margin: 0 6rpx;
				flex-direction: row;

				.buy-num-input {
					width: 80upx;
					text-align: center;
					line-height: 44upx;
					height: 44upx;
					font-size: 26upx;
				}
			}

			.subr-view,
			.plus-view {
				justify-content: center;
				align-items: center;
				flex-direction: row;
				display: flex;
				margin-top: 0upx;
				width: 44upx;
				height: 44upx;
				background-color: #f2f3f5;
				font-size: 36upx;
				color: #323233;
				border-radius: 8upx;
			}

			.disabled-color {
				color: #c8c9cc;
				background: #f7f8fa;
			}
		}
	}

	.card-btn-view {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 9;
		width: 750upx;
		background-color: #fff;
		border-top: 1px solid #f5f5f5;

		.no-tip {
			font-size: 22upx;
			background-color: #fdf6ec;
			color: #d48d24;
			text-align: center;
			line-height: 42upx;
		}

		.buy-btn {
			display: flex;

			.card-btn-li {
				flex: 2;
				// width: 100%;
				text-align: center;
				line-height: 90upx;
				color: #fff;
				background-color: #007aff;
			}

			.dis-add {
				color: #cccccc;
			}
		}
	}
}

.express-view {
	padding: 20upx 0;
	border-bottom: 1px solid #f5f5f5;

	.express-tit {
		font-size: 28upx;
		padding-bottom: 10upx;

		.desc {
			font-size: 20upx;
			color: #999999;
		}
	}

	.region-view {
		font-size: 26upx;

		.float_left {
			.ibondizhi2 {
				font-size: 28upx;
				margin-right: 10upx;
				color: #666666;
			}
		}

		.float_right {
			.ibonjinru {
				font-size: 28upx;
				color: #666666;
			}
		}
	}
}

.vip-price {
	margin-top: 6rpx;
	line-height: 32rpx;
	height: 32rpx;
	border-radius: 3rpx;
	overflow: hidden;
	font-family: DINPro-Regular;

	.price-text {
		float: left;
		min-width: 80rpx;
		text-align: center;
		vertical-align: middle;
		font-size: 20rpx;
		color: #ffdfa2;
		background: linear-gradient(270deg, #1e5657 0%, #0d2b2c 100%);
		padding: 0 8rpx;
	}

	.price-bs {
		text-align: center;
		float: left;
		vertical-align: middle;
		width: 32rpx;
		background-color: #ffdfa2;
		font-size: 20rpx;
		color: #2c7564;
	}
}
</style>