|
@@ -0,0 +1,1133 @@
|
|
|
+<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>
|