|
|
@@ -3,49 +3,53 @@
|
|
|
<view class="custom_addr" @click="showAddrPopup()">
|
|
|
<view class="contact_user">
|
|
|
<text class="contact_none" v-if="!checkedAddr.id">请选择收货地址</text>
|
|
|
- <text class="contact_name">{{checkedAddr.contact_name}}</text>
|
|
|
- <text class="contact_phone">{{checkedAddr.contact_phone}}</text>
|
|
|
- <text class="contact_more"> ></text>
|
|
|
- <text class="contact_shop">{{checkedAddr.contact_shop}}</text>
|
|
|
+ <text class="contact_name">{{ checkedAddr.contact_name }}</text>
|
|
|
+ <text class="contact_phone">{{ checkedAddr.contact_phone }}</text>
|
|
|
+ <text class="contact_more">></text>
|
|
|
+ <text class="contact_shop">{{ checkedAddr.contact_shop }}</text>
|
|
|
</view>
|
|
|
- <view class="contact_addr">
|
|
|
- {{checkedAddr.contact_province}} {{checkedAddr.contact_city}} {{checkedAddr.contact_area}}
|
|
|
- {{checkedAddr.contact_addr}}
|
|
|
+ <view class="contact_addr" style="display: flex">
|
|
|
+ {{ checkedAddr.contact_province }} {{ checkedAddr.contact_city }} {{ checkedAddr.contact_area }}
|
|
|
+ {{ checkedAddr.contact_addr }}
|
|
|
+ <view v-if="checkedAddr.shop_type"> ({{ $CONSTANTS.SHOP_TYPES[checkedAddr.shop_type] }})</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="car_list">
|
|
|
- <view class="car_item" v-for="(item,index) in cartList" :key="index">
|
|
|
+ <view class="car_item" v-for="(item, index) in cartList" :key="index">
|
|
|
<view class="box_left">
|
|
|
<image class="car_image" :src="item.thumb" mode=""></image>
|
|
|
</view>
|
|
|
<view class="box_center">
|
|
|
- <view class="car_name">{{item.name}}</view>
|
|
|
- <view class="car_spec">{{item.spec}}</view>
|
|
|
- <view v-if="item.promo_title" class="promo_title">{{item.promo_title}}</view>
|
|
|
+ <view class="car_name">{{ item.name }}</view>
|
|
|
+ <view class="car_spec">{{ item.spec }}</view>
|
|
|
+ <view v-if="item.promo_title" class="promo_title">{{ item.promo_title }}</view>
|
|
|
<view class="car_price">
|
|
|
- <text class="price">￥{{item.price}}</text>
|
|
|
+ <text class="price">￥{{ item.price }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="box_right">
|
|
|
<view class="buy_num_box">
|
|
|
- <view class="buy_num">共{{item.buy_num}}件</view>
|
|
|
+ <view class="buy_num">共{{ item.buy_num }}件</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="car_item" v-for="(item,index) in promoRebateList" :key="index">
|
|
|
+ <view class="car_item" v-for="(item, index) in promoRebateList" :key="index">
|
|
|
<view class="box_left">
|
|
|
<image class="car_image" :src="item.thumb" mode=""></image>
|
|
|
</view>
|
|
|
<view class="box_center">
|
|
|
- <view class="car_name"><text v-if="item.promo_rebate_id">【赠品】</text>{{item.name}}</view>
|
|
|
- <view class="car_spec">{{item.spec}}</view>
|
|
|
+ <view class="car_name">
|
|
|
+ <text v-if="item.promo_rebate_id">【赠品】</text>
|
|
|
+ {{ item.name }}
|
|
|
+ </view>
|
|
|
+ <view class="car_spec">{{ item.spec }}</view>
|
|
|
<view class="car_price">
|
|
|
- <text class="price">￥{{item.price}}</text>
|
|
|
+ <text class="price">￥{{ item.price }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="box_right">
|
|
|
<view class="buy_num_box">
|
|
|
- <view class="buy_num">共{{item.buy_num}}件</view>
|
|
|
+ <view class="buy_num">共{{ item.buy_num }}件</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -53,34 +57,35 @@
|
|
|
<view>
|
|
|
<view class="to_select_coupon" v-if="couponList.length" @click="popupCoupon()">
|
|
|
<text>优惠券</text>
|
|
|
- <view class="coupon_deduction">{{couponUsed}}</view>
|
|
|
+ <view class="coupon_deduction">{{ couponUsed }}</view>
|
|
|
</view>
|
|
|
<view class="to_select_coupon" v-if="reduction > 0">
|
|
|
<text>满减</text>
|
|
|
- <view class="coupon_deduction">-{{reduction}}</view>
|
|
|
+ <view class="coupon_deduction">-{{ reduction }}</view>
|
|
|
</view>
|
|
|
<view class="to_select_coupon" v-if="discount > 0">
|
|
|
<text>商品折扣</text>
|
|
|
- <view class="coupon_deduction">-{{discount}}</view>
|
|
|
+ <view class="coupon_deduction">-{{ discount }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="bottom_box">
|
|
|
<view class="price_box">
|
|
|
- 合计：<text class="price_total">￥{{priceTotal}}</text>
|
|
|
+ 合计：
|
|
|
+ <text class="price_total">￥{{ priceTotal }}</text>
|
|
|
</view>
|
|
|
<button class="to_order" @click="createOrder()" data-eventsync="true">提交预约</button>
|
|
|
</view>
|
|
|
- <uni-popup ref="popup" type="bottom" class="popup" background-color="#FFFFFF" @touchmove.stop.prevent="()=>{}">
|
|
|
+ <uni-popup ref="popup" type="bottom" class="popup" background-color="#FFFFFF" @touchmove.stop.prevent="() => {}">
|
|
|
<view class="coupon_list">
|
|
|
- <view class="coupon_item" v-for="(item,index) in couponList" :key="index" @click="checkedCoupon(index)">
|
|
|
+ <view class="coupon_item" v-for="(item, index) in couponList" :key="index" @click="checkedCoupon(index)">
|
|
|
<view class="box_left">
|
|
|
- <view class="rebate" v-if="item.rebate_type == 1"> ￥{{item.rebate}}</view>
|
|
|
- <view class="rebate" v-if="item.rebate_type == 2"> 打 {{item.rebate}} 折</view>
|
|
|
+ <view class="rebate" v-if="item.rebate_type == 1">￥{{ item.rebate }}</view>
|
|
|
+ <view class="rebate" v-if="item.rebate_type == 2">打 {{ item.rebate }} 折</view>
|
|
|
<view class="rebate" v-if="item.rebate_type == 3">
|
|
|
赠
|
|
|
- <text v-if="item.rebate_scope.length"> {{item.rebate_scope[0].product_name}} </text>
|
|
|
+ <text v-if="item.rebate_scope.length">{{ item.rebate_scope[0].product_name }}</text>
|
|
|
</view>
|
|
|
- <view class="std_pay"> 满{{item.std_pay}}</view>
|
|
|
+ <view class="std_pay">满{{ item.std_pay }}</view>
|
|
|
</view>
|
|
|
<view class="box_right">
|
|
|
<view class="coupon_title">
|
|
|
@@ -93,36 +98,34 @@
|
|
|
<text class="" v-if="item.type_id == 2">全场可用</text>
|
|
|
<view class="check_label">
|
|
|
<view class="isstd" v-if="!item.is_std">不可用</view>
|
|
|
- <image class="checkbox" v-if="item.is_std"
|
|
|
- :src="item.checked?'../../static/icon/checked.png':'../../static/icon/checkbox.png'">
|
|
|
- </image>
|
|
|
+ <image class="checkbox" v-if="item.is_std" :src="item.checked ? '../../static/icon/checked.png' : '../../static/icon/checkbox.png'"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="coupon_info">
|
|
|
- <view class="coupon_exp">{{item.exp_time}} 到期</view>
|
|
|
+ <view class="coupon_exp">{{ item.exp_time }} 到期</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
<uni-popup ref="addrPopup" type="bottom" class="popup" background-color="#FFFFFF">
|
|
|
- <view class="popup_title">收货地址 <navigator url="/pages/addr/index?notify=addr" class="to_addr_page">管理
|
|
|
- </navigator>
|
|
|
+ <view class="popup_title">
|
|
|
+ 收货地址
|
|
|
+ <navigator url="/pages/addr/index?notify=addr" class="to_addr_page">管理</navigator>
|
|
|
</view>
|
|
|
<view class="addr_list">
|
|
|
- <view class="addr_item" v-for="(item,index) in addrList" :key="index" @click="checkedAddrItem(item)">
|
|
|
+ <view class="addr_item" v-for="(item, index) in addrList" :key="index" @click="checkedAddrItem(item)">
|
|
|
<view class="radio_label">
|
|
|
- <image class="radio_icon"
|
|
|
- :src="item.id == checkedAddr.id? '../../static/icon/radioed.png' : '../../static/icon/radio.png'">
|
|
|
- </image>
|
|
|
+ <image class="radio_icon" :src="item.id == checkedAddr.id ? '../../static/icon/radioed.png' : '../../static/icon/radio.png'"></image>
|
|
|
</view>
|
|
|
<view class="contact_user">
|
|
|
- <text class="contact_name">{{item.contact_name}}</text>
|
|
|
- <text class="contact_phone">{{item.contact_phone}}</text>
|
|
|
+ <text class="contact_name">{{ item.contact_name }}</text>
|
|
|
+ <text class="contact_phone">{{ item.contact_phone }}</text>
|
|
|
<text class="contact_default" v-if="item.is_default">默认</text>
|
|
|
</view>
|
|
|
- <view class="contact_addr">
|
|
|
- {{item.contact_province}} {{item.contact_city}} {{item.contact_area}} {{item.contact_addr}}
|
|
|
+ <view class="contact_addr" style="display: flex">
|
|
|
+ {{ item.contact_province }} {{ item.contact_city }} {{ item.contact_area }} {{ item.contact_addr }}
|
|
|
+ <view v-if="item.shop_type"> ({{ $CONSTANTS.SHOP_TYPES[item.shop_type] }})</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -134,813 +137,800 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // 购物车列表
|
|
|
- cartList: [],
|
|
|
- // 优惠券列表
|
|
|
- couponList: [],
|
|
|
- //赠品列表
|
|
|
- promoRebateList: [],
|
|
|
- // 请求参数
|
|
|
- requestParam: {
|
|
|
- cart_ids: "",
|
|
|
- },
|
|
|
- // 总价
|
|
|
- priceTotal: '0.00',
|
|
|
- discount: '0.00',
|
|
|
- reduction: '0.00',
|
|
|
- // 优惠券使用
|
|
|
- couponUsed: "去使用 >",
|
|
|
- // 扣减金额
|
|
|
- rebatePrice: 0.00,
|
|
|
- // 已经选择的优惠券ID
|
|
|
- customCoupon: 0,
|
|
|
- // 地址列表
|
|
|
- addrList: [],
|
|
|
- // 已选地址
|
|
|
- checkedAddr: {
|
|
|
- id: 0,
|
|
|
- contact_name: "",
|
|
|
- contact_phone: "",
|
|
|
- contact_province: "",
|
|
|
- contact_city: "",
|
|
|
- contact_area: "",
|
|
|
- contact_addr: "",
|
|
|
- is_default: 0,
|
|
|
- }
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 购物车列表
|
|
|
+ cartList: [],
|
|
|
+ // 优惠券列表
|
|
|
+ couponList: [],
|
|
|
+ //赠品列表
|
|
|
+ promoRebateList: [],
|
|
|
+ // 请求参数
|
|
|
+ requestParam: {
|
|
|
+ cart_ids: ''
|
|
|
+ },
|
|
|
+ // 总价
|
|
|
+ priceTotal: '0.00',
|
|
|
+ discount: '0.00',
|
|
|
+ reduction: '0.00',
|
|
|
+ // 优惠券使用
|
|
|
+ couponUsed: '去使用 >',
|
|
|
+ // 扣减金额
|
|
|
+ rebatePrice: 0.0,
|
|
|
+ // 已经选择的优惠券ID
|
|
|
+ customCoupon: 0,
|
|
|
+ // 地址列表
|
|
|
+ addrList: [],
|
|
|
+ // 已选地址
|
|
|
+ checkedAddr: {
|
|
|
+ id: 0,
|
|
|
+ contact_name: '',
|
|
|
+ contact_phone: '',
|
|
|
+ contact_province: '',
|
|
|
+ contact_city: '',
|
|
|
+ contact_area: '',
|
|
|
+ contact_addr: '',
|
|
|
+ is_default: 0
|
|
|
}
|
|
|
- },
|
|
|
- onLoad(param) {
|
|
|
- // 获取路由参数
|
|
|
- this.requestParam.cart_ids = param.cart_ids;
|
|
|
- var that = this;
|
|
|
- // 监听地址变动
|
|
|
- uni.$on('addr_list_change', function(data) {
|
|
|
- // 地址列表
|
|
|
- that.addrList = data.list;
|
|
|
-
|
|
|
- })
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- // 结果
|
|
|
- this.$http.request('api/shop_cart/check_list', this.requestParam).then((re) => {
|
|
|
- if (re.code == 'success') {
|
|
|
- // 赋值
|
|
|
- this.cartList = re.data;
|
|
|
- this.promoRebateList = re.promoRebateList;
|
|
|
- this.discount = re.discount;
|
|
|
- this.reduction = re.reduction;
|
|
|
- // 结果
|
|
|
- this.$http.request('api/custom_coupon/get_checked', this.requestParam).then((re) => {
|
|
|
- if (re.code == 'success') {
|
|
|
- // 赋值
|
|
|
- this.couponList = re.data;
|
|
|
- // 推荐使用的优惠券
|
|
|
- let rebatePrice = 0;
|
|
|
- // 循环优惠券
|
|
|
- for (let i in this.couponList) {
|
|
|
- /* 商品的总价格，决定是否可用 */
|
|
|
- var totalPrice = 0.00;
|
|
|
- // 循环产品，
|
|
|
- for (let j in this.cartList) {
|
|
|
- // 如果是商品券
|
|
|
- if (this.couponList[i].type_id == 1) {
|
|
|
- // 判断商品是不是在商品范围
|
|
|
- var isScope = false;
|
|
|
- // 循环商品范围
|
|
|
- for (let k in this.couponList[i].product_scope) {
|
|
|
- // 如果存在商品范围
|
|
|
- if (this.couponList[i].product_scope[k].product_id == this
|
|
|
- .cartList[j].product_id) isScope = true;
|
|
|
- }
|
|
|
- // 范围内的做计算
|
|
|
- if (isScope) {
|
|
|
- totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(
|
|
|
- this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
- }
|
|
|
- // 如果排除商品
|
|
|
- } else if (this.couponList[i].type_id == 3) {
|
|
|
- // 判断商品是不是在排除范围
|
|
|
- var isExclude = false;
|
|
|
- // 循环排除范围
|
|
|
- for (let k in this.couponList[i].product_exclude) {
|
|
|
- // 如果存在排除范围
|
|
|
- if (this.couponList[i].product_exclude[k].product_id == this
|
|
|
- .cartList[j].product_id) isExclude = true;
|
|
|
- }
|
|
|
- // 不在排除内的做计算
|
|
|
- if (!isExclude) {
|
|
|
- totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(
|
|
|
- this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
- }
|
|
|
- // 店铺券
|
|
|
- } else {
|
|
|
- // 折扣券以及满减券的话，计算价格
|
|
|
- totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this
|
|
|
- .cartList[j].price, this.cartList[j].buy_num));
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(param) {
|
|
|
+ // 获取路由参数
|
|
|
+ this.requestParam.cart_ids = param.cart_ids;
|
|
|
+ var that = this;
|
|
|
+ // 监听地址变动
|
|
|
+ uni.$on('addr_list_change', function (data) {
|
|
|
+ // 地址列表
|
|
|
+ that.addrList = data.list;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ // 结果
|
|
|
+ this.$http.request('api/shop_cart/check_list', this.requestParam).then((re) => {
|
|
|
+ if (re.code == 'success') {
|
|
|
+ // 赋值
|
|
|
+ this.cartList = re.data;
|
|
|
+ this.promoRebateList = re.promoRebateList;
|
|
|
+ this.discount = re.discount;
|
|
|
+ this.reduction = re.reduction;
|
|
|
+ // 结果
|
|
|
+ this.$http.request('api/custom_coupon/get_checked', this.requestParam).then((re) => {
|
|
|
+ if (re.code == 'success') {
|
|
|
+ // 赋值
|
|
|
+ this.couponList = re.data;
|
|
|
+ // 推荐使用的优惠券
|
|
|
+ let rebatePrice = 0;
|
|
|
+ // 循环优惠券
|
|
|
+ for (let i in this.couponList) {
|
|
|
+ /* 商品的总价格，决定是否可用 */
|
|
|
+ var totalPrice = 0.0;
|
|
|
+ // 循环产品，
|
|
|
+ for (let j in this.cartList) {
|
|
|
+ // 如果是商品券
|
|
|
+ if (this.couponList[i].type_id == 1) {
|
|
|
+ // 判断商品是不是在商品范围
|
|
|
+ var isScope = false;
|
|
|
+ // 循环商品范围
|
|
|
+ for (let k in this.couponList[i].product_scope) {
|
|
|
+ // 如果存在商品范围
|
|
|
+ if (this.couponList[i].product_scope[k].product_id == this.cartList[j].product_id) isScope = true;
|
|
|
+ }
|
|
|
+ // 范围内的做计算
|
|
|
+ if (isScope) {
|
|
|
+ totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
+ }
|
|
|
+ // 如果排除商品
|
|
|
+ } else if (this.couponList[i].type_id == 3) {
|
|
|
+ // 判断商品是不是在排除范围
|
|
|
+ var isExclude = false;
|
|
|
+ // 循环排除范围
|
|
|
+ for (let k in this.couponList[i].product_exclude) {
|
|
|
+ // 如果存在排除范围
|
|
|
+ if (this.couponList[i].product_exclude[k].product_id == this.cartList[j].product_id) isExclude = true;
|
|
|
}
|
|
|
- // 判断价格到不到限额
|
|
|
- this.couponList[i].is_std = parseFloat(totalPrice.toFixed(2)) >=
|
|
|
- parseFloat(this.$decimal.mul(this.couponList[i].std_pay, 1)
|
|
|
- .toFixed(2));
|
|
|
- // 如果可用的话，并且没有主动选择优惠券
|
|
|
- if (this.couponList[i].is_std) {
|
|
|
- // 优惠金额
|
|
|
- let newRebatePrice = 0.00;
|
|
|
- // 计算满减价格
|
|
|
- if (this.couponList[i].rebate_type == 1) {
|
|
|
- // 计算扣减数据
|
|
|
- newRebatePrice = this.$decimal.mul(this.couponList[i].rebate,
|
|
|
- 1);
|
|
|
- }
|
|
|
- // 计算折扣价格
|
|
|
- if (this.couponList[i].rebate_type == 2) {
|
|
|
- // 折扣
|
|
|
- newRebatePrice = this.$decimal.mul(totalPrice, this.couponList[
|
|
|
- i].rebate);
|
|
|
- // 减数
|
|
|
- newRebatePrice = this.$decimal.sub(totalPrice, newRebatePrice
|
|
|
- .mul(0.1));
|
|
|
- }
|
|
|
- // 判断哪个比较优惠
|
|
|
- if (parseFloat(rebatePrice.toFixed(2)) < parseFloat(newRebatePrice
|
|
|
- .toFixed(2))) {
|
|
|
- // 覆盖价格
|
|
|
- rebatePrice = parseFloat(newRebatePrice.toFixed(2));
|
|
|
- // 选中
|
|
|
- this.checkedCoupon(i);
|
|
|
- }
|
|
|
+ // 不在排除内的做计算
|
|
|
+ if (!isExclude) {
|
|
|
+ totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
+ }
|
|
|
+ // 店铺券
|
|
|
+ } else {
|
|
|
+ // 折扣券以及满减券的话，计算价格
|
|
|
+ totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
+ }
|
|
|
+ // 判断价格到不到限额
|
|
|
+ this.couponList[i].is_std = parseFloat(totalPrice.toFixed(2)) >= parseFloat(this.$decimal.mul(this.couponList[i].std_pay, 1).toFixed(2));
|
|
|
+ // 如果可用的话，并且没有主动选择优惠券
|
|
|
+ if (this.couponList[i].is_std) {
|
|
|
+ // 优惠金额
|
|
|
+ let newRebatePrice = 0.0;
|
|
|
+ // 计算满减价格
|
|
|
+ if (this.couponList[i].rebate_type == 1) {
|
|
|
+ // 计算扣减数据
|
|
|
+ newRebatePrice = this.$decimal.mul(this.couponList[i].rebate, 1);
|
|
|
+ }
|
|
|
+ // 计算折扣价格
|
|
|
+ if (this.couponList[i].rebate_type == 2) {
|
|
|
+ // 折扣
|
|
|
+ newRebatePrice = this.$decimal.mul(totalPrice, this.couponList[i].rebate);
|
|
|
+ // 减数
|
|
|
+ newRebatePrice = this.$decimal.sub(totalPrice, newRebatePrice.mul(0.1));
|
|
|
+ }
|
|
|
+ // 判断哪个比较优惠
|
|
|
+ if (parseFloat(rebatePrice.toFixed(2)) < parseFloat(newRebatePrice.toFixed(2))) {
|
|
|
+ // 覆盖价格
|
|
|
+ rebatePrice = parseFloat(newRebatePrice.toFixed(2));
|
|
|
+ // 选中
|
|
|
+ this.checkedCoupon(i);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- });
|
|
|
- // 计算价格
|
|
|
- this.priceHandler();
|
|
|
- }
|
|
|
- });
|
|
|
- // 地址列表
|
|
|
- this.getAddrList();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- // 地址弹出层
|
|
|
- showAddrPopup() {
|
|
|
- // 显示下单弹出层
|
|
|
- this.$refs.addrPopup.open('bottom');
|
|
|
- },
|
|
|
- // 价格计算
|
|
|
- priceHandler() {
|
|
|
- // 总价格
|
|
|
- let priceTotal = 0;
|
|
|
- // 循环处理
|
|
|
- for (let index in this.cartList) {
|
|
|
- priceTotal = this.$decimal.add(priceTotal, this.$decimal.mul(this.cartList[index].price, this.cartList[
|
|
|
- index].buy_num));
|
|
|
- }
|
|
|
- // 扣减数据
|
|
|
- priceTotal = this.$decimal.sub(priceTotal, this.rebatePrice);
|
|
|
- priceTotal = this.$decimal.sub(priceTotal, this.reduction);
|
|
|
- priceTotal = this.$decimal.sub(priceTotal, this.discount);
|
|
|
- // 小数点保留
|
|
|
- this.priceTotal = priceTotal.toFixed(2)
|
|
|
- },
|
|
|
- // 创建订单
|
|
|
- createOrder() {
|
|
|
- // 不可预约
|
|
|
- if (!this.$checkAccess.alertCity()) return;
|
|
|
- // 需要下单的产品列表
|
|
|
- let productList = [];
|
|
|
- // 循环列表数据
|
|
|
- for (let index in this.cartList) {
|
|
|
- // 购买数量必须大于0的才行
|
|
|
- if (this.cartList[index].buy_num > 0) {
|
|
|
- // 追加需要下单的数据
|
|
|
- productList.push({
|
|
|
- product_id: this.cartList[index].product_id,
|
|
|
- buy_num: this.cartList[index].buy_num,
|
|
|
- product_skuid: this.cartList[index].skuid
|
|
|
- });
|
|
|
}
|
|
|
+ });
|
|
|
+ // 计算价格
|
|
|
+ this.priceHandler();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 地址列表
|
|
|
+ this.getAddrList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 地址弹出层
|
|
|
+ showAddrPopup() {
|
|
|
+ // 显示下单弹出层
|
|
|
+ this.$refs.addrPopup.open('bottom');
|
|
|
+ },
|
|
|
+ // 价格计算
|
|
|
+ priceHandler() {
|
|
|
+ // 总价格
|
|
|
+ let priceTotal = 0;
|
|
|
+ // 循环处理
|
|
|
+ for (let index in this.cartList) {
|
|
|
+ priceTotal = this.$decimal.add(priceTotal, this.$decimal.mul(this.cartList[index].price, this.cartList[index].buy_num));
|
|
|
+ }
|
|
|
+ // 扣减数据
|
|
|
+ priceTotal = this.$decimal.sub(priceTotal, this.rebatePrice);
|
|
|
+ priceTotal = this.$decimal.sub(priceTotal, this.reduction);
|
|
|
+ priceTotal = this.$decimal.sub(priceTotal, this.discount);
|
|
|
+ // 小数点保留
|
|
|
+ this.priceTotal = priceTotal.toFixed(2);
|
|
|
+ },
|
|
|
+ // 创建订单
|
|
|
+ createOrder() {
|
|
|
+ // 不可预约
|
|
|
+ if (!this.$checkAccess.alertCity()) return;
|
|
|
+ // 需要下单的产品列表
|
|
|
+ let productList = [];
|
|
|
+ // 循环列表数据
|
|
|
+ for (let index in this.cartList) {
|
|
|
+ // 购买数量必须大于0的才行
|
|
|
+ if (this.cartList[index].buy_num > 0) {
|
|
|
+ // 追加需要下单的数据
|
|
|
+ productList.push({
|
|
|
+ product_id: this.cartList[index].product_id,
|
|
|
+ buy_num: this.cartList[index].buy_num,
|
|
|
+ product_skuid: this.cartList[index].skuid
|
|
|
+ });
|
|
|
}
|
|
|
- if (productList.length <= 0) {
|
|
|
- uni.showToast({
|
|
|
- title: "未选择可预约的产品",
|
|
|
- icon: "none",
|
|
|
- })
|
|
|
- return;
|
|
|
- }
|
|
|
- // 地址未填
|
|
|
- if (!this.checkedAddr.id) {
|
|
|
- uni.showToast({
|
|
|
- title: "请选择收货地址",
|
|
|
- icon: "none"
|
|
|
- })
|
|
|
- return;
|
|
|
- }
|
|
|
- //需要下单的产品信息参数传给OrederCompletion页面
|
|
|
- let productInfo = [];
|
|
|
- for (let index in this.cartList) {
|
|
|
- // 购买数量必须大于0的才行
|
|
|
- if (this.cartList[index].buy_num > 0) {
|
|
|
- // 追加需要下单的数据
|
|
|
- productInfo.push({
|
|
|
- name: this.cartList[index].name,
|
|
|
- spec: this.cartList[index].spec,
|
|
|
- price: this.cartList[index].price
|
|
|
- });
|
|
|
- }
|
|
|
+ }
|
|
|
+ if (productList.length <= 0) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '未选择可预约的产品',
|
|
|
+ icon: 'none'
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // 地址未填
|
|
|
+ if (!this.checkedAddr.id) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '请选择收货地址',
|
|
|
+ icon: 'none'
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ //需要下单的产品信息参数传给OrederCompletion页面
|
|
|
+ let productInfo = [];
|
|
|
+ for (let index in this.cartList) {
|
|
|
+ // 购买数量必须大于0的才行
|
|
|
+ if (this.cartList[index].buy_num > 0) {
|
|
|
+ // 追加需要下单的数据
|
|
|
+ productInfo.push({
|
|
|
+ name: this.cartList[index].name,
|
|
|
+ spec: this.cartList[index].spec,
|
|
|
+ price: this.cartList[index].price
|
|
|
+ });
|
|
|
}
|
|
|
- // 转成json字符串
|
|
|
- productInfo = JSON.stringify(productInfo);
|
|
|
- //加密json格式成编码数组
|
|
|
- let encodedArray = encodeURIComponent(productInfo);
|
|
|
- // 转成json字符串传输
|
|
|
- productList = JSON.stringify(productList);
|
|
|
- // 请求接口
|
|
|
- this.$http.request('api/orders/create', {
|
|
|
- "product_list": productList,
|
|
|
- 'custom_coupon_id': this.customCoupon,
|
|
|
- 'is_cart': 1,
|
|
|
- 'addr_id': this.checkedAddr.id
|
|
|
- }, 'post').then((re) => {
|
|
|
+ }
|
|
|
+ // 转成json字符串
|
|
|
+ productInfo = JSON.stringify(productInfo);
|
|
|
+ //加密json格式成编码数组
|
|
|
+ let encodedArray = encodeURIComponent(productInfo);
|
|
|
+ // 转成json字符串传输
|
|
|
+ productList = JSON.stringify(productList);
|
|
|
+ // 请求接口
|
|
|
+ this.$http
|
|
|
+ .request(
|
|
|
+ 'api/orders/create',
|
|
|
+ {
|
|
|
+ product_list: productList,
|
|
|
+ custom_coupon_id: this.customCoupon,
|
|
|
+ is_cart: 1,
|
|
|
+ addr_id: this.checkedAddr.id
|
|
|
+ },
|
|
|
+ 'post'
|
|
|
+ )
|
|
|
+ .then((re) => {
|
|
|
// 判断结果
|
|
|
if (re.code == 'success') {
|
|
|
// 跳转到报单完成页面
|
|
|
uni.redirectTo({
|
|
|
url: `/pages/orders/completion?params=${encodedArray}`
|
|
|
- })
|
|
|
+ });
|
|
|
return;
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
title: re.msg,
|
|
|
- icon: "none"
|
|
|
- })
|
|
|
+ icon: 'none'
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
- },
|
|
|
- // 弹出优惠券
|
|
|
- popupCoupon() {
|
|
|
- this.$refs.popup.open();
|
|
|
- },
|
|
|
- // 选择优惠券
|
|
|
- checkedCoupon(index) {
|
|
|
- // 单个设置选中/未选
|
|
|
- this.couponList[index].checked = this.couponList[index].checked ? 0 : 1;
|
|
|
- // 循环处理
|
|
|
- for (let i in this.couponList) {
|
|
|
- // 有未选的就不做全选
|
|
|
- if (index != i) this.couponList[i].checked = 0;
|
|
|
+ },
|
|
|
+ // 弹出优惠券
|
|
|
+ popupCoupon() {
|
|
|
+ this.$refs.popup.open();
|
|
|
+ },
|
|
|
+ // 选择优惠券
|
|
|
+ checkedCoupon(index) {
|
|
|
+ // 单个设置选中/未选
|
|
|
+ this.couponList[index].checked = this.couponList[index].checked ? 0 : 1;
|
|
|
+ // 循环处理
|
|
|
+ for (let i in this.couponList) {
|
|
|
+ // 有未选的就不做全选
|
|
|
+ if (index != i) this.couponList[i].checked = 0;
|
|
|
+ }
|
|
|
+ // 如果未选中，提示可用
|
|
|
+ if (!this.couponList[index].checked) this.couponUsed = '去使用 >';
|
|
|
+ // 已经选择的优惠券ID
|
|
|
+ this.customCoupon = this.couponList[index].checked ? this.couponList[index].id : 0;
|
|
|
+ // 计算扣减
|
|
|
+ this.couponRebate();
|
|
|
+ // 计算价格
|
|
|
+ this.priceHandler();
|
|
|
+ // 关闭弹窗
|
|
|
+ this.$refs.popup.close();
|
|
|
+ },
|
|
|
+ // 计算优惠券扣减
|
|
|
+ couponRebate() {
|
|
|
+ // 默认扣减0
|
|
|
+ this.rebatePrice = 0;
|
|
|
+ // 循环优惠券
|
|
|
+ for (let i in this.couponList) {
|
|
|
+ // 判断是否选中
|
|
|
+ if (!this.couponList[i].checked) {
|
|
|
+ // 未选择的不管
|
|
|
+ continue;
|
|
|
}
|
|
|
- // 如果未选中，提示可用
|
|
|
- if (!this.couponList[index].checked) this.couponUsed = '去使用 >';
|
|
|
- // 已经选择的优惠券ID
|
|
|
- this.customCoupon = this.couponList[index].checked ? this.couponList[index].id : 0
|
|
|
- // 计算扣减
|
|
|
- this.couponRebate();
|
|
|
- // 计算价格
|
|
|
- this.priceHandler();
|
|
|
- // 关闭弹窗
|
|
|
- this.$refs.popup.close();
|
|
|
- },
|
|
|
- // 计算优惠券扣减
|
|
|
- couponRebate() {
|
|
|
- // 默认扣减0
|
|
|
- this.rebatePrice = 0;
|
|
|
- // 循环优惠券
|
|
|
- for (let i in this.couponList) {
|
|
|
- // 判断是否选中
|
|
|
- if (!this.couponList[i].checked) {
|
|
|
- // 未选择的不管
|
|
|
- continue;
|
|
|
- }
|
|
|
- /* 商品的总价格，决定是否可用 */
|
|
|
- var totalPrice = 0.00;
|
|
|
- // 循环产品，
|
|
|
- for (let j in this.cartList) {
|
|
|
- // 如果是商品券
|
|
|
- if (this.couponList[i].type_id == 1) {
|
|
|
- // 判断商品是不是在商品范围
|
|
|
- var isScope = false;
|
|
|
- // 循环商品范围
|
|
|
- for (let k in this.couponList[i].product_scope) {
|
|
|
- // 如果存在商品范围
|
|
|
- if (this.couponList[i].product_scope[k].product_id == this.cartList[j].product_id)
|
|
|
- isScope = true;
|
|
|
- }
|
|
|
- // 范围内的做计算
|
|
|
- if (isScope) totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j]
|
|
|
- .price, this.cartList[j].buy_num));
|
|
|
- // 店铺券
|
|
|
- } else {
|
|
|
- // 折扣券以及满减券的话，计算价格
|
|
|
- totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j].price, this
|
|
|
- .cartList[j].buy_num));
|
|
|
+ /* 商品的总价格，决定是否可用 */
|
|
|
+ var totalPrice = 0.0;
|
|
|
+ // 循环产品，
|
|
|
+ for (let j in this.cartList) {
|
|
|
+ // 如果是商品券
|
|
|
+ if (this.couponList[i].type_id == 1) {
|
|
|
+ // 判断商品是不是在商品范围
|
|
|
+ var isScope = false;
|
|
|
+ // 循环商品范围
|
|
|
+ for (let k in this.couponList[i].product_scope) {
|
|
|
+ // 如果存在商品范围
|
|
|
+ if (this.couponList[i].product_scope[k].product_id == this.cartList[j].product_id) isScope = true;
|
|
|
}
|
|
|
+ // 范围内的做计算
|
|
|
+ if (isScope) totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
+ // 店铺券
|
|
|
+ } else {
|
|
|
+ // 折扣券以及满减券的话，计算价格
|
|
|
+ totalPrice = this.$decimal.add(totalPrice, this.$decimal.mul(this.cartList[j].price, this.cartList[j].buy_num));
|
|
|
}
|
|
|
- // 如果是可以用的话
|
|
|
- if (parseFloat(totalPrice.toFixed(2)) >= parseFloat(this.$decimal.mul(this.couponList[i].std_pay, 1)
|
|
|
- .toFixed(2))) {
|
|
|
- // 扣减金额
|
|
|
- let rebatePrice = 0;
|
|
|
- // 满减
|
|
|
- if (this.couponList[i].rebate_type == 1) {
|
|
|
- // 计算扣减数据
|
|
|
- rebatePrice = this.$decimal.mul(this.couponList[i].rebate, 1);
|
|
|
- // 替换文字
|
|
|
- this.couponUsed = "￥-" + rebatePrice.toFixed(2);
|
|
|
- }
|
|
|
+ }
|
|
|
+ // 如果是可以用的话
|
|
|
+ if (parseFloat(totalPrice.toFixed(2)) >= parseFloat(this.$decimal.mul(this.couponList[i].std_pay, 1).toFixed(2))) {
|
|
|
+ // 扣减金额
|
|
|
+ let rebatePrice = 0;
|
|
|
+ // 满减
|
|
|
+ if (this.couponList[i].rebate_type == 1) {
|
|
|
+ // 计算扣减数据
|
|
|
+ rebatePrice = this.$decimal.mul(this.couponList[i].rebate, 1);
|
|
|
+ // 替换文字
|
|
|
+ this.couponUsed = '￥-' + rebatePrice.toFixed(2);
|
|
|
+ }
|
|
|
+ // 折扣
|
|
|
+ if (this.couponList[i].rebate_type == 2) {
|
|
|
// 折扣
|
|
|
- if (this.couponList[i].rebate_type == 2) {
|
|
|
- // 折扣
|
|
|
- rebatePrice = this.$decimal.mul(totalPrice, this.couponList[i].rebate);
|
|
|
- // -0.1 表示折扣
|
|
|
- rebatePrice = this.$decimal.sub(totalPrice, rebatePrice.mul(0.1));
|
|
|
- // 替换文字
|
|
|
- this.couponUsed = "￥-" + rebatePrice.toFixed(2);
|
|
|
- }
|
|
|
- // 赠品
|
|
|
- if (this.couponList[i].rebate_type == 3) {
|
|
|
- // 替换文字
|
|
|
- this.couponUsed = "送" + (this.couponList[i].rebate_scope.length ? this.couponList[i]
|
|
|
- .rebate_scope[0].product_name : "");
|
|
|
- }
|
|
|
- // 小数点保留
|
|
|
- this.rebatePrice = rebatePrice.toFixed(2);
|
|
|
+ rebatePrice = this.$decimal.mul(totalPrice, this.couponList[i].rebate);
|
|
|
+ // -0.1 表示折扣
|
|
|
+ rebatePrice = this.$decimal.sub(totalPrice, rebatePrice.mul(0.1));
|
|
|
+ // 替换文字
|
|
|
+ this.couponUsed = '￥-' + rebatePrice.toFixed(2);
|
|
|
}
|
|
|
+ // 赠品
|
|
|
+ if (this.couponList[i].rebate_type == 3) {
|
|
|
+ // 替换文字
|
|
|
+ this.couponUsed = '送' + (this.couponList[i].rebate_scope.length ? this.couponList[i].rebate_scope[0].product_name : '');
|
|
|
+ }
|
|
|
+ // 小数点保留
|
|
|
+ this.rebatePrice = rebatePrice.toFixed(2);
|
|
|
}
|
|
|
- },
|
|
|
- // 选择地址
|
|
|
- checkedAddrItem(item) {
|
|
|
- this.checkedAddr = item;
|
|
|
- this.$refs.addrPopup.close();
|
|
|
- },
|
|
|
- getAddrList() {
|
|
|
- // 判断数据
|
|
|
- this.$http.request('api/custom_addr/get_list').then((callback) => {
|
|
|
- // 获取成功
|
|
|
- if (callback.code == 'success') {
|
|
|
- this.addrList = callback.data;
|
|
|
- // 如果有的话
|
|
|
- if (this.addrList.length) {
|
|
|
- // 获取默认的
|
|
|
- for (let i in this.addrList) {
|
|
|
- // 如果是默认的
|
|
|
- if (this.addrList[i].is_default) this.checkedAddr = this.addrList[i];
|
|
|
- }
|
|
|
- // 如果没有默认的话
|
|
|
- if (!this.checkedAddr.id) {
|
|
|
- this.checkedAddr = this.addrList[this.addrList.length - 1];
|
|
|
- }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选择地址
|
|
|
+ checkedAddrItem(item) {
|
|
|
+ this.checkedAddr = item;
|
|
|
+ this.$refs.addrPopup.close();
|
|
|
+ },
|
|
|
+ getAddrList() {
|
|
|
+ // 判断数据
|
|
|
+ this.$http.request('api/custom_addr/get_list').then((callback) => {
|
|
|
+ // 获取成功
|
|
|
+ if (callback.code == 'success') {
|
|
|
+ this.addrList = callback.data;
|
|
|
+ // 如果有的话
|
|
|
+ if (this.addrList.length) {
|
|
|
+ // 获取默认的
|
|
|
+ for (let i in this.addrList) {
|
|
|
+ // 如果是默认的
|
|
|
+ if (this.addrList[i].is_default) this.checkedAddr = this.addrList[i];
|
|
|
+ }
|
|
|
+ // 如果没有默认的话
|
|
|
+ if (!this.checkedAddr.id) {
|
|
|
+ this.checkedAddr = this.addrList[this.addrList.length - 1];
|
|
|
}
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
- .custom_addr {
|
|
|
- width: 680rpx;
|
|
|
+.custom_addr {
|
|
|
+ width: 680rpx;
|
|
|
+ display: block;
|
|
|
+ font-size: 24rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0rpx auto;
|
|
|
+ line-height: 40rpx;
|
|
|
+ padding: 20rpx 35rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-bottom: 2rpx solid #dddddd;
|
|
|
+
|
|
|
+ .contact_user {
|
|
|
display: block;
|
|
|
font-size: 24rpx;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0rpx auto;
|
|
|
- line-height: 40rpx;
|
|
|
- padding: 20rpx 35rpx;
|
|
|
- background-color: #FFFFFF;
|
|
|
- border-bottom: 2rpx solid #dddddd;
|
|
|
-
|
|
|
- .contact_user {
|
|
|
- display: block;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 50rpx;
|
|
|
-
|
|
|
- .contact_none {
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+ line-height: 50rpx;
|
|
|
|
|
|
- .contact_name {
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: bold;
|
|
|
- margin-right: 16rpx;
|
|
|
- }
|
|
|
+ .contact_none {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
|
|
|
- .contact_more {
|
|
|
- float: right;
|
|
|
- font-size: 40rpx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+ .contact_name {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-right: 16rpx;
|
|
|
+ }
|
|
|
|
|
|
- .contact_shop {
|
|
|
- float: right;
|
|
|
- font-size: 26rpx;
|
|
|
- margin-right: 16rpx;
|
|
|
- }
|
|
|
+ .contact_more {
|
|
|
+ float: right;
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
- .contact_addr {
|
|
|
- width: 620rpx;
|
|
|
- display: block;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 30rpx;
|
|
|
- padding: 10rpx 5rpx;
|
|
|
+ .contact_shop {
|
|
|
+ float: right;
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .car_list {
|
|
|
+ .contact_addr {
|
|
|
+ width: 620rpx;
|
|
|
+ display: block;
|
|
|
+ font-size: 24rpx;
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding: 10rpx 5rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.car_list {
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0rpx auto;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ background: #ffffff;
|
|
|
+
|
|
|
+ .car_item {
|
|
|
+ height: 170rpx;
|
|
|
display: block;
|
|
|
overflow: hidden;
|
|
|
margin: 0rpx auto;
|
|
|
- margin-top: 20rpx;
|
|
|
- background: #FFFFFF;
|
|
|
+ padding: 20rpx 35rpx;
|
|
|
+ border-bottom: 2rpx solid #dddddd;
|
|
|
|
|
|
- .car_item {
|
|
|
- height: 170rpx;
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0rpx auto;
|
|
|
- padding: 20rpx 35rpx;
|
|
|
- border-bottom: 2rpx solid #DDDDDD;
|
|
|
+ .box_left {
|
|
|
+ float: left;
|
|
|
+ width: 140rpx;
|
|
|
+ height: 190rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
|
|
|
- .box_left {
|
|
|
- float: left;
|
|
|
+ .car_image {
|
|
|
width: 140rpx;
|
|
|
- height: 190rpx;
|
|
|
- margin-top: 10rpx;
|
|
|
-
|
|
|
- .car_image {
|
|
|
- width: 140rpx;
|
|
|
- height: 140rpx;
|
|
|
- border-radius: 5rpx;
|
|
|
- }
|
|
|
+ height: 140rpx;
|
|
|
+ border-radius: 5rpx;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .box_center {
|
|
|
- float: left;
|
|
|
- width: 300rpx;
|
|
|
- margin-left: 25rpx;
|
|
|
+ .box_center {
|
|
|
+ float: left;
|
|
|
+ width: 300rpx;
|
|
|
+ margin-left: 25rpx;
|
|
|
|
|
|
- .car_name {
|
|
|
- max-height: 70rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- /* 不换行 */
|
|
|
- overflow: hidden;
|
|
|
- /* 隐藏超出的内容 */
|
|
|
- text-overflow: ellipsis;
|
|
|
- /* 用省略号表示被隐藏的部分 */
|
|
|
- }
|
|
|
+ .car_name {
|
|
|
+ max-height: 70rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ /* 不换行 */
|
|
|
+ overflow: hidden;
|
|
|
+ /* 隐藏超出的内容 */
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ /* 用省略号表示被隐藏的部分 */
|
|
|
+ }
|
|
|
|
|
|
- .car_spec {
|
|
|
- color: #999999;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 60rpx;
|
|
|
- max-height: 60rpx;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
+ .car_spec {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 24rpx;
|
|
|
+ line-height: 60rpx;
|
|
|
+ max-height: 60rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
|
|
|
- .promo_title {
|
|
|
- max-height: 80rpx;
|
|
|
- font-size: 20rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- overflow: hidden;
|
|
|
- padding: 0rpx 0rpx;
|
|
|
- color: #dd524d;
|
|
|
- }
|
|
|
+ .promo_title {
|
|
|
+ max-height: 80rpx;
|
|
|
+ font-size: 20rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0rpx 0rpx;
|
|
|
+ color: #dd524d;
|
|
|
+ }
|
|
|
|
|
|
- .car_price {
|
|
|
- font-size: 30rpx;
|
|
|
- line-height: 60rpx;
|
|
|
+ .car_price {
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 60rpx;
|
|
|
|
|
|
- .price {
|
|
|
- color: red;
|
|
|
- }
|
|
|
+ .price {
|
|
|
+ color: red;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .box_right {
|
|
|
+ .box_right {
|
|
|
+ float: right;
|
|
|
+ width: 185rpx;
|
|
|
+
|
|
|
+ .buy_num_box {
|
|
|
float: right;
|
|
|
- width: 185rpx;
|
|
|
+ color: #333333;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-top: 130rpx;
|
|
|
+ text-align: center;
|
|
|
|
|
|
- .buy_num_box {
|
|
|
- float: right;
|
|
|
- color: #333333;
|
|
|
- overflow: hidden;
|
|
|
+ .buy_num {
|
|
|
+ float: left;
|
|
|
+ width: 100rpx;
|
|
|
+ height: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
- margin-top: 130rpx;
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- .buy_num {
|
|
|
- float: left;
|
|
|
- width: 100rpx;
|
|
|
- height: 30rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 30rpx;
|
|
|
- padding: 0rpx 0rpx;
|
|
|
- border-radius: 8rpx;
|
|
|
- }
|
|
|
-
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding: 0rpx 0rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .car_item:last-child {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
- .to_select_coupon{
|
|
|
+ .car_item:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.to_select_coupon {
|
|
|
+ display: block;
|
|
|
+ height: 120rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ margin: 20rpx auto;
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 0rpx 35rpx;
|
|
|
+ line-height: 120rpx;
|
|
|
+
|
|
|
+ .coupon_deduction {
|
|
|
+ color: red;
|
|
|
+ float: right;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.to_select_coupon:last-child {
|
|
|
+ margin-bottom: 160rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.bottom_box {
|
|
|
+ left: 0rpx;
|
|
|
+ z-index: 9;
|
|
|
+ width: 100%;
|
|
|
+ height: 140rpx;
|
|
|
+ display: block;
|
|
|
+ position: fixed;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 0rpx 35rpx;
|
|
|
+ bottom: var(--window-bottom);
|
|
|
+
|
|
|
+ .price_box {
|
|
|
+ float: left;
|
|
|
+ width: 500rpx;
|
|
|
display: block;
|
|
|
- height: 120rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- margin: 20rpx auto;
|
|
|
- background: #FFFFFF;
|
|
|
- padding: 0rpx 35rpx;
|
|
|
- line-height: 120rpx;
|
|
|
+ color: #666666;
|
|
|
+ font-size: 26rpx;
|
|
|
+ text-align: right;
|
|
|
+ line-height: 100rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
|
- .coupon_deduction {
|
|
|
+ .price_total {
|
|
|
color: red;
|
|
|
- float: right;
|
|
|
- font-size: 26rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .to_select_coupon:last-child{
|
|
|
- margin-bottom: 160rpx;
|
|
|
+ .to_order {
|
|
|
+ float: left;
|
|
|
+ width: 180rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ display: block;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 28rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ padding: 0rpx 0rpx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ background-color: #e03519;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .bottom_box {
|
|
|
- left: 0rpx;
|
|
|
- z-index: 9;
|
|
|
- width: 100%;
|
|
|
- height: 140rpx;
|
|
|
+.popup {
|
|
|
+ .popup_title {
|
|
|
display: block;
|
|
|
- position: fixed;
|
|
|
overflow: hidden;
|
|
|
- background: #FFFFFF;
|
|
|
- padding: 0rpx 35rpx;
|
|
|
- bottom: var(--window-bottom);
|
|
|
+ margin: 0rpx auto;
|
|
|
+ font-size: 36rpx;
|
|
|
+ height: 120rpx;
|
|
|
+ line-height: 120rpx;
|
|
|
+ padding: 0rpx 20rpx;
|
|
|
+ border-bottom: 10rpx solid #f8f8f8;
|
|
|
|
|
|
- .price_box {
|
|
|
- float: left;
|
|
|
- width: 500rpx;
|
|
|
+ .to_addr_page {
|
|
|
+ float: right;
|
|
|
+ color: #f59a23;
|
|
|
display: block;
|
|
|
- color: #666666;
|
|
|
+ height: 120rpx;
|
|
|
+ line-height: 120rpx;
|
|
|
font-size: 26rpx;
|
|
|
- text-align: right;
|
|
|
- line-height: 100rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
-
|
|
|
- .price_total {
|
|
|
- color: red;
|
|
|
- font-size: 30rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .to_order {
|
|
|
- float: left;
|
|
|
- width: 180rpx;
|
|
|
- height: 80rpx;
|
|
|
- display: block;
|
|
|
- color: #FFFFFF;
|
|
|
- font-size: 28rpx;
|
|
|
- margin-top: 10rpx;
|
|
|
- line-height: 80rpx;
|
|
|
- padding: 0rpx 0rpx;
|
|
|
- text-align: center;
|
|
|
- border-radius: 40rpx;
|
|
|
- background-color: #E03519;
|
|
|
+ padding: 0rpx 10rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .popup {
|
|
|
- .popup_title {
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0rpx auto;
|
|
|
- font-size: 36rpx;
|
|
|
- height: 120rpx;
|
|
|
- line-height: 120rpx;
|
|
|
- padding: 0rpx 20rpx;
|
|
|
- border-bottom: 10rpx solid #F8F8F8;
|
|
|
-
|
|
|
- .to_addr_page {
|
|
|
- float: right;
|
|
|
- color: #F59A23;
|
|
|
- display: block;
|
|
|
- height: 120rpx;
|
|
|
- line-height: 120rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- padding: 0rpx 10rpx;
|
|
|
- }
|
|
|
- }
|
|
|
+ .coupon_list {
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 10rpx auto;
|
|
|
+ min-height: 600rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ padding-bottom: 50rpx;
|
|
|
|
|
|
- .coupon_list {
|
|
|
+ .coupon_item {
|
|
|
+ height: 200rpx;
|
|
|
display: block;
|
|
|
- overflow: hidden;
|
|
|
margin: 10rpx auto;
|
|
|
- min-height: 600rpx;
|
|
|
- background: #FFFFFF;
|
|
|
- padding-bottom: 50rpx;
|
|
|
+ border-bottom: 2rpx solid #dddddd;
|
|
|
|
|
|
- .coupon_item {
|
|
|
- height: 200rpx;
|
|
|
- display: block;
|
|
|
- margin: 10rpx auto;
|
|
|
- border-bottom: 2rpx solid #DDDDDD;
|
|
|
+ .box_left {
|
|
|
+ float: left;
|
|
|
+ width: 160rpx;
|
|
|
+ height: 160rpx;
|
|
|
+ font-size: 20rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 35rpx;
|
|
|
+ line-height: 60rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ background: pink;
|
|
|
|
|
|
- .box_left {
|
|
|
- float: left;
|
|
|
- width: 160rpx;
|
|
|
- height: 160rpx;
|
|
|
- font-size: 20rpx;
|
|
|
- text-align: center;
|
|
|
- margin-left: 35rpx;
|
|
|
+ .rebate {
|
|
|
+ width: 120rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ margin: 0rpx auto;
|
|
|
line-height: 60rpx;
|
|
|
margin-top: 20rpx;
|
|
|
- background: pink;
|
|
|
-
|
|
|
- .rebate {
|
|
|
- width: 120rpx;
|
|
|
- height: 60rpx;
|
|
|
- margin: 0rpx auto;
|
|
|
- line-height: 60rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .box_right {
|
|
|
- float: left;
|
|
|
- width: 485rpx;
|
|
|
- margin-left: 35rpx;
|
|
|
- padding-top: 20rpx;
|
|
|
-
|
|
|
- .coupon_title {
|
|
|
- width: 485rpx;
|
|
|
- max-height: 80rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 40rpx;
|
|
|
- padding: 0rpx 0rpx;
|
|
|
+ .box_right {
|
|
|
+ float: left;
|
|
|
+ width: 485rpx;
|
|
|
+ margin-left: 35rpx;
|
|
|
+ padding-top: 20rpx;
|
|
|
|
|
|
- .coupon_name {
|
|
|
- float: left;
|
|
|
- height: 40rpx;
|
|
|
- width: 380rpx;
|
|
|
- }
|
|
|
+ .coupon_title {
|
|
|
+ width: 485rpx;
|
|
|
+ max-height: 80rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 40rpx;
|
|
|
+ padding: 0rpx 0rpx;
|
|
|
|
|
|
- .coupon_status {
|
|
|
- width: 85rpx;
|
|
|
- float: right;
|
|
|
- color: #999999;
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
+ .coupon_name {
|
|
|
+ float: left;
|
|
|
+ height: 40rpx;
|
|
|
+ width: 380rpx;
|
|
|
}
|
|
|
|
|
|
- .product_scope {
|
|
|
- width: 485rpx;
|
|
|
- height: 80rpx;
|
|
|
+ .coupon_status {
|
|
|
+ width: 85rpx;
|
|
|
+ float: right;
|
|
|
color: #999999;
|
|
|
font-size: 24rpx;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 80rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .check_label {
|
|
|
- float: right;
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- padding: 20rpx 20rpx;
|
|
|
+ .product_scope {
|
|
|
+ width: 485rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 24rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 80rpx;
|
|
|
|
|
|
- .isstd {
|
|
|
- line-height: 40rpx;
|
|
|
- }
|
|
|
+ .check_label {
|
|
|
+ float: right;
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 20rpx 20rpx;
|
|
|
|
|
|
- .checkbox {
|
|
|
- float: right;
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- }
|
|
|
+ .isstd {
|
|
|
+ line-height: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .checkbox {
|
|
|
+ float: right;
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .coupon_info {
|
|
|
- width: 485rpx;
|
|
|
- max-height: 80rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 40rpx;
|
|
|
- padding: 0rpx 0rpx;
|
|
|
+ .coupon_info {
|
|
|
+ width: 485rpx;
|
|
|
+ max-height: 80rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 40rpx;
|
|
|
+ padding: 0rpx 0rpx;
|
|
|
|
|
|
- .coupon_exp {
|
|
|
- float: left;
|
|
|
- font-size: 20rpx;
|
|
|
- }
|
|
|
+ .coupon_exp {
|
|
|
+ float: left;
|
|
|
+ font-size: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .coupon_item:last-child {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
+ .coupon_item:last-child {
|
|
|
+ border-bottom: none;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .addr_list {
|
|
|
- width: 730rpx;
|
|
|
+ .addr_list {
|
|
|
+ width: 730rpx;
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0rpx auto;
|
|
|
+ min-height: 500rpx;
|
|
|
+
|
|
|
+ .addr_item {
|
|
|
display: block;
|
|
|
+ font-size: 24rpx;
|
|
|
overflow: hidden;
|
|
|
- margin: 0rpx auto;
|
|
|
- min-height: 500rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ padding: 15rpx 10rpx;
|
|
|
+ border-radius: 15rpx;
|
|
|
+ border-bottom: 2rpx solid #dddddd;
|
|
|
|
|
|
- .addr_item {
|
|
|
- display: block;
|
|
|
- font-size: 24rpx;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 40rpx;
|
|
|
- padding: 15rpx 10rpx;
|
|
|
- border-radius: 15rpx;
|
|
|
- border-bottom: 2rpx solid #dddddd;
|
|
|
+ .radio_label {
|
|
|
+ width: 40rpx;
|
|
|
+ float: left;
|
|
|
+ height: 50rpx;
|
|
|
+ padding-top: 30rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
|
- .radio_label {
|
|
|
- width: 40rpx;
|
|
|
+ .radio_icon {
|
|
|
float: left;
|
|
|
- height: 50rpx;
|
|
|
- padding-top: 30rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
-
|
|
|
- .radio_icon {
|
|
|
- float: left;
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- }
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .contact_user {
|
|
|
- float: left;
|
|
|
- width: 640rpx;
|
|
|
- display: block;
|
|
|
- height: 50rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 50rpx;
|
|
|
-
|
|
|
- .contact_name {
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: bold;
|
|
|
- margin-right: 16rpx;
|
|
|
- }
|
|
|
+ .contact_user {
|
|
|
+ float: left;
|
|
|
+ width: 640rpx;
|
|
|
+ display: block;
|
|
|
+ height: 50rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
|
|
|
- .contact_default {
|
|
|
- color: #F59A23;
|
|
|
- font-size: 20rpx;
|
|
|
- margin-left: 16rpx;
|
|
|
- border: 1rpx solid #F59A23;
|
|
|
- }
|
|
|
+ .contact_name {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-right: 16rpx;
|
|
|
+ }
|
|
|
|
|
|
- .contact_shop {
|
|
|
- float: right;
|
|
|
- font-size: 26rpx;
|
|
|
- margin-right: 16rpx;
|
|
|
- }
|
|
|
+ .contact_default {
|
|
|
+ color: #f59a23;
|
|
|
+ font-size: 20rpx;
|
|
|
+ margin-left: 16rpx;
|
|
|
+ border: 1rpx solid #f59a23;
|
|
|
}
|
|
|
|
|
|
- .contact_addr {
|
|
|
- float: left;
|
|
|
- width: 640rpx;
|
|
|
- display: block;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 30rpx;
|
|
|
- padding: 10rpx 5rpx;
|
|
|
+ .contact_shop {
|
|
|
+ float: right;
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .create_box {
|
|
|
- height: 140rpx;
|
|
|
- display: block;
|
|
|
-
|
|
|
- .create_addr {
|
|
|
- width: 700rpx;
|
|
|
- height: 80rpx;
|
|
|
+ .contact_addr {
|
|
|
+ float: left;
|
|
|
+ width: 640rpx;
|
|
|
display: block;
|
|
|
- color: #FFFFFF;
|
|
|
- font-size: 30rpx;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 80rpx;
|
|
|
- padding: 0rpx 0rpx;
|
|
|
- text-align: center;
|
|
|
- margin: 0rpx auto;
|
|
|
- margin-top: 20rpx;
|
|
|
- border-radius: 40rpx;
|
|
|
- background-color: #E03519;
|
|
|
+ font-size: 24rpx;
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding: 10rpx 5rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+
|
|
|
+ .create_box {
|
|
|
+ height: 140rpx;
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ .create_addr {
|
|
|
+ width: 700rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ display: block;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 80rpx;
|
|
|
+ padding: 0rpx 0rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0rpx auto;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ background-color: #e03519;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
qianxinyu