|
@@ -2,20 +2,23 @@
|
|
|
<view class="confirm-order-box iPhone-bottom flex-common-css box-border-box">
|
|
<view class="confirm-order-box iPhone-bottom flex-common-css box-border-box">
|
|
|
<view class="bg-box"></view>
|
|
<view class="bg-box"></view>
|
|
|
<Nav title='提交订单' bgckgroundBox='transparent'></Nav>
|
|
<Nav title='提交订单' bgckgroundBox='transparent'></Nav>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<view class="scroll-view-css box-border-box p-24">
|
|
<view class="scroll-view-css box-border-box p-24">
|
|
|
<view class="box-card box-border-box mb-20 bgc-f">
|
|
<view class="box-card box-border-box mb-20 bgc-f">
|
|
|
<view class="box-input box-border-box p-b-20 mb-20" @click="selectFun(2)">
|
|
<view class="box-input box-border-box p-b-20 mb-20" @click="selectFun(2)">
|
|
|
<view class="flex-justify-space mb-12">
|
|
<view class="flex-justify-space mb-12">
|
|
|
- <view v-if="addressData.id" class="fs-36 fw-600 text-overflow-ellipsis w570">{{addressData.address||''}}{{addressData.school_name||''}}{{addressData.dorm_name||''}}</view>
|
|
|
|
|
|
|
+ <view v-if="addressData.id" class="fs-36 fw-600 text-overflow-ellipsis w570">
|
|
|
|
|
+ {{addressData.address||''}}{{addressData.school_name||''}}{{addressData.dorm_name||''}}
|
|
|
|
|
+ </view>
|
|
|
<view v-else class="fs-36 fw-600 text-overflow-ellipsis w570">请选择地址</view>
|
|
<view v-else class="fs-36 fw-600 text-overflow-ellipsis w570">请选择地址</view>
|
|
|
<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
|
|
<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="" v-if="addressData.id">
|
|
<view class="" v-if="addressData.id">
|
|
|
- <span class="mr-24 fs-28 fc-9">{{addressData.consignee||''}}</span><span class="fs-28 fc-9">{{addressData.phone||''}}</span>
|
|
|
|
|
|
|
+ <span class="mr-24 fs-28 fc-9">{{addressData.consignee||''}}</span><span
|
|
|
|
|
+ class="fs-28 fc-9">{{addressData.phone||''}}</span>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<!-- <view class="box-input flex-justify-space align-items-center box-border-box p-b-20 mb-20" @click="selectFun(3)">
|
|
<!-- <view class="box-input flex-justify-space align-items-center box-border-box p-b-20 mb-20" @click="selectFun(3)">
|
|
|
<view class="fs-28 fw-600">预计送达</view>
|
|
<view class="fs-28 fw-600">预计送达</view>
|
|
|
<view class="align-items-center">
|
|
<view class="align-items-center">
|
|
@@ -23,12 +26,12 @@
|
|
|
<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
|
|
<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
</view> -->
|
|
</view> -->
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<!-- <view class="box-input flex-justify-space box-border-box p-b-20 mb-20">
|
|
<!-- <view class="box-input flex-justify-space box-border-box p-b-20 mb-20">
|
|
|
<view class="fs-28 fw-600">配送方式</view>
|
|
<view class="fs-28 fw-600">配送方式</view>
|
|
|
<view class="fs-24 fw-400 sd-box fc-FB3D03">送达宿舍</view>
|
|
<view class="fs-24 fw-400 sd-box fc-FB3D03">送达宿舍</view>
|
|
|
</view> -->
|
|
</view> -->
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<view class="p-b-20">
|
|
<view class="p-b-20">
|
|
|
<view class=" flex-justify-space box-border-box p-b-20">
|
|
<view class=" flex-justify-space box-border-box p-b-20">
|
|
|
<view class="fs-28 fw-600">取件码</view>
|
|
<view class="fs-28 fw-600">取件码</view>
|
|
@@ -38,13 +41,14 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="code-box box-border-box flex-wrap-wrap">
|
|
<view class="code-box box-border-box flex-wrap-wrap">
|
|
|
- <view class="code-item fs-28 text-overflow-ellipsis-one" v-for="(item,i) in fromData.pickup_code" :key="i">{{item}}</view>
|
|
|
|
|
|
|
+ <view class="code-item fs-28 text-overflow-ellipsis-one"
|
|
|
|
|
+ v-for="(item,i) in fromData.pickup_code" :key="i">{{item}}</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<view class="box-card box-border-box bgc-f mb-20">
|
|
<view class="box-card box-border-box bgc-f mb-20">
|
|
|
<view class="mb-32 b-b-F9F9F9">
|
|
<view class="mb-32 b-b-F9F9F9">
|
|
|
<!-- <view class="fs-28 fw-600 mb-24">宋氏重庆鸡公煲(重工业店)宋氏重庆鸡公煲(重工业店)宋氏重庆鸡公煲(重工业店)</view> -->
|
|
<!-- <view class="fs-28 fw-600 mb-24">宋氏重庆鸡公煲(重工业店)宋氏重庆鸡公煲(重工业店)宋氏重庆鸡公煲(重工业店)</view> -->
|
|
@@ -71,18 +75,20 @@
|
|
|
<view class="flex-justify-space mb-24 p-b-20 b-b-F9F9F9" @click="selectFun(1)">
|
|
<view class="flex-justify-space mb-24 p-b-20 b-b-F9F9F9" @click="selectFun(1)">
|
|
|
<view class="fs-28 fw-400">优惠券</view>
|
|
<view class="fs-28 fw-400">优惠券</view>
|
|
|
<view class="align-items-center">
|
|
<view class="align-items-center">
|
|
|
- <view :class="fromData.coupon_id?'fc-FB3D03 fw-600 fs-32':'fw-400 fs-28'">{{fromData.coupon_id?'-¥'+ quanMoney:'请选择优惠券'}}</view>
|
|
|
|
|
|
|
+ <view :class="fromData.coupon_id?'fc-FB3D03 fw-600 fs-32':'fw-400 fs-28'">
|
|
|
|
|
+ {{fromData.coupon_id?'-¥'+ quanMoney:'请选择优惠券'}}</view>
|
|
|
<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
|
|
<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="text-align-right p-b-20">
|
|
<view class="text-align-right p-b-20">
|
|
|
<span class="fc-9 fs-28">共{{cardData.total_num||0}}件,</span>
|
|
<span class="fc-9 fs-28">共{{cardData.total_num||0}}件,</span>
|
|
|
<span class="fw-400 fc-0 fs-28">合计¥</span>
|
|
<span class="fw-400 fc-0 fs-28">合计¥</span>
|
|
|
- <span class="fw-600 fc-0 fs-44">{{((cardData.total_price - quanMoney) < 0?'0':(cardData.total_price - quanMoney)||0).toFixed(2)}}</span>
|
|
|
|
|
|
|
+ <span
|
|
|
|
|
+ class="fw-600 fc-0 fs-44">{{((cardData.total_price - quanMoney) < 0?'0':(cardData.total_price - quanMoney)||0).toFixed(2)}}</span>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<view class="box-card box-border-box bgc-f mb-20">
|
|
<view class="box-card box-border-box bgc-f mb-20">
|
|
|
<view class="flex-justify-space b-b-F9F9F9 mb-24">
|
|
<view class="flex-justify-space b-b-F9F9F9 mb-24">
|
|
|
<view class="fs-28 fw-600 w158 mr-12">备注</view>
|
|
<view class="fs-28 fw-600 w158 mr-12">备注</view>
|
|
@@ -101,9 +107,9 @@
|
|
|
</view> -->
|
|
</view> -->
|
|
|
<view class="p-b-20"></view>
|
|
<view class="p-b-20"></view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<view class="box-card box-border-box mb-20 bgc-f flex-justify-space">
|
|
<view class="box-card box-border-box mb-20 bgc-f flex-justify-space">
|
|
|
<view class="fs-28 fw-600 w158">支付方式</view>
|
|
<view class="fs-28 fw-600 w158">支付方式</view>
|
|
|
<view class="wx-box display-flex">
|
|
<view class="wx-box display-flex">
|
|
@@ -112,18 +118,19 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<view class="bottom-box box-border-box p-24">
|
|
<view class="bottom-box box-border-box p-24">
|
|
|
<view class="flex-justify-space">
|
|
<view class="flex-justify-space">
|
|
|
<view class="align-items-flex-end box-1">
|
|
<view class="align-items-flex-end box-1">
|
|
|
<span class="fs-28 fc-f fw-600">¥</span>
|
|
<span class="fs-28 fc-f fw-600">¥</span>
|
|
|
- <span class="fs-44 fc-f fw-600">{{((cardData.total_price - quanMoney) < 0?'0':(cardData.total_price - quanMoney)||0).toFixed(2)}}</span>
|
|
|
|
|
|
|
+ <span
|
|
|
|
|
+ class="fs-44 fc-f fw-600">{{((cardData.total_price - quanMoney) < 0?'0':(cardData.total_price - quanMoney)||0).toFixed(2)}}</span>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="text-align-center box-2 fs-32 fc-f fw-600" @click="toSave()">立即支付</view>
|
|
<view class="text-align-center box-2 fs-32 fc-f fw-600" @click="toSave()">立即支付</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<Coupon ref="coupon" @giveCouPon='giveCouPon'></Coupon>
|
|
<Coupon ref="coupon" @giveCouPon='giveCouPon'></Coupon>
|
|
|
<SelectAddress ref="selectAddress" @giveAddress='giveAddress'></SelectAddress>
|
|
<SelectAddress ref="selectAddress" @giveAddress='giveAddress'></SelectAddress>
|
|
|
<Time ref="selectTime" @giveTime='giveTime'></Time>
|
|
<Time ref="selectTime" @giveTime='giveTime'></Time>
|
|
@@ -132,46 +139,59 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
- import {getExpressCoupon,getExpressCreate,getExpressPay} from '@/api/express.js';
|
|
|
|
|
- import {getAddressDefault} from '@/api/member.js'
|
|
|
|
|
- import {getShopIngList} from '@/api/shopping.js'
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+ import {
|
|
|
|
|
+ getExpressCoupon,
|
|
|
|
|
+ getExpressCreate,
|
|
|
|
|
+ getExpressPay
|
|
|
|
|
+ } from '@/api/express.js';
|
|
|
|
|
+ import {
|
|
|
|
|
+ getAddressDefault
|
|
|
|
|
+ } from '@/api/member.js'
|
|
|
|
|
+ import {
|
|
|
|
|
+ getShopIngList
|
|
|
|
|
+ } from '@/api/shopping.js'
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
import tools from "@/service/tools";
|
|
import tools from "@/service/tools";
|
|
|
- import Coupon from './confirm-mod/coupon.vue';
|
|
|
|
|
|
|
+ import Coupon from './confirm-mod/dryClean-coupon.vue';
|
|
|
import SelectAddress from './confirm-mod/select-address.vue';
|
|
import SelectAddress from './confirm-mod/select-address.vue';
|
|
|
import Time from './confirm-mod/time.vue';
|
|
import Time from './confirm-mod/time.vue';
|
|
|
import EditCode from './confirm-mod/edit-code.vue';
|
|
import EditCode from './confirm-mod/edit-code.vue';
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
export default {
|
|
export default {
|
|
|
- components:{Coupon,SelectAddress,Time,EditCode},
|
|
|
|
|
- data(){
|
|
|
|
|
- return{
|
|
|
|
|
- type:2,//1外卖 2代取 3干洗
|
|
|
|
|
- fromData:{
|
|
|
|
|
- school_id:'',
|
|
|
|
|
- site_id:'',
|
|
|
|
|
-
|
|
|
|
|
- address_id:'',
|
|
|
|
|
- coupon_id:'',
|
|
|
|
|
- note:'',
|
|
|
|
|
|
|
+ components: {
|
|
|
|
|
+ Coupon,
|
|
|
|
|
+ SelectAddress,
|
|
|
|
|
+ Time,
|
|
|
|
|
+ EditCode
|
|
|
|
|
+ },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ type: 2, //1外卖 2代取 3干洗
|
|
|
|
|
+ fromData: {
|
|
|
|
|
+ school_id: '',
|
|
|
|
|
+ site_id: '',
|
|
|
|
|
+
|
|
|
|
|
+ address_id: '',
|
|
|
|
|
+ coupon_id: '',
|
|
|
|
|
+ note: '',
|
|
|
// is_default:0,
|
|
// is_default:0,
|
|
|
- pickup_code:[],
|
|
|
|
|
|
|
+ pickup_code: [],
|
|
|
},
|
|
},
|
|
|
- addressData:{},
|
|
|
|
|
-
|
|
|
|
|
- cardData:{
|
|
|
|
|
- goods_list:[],
|
|
|
|
|
|
|
+ addressData: {},
|
|
|
|
|
+
|
|
|
|
|
+ cardData: {
|
|
|
|
|
+ goods_list: [],
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- quanMoney:"",
|
|
|
|
|
-
|
|
|
|
|
- isAJAX:false,
|
|
|
|
|
|
|
+
|
|
|
|
|
+ quanMoney: "",
|
|
|
|
|
+
|
|
|
|
|
+ isAJAX: false,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad(e) {
|
|
onLoad(e) {
|
|
|
this.type = Number(e.type)
|
|
this.type = Number(e.type)
|
|
|
- if(this.type == 2){
|
|
|
|
|
|
|
+ if (this.type == 2) {
|
|
|
this.fromData.pickup_code = e.pickup_code.split(',').map(String)
|
|
this.fromData.pickup_code = e.pickup_code.split(',').map(String)
|
|
|
this.getCard();
|
|
this.getCard();
|
|
|
}
|
|
}
|
|
@@ -179,104 +199,118 @@
|
|
|
},
|
|
},
|
|
|
onShow() {
|
|
onShow() {
|
|
|
let isConfirmAddressFlag = uni.getStorageSync('isConfirmAddressFlag');
|
|
let isConfirmAddressFlag = uni.getStorageSync('isConfirmAddressFlag');
|
|
|
- if(isConfirmAddressFlag){
|
|
|
|
|
|
|
+ if (isConfirmAddressFlag) {
|
|
|
this.selectFun(2);
|
|
this.selectFun(2);
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- methods:{
|
|
|
|
|
|
|
+ methods: {
|
|
|
// 获取购物车
|
|
// 获取购物车
|
|
|
- getCard(){
|
|
|
|
|
- getShopIngList({type:this.type}).then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+ getCard() {
|
|
|
|
|
+ getShopIngList({
|
|
|
|
|
+ type: this.type
|
|
|
|
|
+ }).then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.cardData = res.data;
|
|
this.cardData = res.data;
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 获取默认地址
|
|
// 获取默认地址
|
|
|
- getAddressDefault(){
|
|
|
|
|
- getAddressDefault().then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+ getAddressDefault() {
|
|
|
|
|
+ getAddressDefault().then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.addressData = res.data
|
|
this.addressData = res.data
|
|
|
- if(this.addressData.id){
|
|
|
|
|
|
|
+ if (this.addressData.id) {
|
|
|
this.fromData.address_id = this.addressData.id;
|
|
this.fromData.address_id = this.addressData.id;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- selectFun(type){
|
|
|
|
|
- if(type === 1){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ selectFun(type) {
|
|
|
|
|
+ if (type === 1) {
|
|
|
// 选择优惠券
|
|
// 选择优惠券
|
|
|
- this.$refs.coupon.getList(this.type,this.fromData.coupon_id);
|
|
|
|
|
- }else if(type === 2){
|
|
|
|
|
|
|
+ this.$refs.coupon.getList(this.type, this.fromData.coupon_id);
|
|
|
|
|
+ } else if (type === 2) {
|
|
|
// 选择地址
|
|
// 选择地址
|
|
|
- if(this.addressData.id){
|
|
|
|
|
|
|
+ if (this.addressData.id) {
|
|
|
this.$refs.selectAddress.id = this.addressData.id;
|
|
this.$refs.selectAddress.id = this.addressData.id;
|
|
|
}
|
|
}
|
|
|
this.$refs.selectAddress.getList();
|
|
this.$refs.selectAddress.getList();
|
|
|
- }else if(type === 3){
|
|
|
|
|
|
|
+ } else if (type === 3) {
|
|
|
// 选择时间
|
|
// 选择时间
|
|
|
this.$refs.selectTime.getList();
|
|
this.$refs.selectTime.getList();
|
|
|
- }else if(type === 4){
|
|
|
|
|
|
|
+ } else if (type === 4) {
|
|
|
// 编辑code
|
|
// 编辑code
|
|
|
this.$refs.editCode.getList();
|
|
this.$refs.editCode.getList();
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- giveCouPon(e){
|
|
|
|
|
|
|
+ giveCouPon(e) {
|
|
|
this.quanMoney = Number(e.money);
|
|
this.quanMoney = Number(e.money);
|
|
|
this.fromData.coupon_id = e.id;
|
|
this.fromData.coupon_id = e.id;
|
|
|
},
|
|
},
|
|
|
- giveAddress(e){
|
|
|
|
|
|
|
+ giveAddress(e) {
|
|
|
this.addressData = e;
|
|
this.addressData = e;
|
|
|
this.fromData.address_id = this.addressData.id;
|
|
this.fromData.address_id = this.addressData.id;
|
|
|
},
|
|
},
|
|
|
- giveTime(e){
|
|
|
|
|
|
|
+ giveTime(e) {
|
|
|
console.log(e);
|
|
console.log(e);
|
|
|
},
|
|
},
|
|
|
- toSave(){
|
|
|
|
|
- if(!this.fromData.address_id){
|
|
|
|
|
|
|
+ toSave() {
|
|
|
|
|
+ if (!this.fromData.address_id) {
|
|
|
return tools.error('请先选择地址')
|
|
return tools.error('请先选择地址')
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- if(this.isAJAX){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ if (this.isAJAX) {
|
|
|
return
|
|
return
|
|
|
}
|
|
}
|
|
|
this.isAJAX = true;
|
|
this.isAJAX = true;
|
|
|
this.fromData.school_id = uni.getStorageSync('school_id');
|
|
this.fromData.school_id = uni.getStorageSync('school_id');
|
|
|
this.fromData.site_id = uni.getStorageSync('site_id');
|
|
this.fromData.site_id = uni.getStorageSync('site_id');
|
|
|
-
|
|
|
|
|
- getExpressCreate(this.fromData).then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
- getExpressPay({order_id:res.data.order_id}).then((ret)=>{
|
|
|
|
|
- if(ret.code === 1){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ getExpressCreate(this.fromData).then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
|
|
+ getExpressPay({
|
|
|
|
|
+ order_id: res.data.order_id
|
|
|
|
|
+ }).then((ret) => {
|
|
|
|
|
+ if (ret.code === 1) {
|
|
|
uni.requestPayment({
|
|
uni.requestPayment({
|
|
|
- provider: "wxpay", //支付类型-固定值
|
|
|
|
|
- timeStamp: ret.data.wx_pay.timeStamp + "", // 时间戳(单位:秒)
|
|
|
|
|
- nonceStr: ret.data.wx_pay.nonceStr, // 随机字符串
|
|
|
|
|
- package: ret.data.wx_pay.package, // 固定值
|
|
|
|
|
- signType: ret.data.wx_pay.signType, //固定值
|
|
|
|
|
- paySign: ret.data.wx_pay.paySign, //签名
|
|
|
|
|
- success: (ren) => {
|
|
|
|
|
- tools.success("支付成功");
|
|
|
|
|
- this.isAJAX = false;
|
|
|
|
|
- setTimeout(()=>{
|
|
|
|
|
- uni.switchTab({
|
|
|
|
|
- url:"/pages/order/index"
|
|
|
|
|
- })
|
|
|
|
|
- },1500)
|
|
|
|
|
- },
|
|
|
|
|
- fail: (err) =>{
|
|
|
|
|
- this.isAJAX = false;
|
|
|
|
|
- tools.error("支付失败");
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ provider: "wxpay", //支付类型-固定值
|
|
|
|
|
+ timeStamp: ret.data.wx_pay.timeStamp + "", // 时间戳(单位:秒)
|
|
|
|
|
+ nonceStr: ret.data.wx_pay.nonceStr, // 随机字符串
|
|
|
|
|
+ package: ret.data.wx_pay.package, // 固定值
|
|
|
|
|
+ signType: ret.data.wx_pay.signType, //固定值
|
|
|
|
|
+ paySign: ret.data.wx_pay.paySign, //签名
|
|
|
|
|
+ success: (ren) => {
|
|
|
|
|
+ tools.success("支付成功");
|
|
|
|
|
+ this.isAJAX = false;
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ uni.switchTab({
|
|
|
|
|
+ url: "/pages/order/index"
|
|
|
|
|
+ })
|
|
|
|
|
+ }, 1000)
|
|
|
|
|
+ },
|
|
|
|
|
+ fail: (err) => {
|
|
|
|
|
+ this.isAJAX = false;
|
|
|
|
|
+ tools.error("支付失败");
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ uni.switchTab({
|
|
|
|
|
+ url: "/pages/order/index"
|
|
|
|
|
+ })
|
|
|
|
|
+ }, 1000)
|
|
|
|
|
+ },
|
|
|
});
|
|
});
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
this.isAJAX = false;
|
|
this.isAJAX = false;
|
|
|
tools.error("支付失败");
|
|
tools.error("支付失败");
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ uni.switchTab({
|
|
|
|
|
+ url: "/pages/order/index"
|
|
|
|
|
+ })
|
|
|
|
|
+ }, 1000)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
this.isAJAX = false;
|
|
this.isAJAX = false;
|
|
|
tools.error(res.msg);
|
|
tools.error(res.msg);
|
|
|
}
|
|
}
|
|
@@ -287,35 +321,41 @@
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
- .code-box{
|
|
|
|
|
|
|
+ .code-box {
|
|
|
min-height: 100rpx;
|
|
min-height: 100rpx;
|
|
|
background-color: #F3F4F6;
|
|
background-color: #F3F4F6;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
padding: 24rpx 24rpx 0 24rpx;
|
|
padding: 24rpx 24rpx 0 24rpx;
|
|
|
- .code-item{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .code-item {
|
|
|
width: 156rpx;
|
|
width: 156rpx;
|
|
|
margin-right: 52rpx;
|
|
margin-right: 52rpx;
|
|
|
margin-bottom: 16rpx;
|
|
margin-bottom: 16rpx;
|
|
|
}
|
|
}
|
|
|
- .code-item:nth-child(3n){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .code-item:nth-child(3n) {
|
|
|
margin-right: 0 !important;
|
|
margin-right: 0 !important;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .tz-an-f{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .tz-an-f {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- .tz-an{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .tz-an {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 16rpx;
|
|
right: 16rpx;
|
|
|
top: 0;
|
|
top: 0;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .r-right{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .r-right {
|
|
|
margin-top: 24rpx;
|
|
margin-top: 24rpx;
|
|
|
width: 88rpx;
|
|
width: 88rpx;
|
|
|
height: 52rpx;
|
|
height: 52rpx;
|
|
|
border-radius: 200rpx;
|
|
border-radius: 200rpx;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- .r-y{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .r-y {
|
|
|
width: 44rpx;
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
|
height: 44rpx;
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
@@ -324,61 +364,73 @@
|
|
|
top: 4rpx;
|
|
top: 4rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .s-r{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .s-r {
|
|
|
background-color: #41ABF5;
|
|
background-color: #41ABF5;
|
|
|
- transition: all 1s;
|
|
|
|
|
- .r-y{
|
|
|
|
|
|
|
+ transition: all 1s;
|
|
|
|
|
+
|
|
|
|
|
+ .r-y {
|
|
|
right: 4rpx !important;
|
|
right: 4rpx !important;
|
|
|
- transition: all 1s;
|
|
|
|
|
|
|
+ transition: all 1s;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .n-r{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .n-r {
|
|
|
background-color: #ccc;
|
|
background-color: #ccc;
|
|
|
- transition: all 1s;
|
|
|
|
|
- .r-y{
|
|
|
|
|
|
|
+ transition: all 1s;
|
|
|
|
|
+
|
|
|
|
|
+ .r-y {
|
|
|
left: 4rpx !important;
|
|
left: 4rpx !important;
|
|
|
- transition: all 1s;
|
|
|
|
|
|
|
+ transition: all 1s;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .goods-img{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .goods-img {
|
|
|
width: 108rpx;
|
|
width: 108rpx;
|
|
|
height: 108rpx;
|
|
height: 108rpx;
|
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
|
margin-right: 16rpx;
|
|
margin-right: 16rpx;
|
|
|
}
|
|
}
|
|
|
- .right-icon{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .right-icon {
|
|
|
width: 32rpx;
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
height: 32rpx;
|
|
|
}
|
|
}
|
|
|
- .w376{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .w376 {
|
|
|
width: 376rpx;
|
|
width: 376rpx;
|
|
|
}
|
|
}
|
|
|
- .w570{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .w570 {
|
|
|
width: 570rpx;
|
|
width: 570rpx;
|
|
|
}
|
|
}
|
|
|
- .sd-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .sd-box {
|
|
|
padding: 3rpx 16rpx;
|
|
padding: 3rpx 16rpx;
|
|
|
height: 40rpx;
|
|
height: 40rpx;
|
|
|
line-height: 40rpx;
|
|
line-height: 40rpx;
|
|
|
- background: rgba(251,61,3,0.1);
|
|
|
|
|
|
|
+ background: rgba(251, 61, 3, 0.1);
|
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .confirm-order-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .confirm-order-box {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- .bg-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .bg-box {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 448rpx;
|
|
height: 448rpx;
|
|
|
filter: blur(80rpx);
|
|
filter: blur(80rpx);
|
|
|
- background: linear-gradient(to right,rgba(176, 252, 250, 0.6),rgba(249,246,224,0.87),rgba(249,246,224,0.87));
|
|
|
|
|
|
|
+ background: linear-gradient(to right, rgba(176, 252, 250, 0.6), rgba(249, 246, 224, 0.87), rgba(249, 246, 224, 0.87));
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 0;
|
|
top: 0;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
z-index: -1;
|
|
z-index: -1;
|
|
|
}
|
|
}
|
|
|
- .bottom-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .bottom-box {
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- .box-1{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .box-1 {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
|
background: #333;
|
|
background: #333;
|
|
@@ -387,7 +439,8 @@
|
|
|
padding-left: 32rpx;
|
|
padding-left: 32rpx;
|
|
|
padding-bottom: 20rpx;
|
|
padding-bottom: 20rpx;
|
|
|
}
|
|
}
|
|
|
- .box-2{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .box-2 {
|
|
|
width: 200rpx;
|
|
width: 200rpx;
|
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
|
line-height: 100rpx;
|
|
line-height: 100rpx;
|
|
@@ -396,22 +449,24 @@
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .box-card{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .box-card {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
min-height: 88rpx;
|
|
min-height: 88rpx;
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
padding: 24rpx 24rpx 0 24rpx;
|
|
padding: 24rpx 24rpx 0 24rpx;
|
|
|
}
|
|
}
|
|
|
- .wx-box{
|
|
|
|
|
- image{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .wx-box {
|
|
|
|
|
+ image {
|
|
|
width: 40rpx;
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
height: 40rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .box-input{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .box-input {
|
|
|
border-bottom: 2rpx solid #F9F9F9;
|
|
border-bottom: 2rpx solid #F9F9F9;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|