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