You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1431 lines
43 KiB
1431 lines
43 KiB
<template>
|
|
<view >
|
|
<loadlogo v-if="loadlogo"></loadlogo>
|
|
|
|
<view >
|
|
|
|
<far-bottom></far-bottom>
|
|
<view class="header_bg" :style="{'background-image':' url('+imageRoot+'submit_bg.png)'}"></view>
|
|
<view class="submitOrder p-r">
|
|
<view class="receivingAdress" v-if="storeData.usestatus == 1">
|
|
<view class="receivingAdressPackage" @click="goAddress(1)">
|
|
<!-- 此方法判断是不是个对象 -->
|
|
<view v-if="Object.prototype.toString.call(storeData.address) === '[object Object]'">
|
|
<view class="receivingAdressLeft">
|
|
<view class="receivingAdressTitle">
|
|
<view v-if="storeData.address.status == 1"><span>默认</span></view>
|
|
<span>{{ storeData.address.province }} {{ storeData.address.city }} {{ storeData.address.county }}</span>
|
|
</view>
|
|
<view class="receivingAdressBody">
|
|
<span>{{ storeData.address.detailed_address }}</span>
|
|
</view>
|
|
<view class="receivingAdressFoot">
|
|
<span>{{ storeData.address.name }}</span>
|
|
<span>{{ storeData.address.tel }}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 判断是不是一个数组 -->
|
|
<view v-if="Array.isArray(storeData.address)">
|
|
<view class="col-9 f-28">请选择地址</view>
|
|
</view>
|
|
<view class="receivingAdressRight iconfont icon-right col-9"></view>
|
|
</view>
|
|
<!-- 彩条 -->
|
|
<view class="receiptDetailsFoot"></view>
|
|
<!-- 彩条 -->
|
|
|
|
</view>
|
|
<view class="checkOrderType" v-if="storeData.usestatus == 2">
|
|
<!-- 切换按钮 -->
|
|
<view class="checkOrderTypeButton" v-if="(modeNum.use_make == 1 && modeNum.use_own == 1 && modeNum.use_store == 0) || (modeNum.use_make == 1 && modeNum.use_store == 1 && modeNum.use_own == 0) || (modeNum.use_make == 0 && modeNum.use_own == 1 && modeNum.use_store == 1) ">
|
|
<view :class="[usestatus == 1 ? 'check' : 'nCheck checkOne ncheck1']" @click="clikckusestatus(1)" v-if="modeNum.use_store == 1"><span>{{languageStatus!=1?'商家配送':'상가 배송'}}</span></view>
|
|
<view :class="[(usestatus == 2 ||usestatus == 1) ? 'check' : 'nCheck checkOne ncheck1']" @click="clikckusestatus(2)" v-else><span>平台配送</span></view>
|
|
<view :class="[usestatus == 0 ? 'check check2' : 'nCheck']" @click="clikckusestatus(0)" v-if="modeNum.use_own == 1"><span>{{languageStatus!=1?'到店自取':'방문 수령'}}</span></view>
|
|
<view :class="[usestatus == 2 ? 'check check2' : 'nCheck']" @click="clikckusestatus(2)" v-else><span>平台配送</span></view>
|
|
<view :class="[usestatus == 1 ? 'checkPs' : 'Ps']" v-if="modeNum.use_make == 0 && modeNum.use_own == 1 && modeNum.use_store == 1"></view>
|
|
<view :class="[usestatus == 0 ? 'checkHx' : 'Hx']" v-if="modeNum.use_make == 0 && modeNum.use_own == 1 && modeNum.use_store == 1"></view>
|
|
<view :class="[usestatus == 2 ? 'checkPs' : 'Ps']" v-if="modeNum.use_make == 1 && modeNum.use_own == 1 && modeNum.use_store == 0"></view>
|
|
<view :class="[usestatus == 0 ? 'checkHx' : 'Hx']" v-if="modeNum.use_make == 1 && modeNum.use_own == 1 && modeNum.use_store == 0"></view>
|
|
<view :class="[usestatus == 1 ? 'checkPs' : 'Ps']" v-if="modeNum.use_make == 1 && modeNum.use_own == 0 && modeNum.use_store == 1"></view>
|
|
<view :class="[usestatus == 2 ? 'checkHx' : 'Hx']" v-if="modeNum.use_make == 1 && modeNum.use_own == 0 && modeNum.use_store == 1"></view>
|
|
<view></view>
|
|
<!-- 彩条 -->
|
|
<view class="receiptDetailsFoot"></view>
|
|
<!-- 彩条 -->
|
|
</view>
|
|
<!-- 切换按钮 -->
|
|
<view style="height: 96upx;" v-if="modeNum.use_make == 1 && modeNum.use_own == 1 && modeNum.use_store == 1">
|
|
<view class="dis-flex">
|
|
<view :class="usestatus == 1?'loche':'noloche'" style="border-radius: 15upx 0upx 0upx 15upx;" @click="clikckusestatus(1)"><span>{{languageStatus!=1?'商家配送':'상가 배송'}}</span></view>
|
|
<view :class="usestatus == 2?'loche':'noloche'" style="border-radius: 0;" @click="clikckusestatus(2)"><span>平台配送</span></view>
|
|
<view :class="usestatus == 0?'loche':'noloche'" style="border-radius: 0upx 15upx 15upx 0upx;" @click="clikckusestatus(0)"><span>{{languageStatus!=1?'到店自取':'방문 수령'}}</span></view>
|
|
</view>
|
|
|
|
<view></view>
|
|
<!-- 彩条 -->
|
|
<!-- <view class="receiptDetailsFoot"></view> -->
|
|
<!-- 彩条 -->
|
|
</view>
|
|
<!-- 收货地址 -->
|
|
<view class="checkReceivingAdress" v-if="usestatus == 1 || usestatus == 2" :class="{'check-right-radius':usestatus == 1 || usestatus == 2}">
|
|
<view class="receivingAdressPackage dis-flex flex-y-center flex-x-between" @click="goAddress(1)">
|
|
<block v-if="Object.prototype.toString.call(storeData.address) === '[object Object]'">
|
|
<view class="receivingAdressLeft">
|
|
<view class="receivingAdressTitle">
|
|
<view v-if="storeData.address.status == 1"><span>默认</span></view>
|
|
<span>{{ storeData.address.province }} {{ storeData.address.city }} {{ storeData.address.county }}</span>
|
|
</view>
|
|
<view class="receivingAdressBody">
|
|
<span>{{ storeData.address.detailed_address }}</span>
|
|
</view>
|
|
<view class="receivingAdressFoot">
|
|
<span>{{ storeData.address.name }}</span>
|
|
<span>{{ storeData.address.tel }}</span>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<block v-else>
|
|
<view class="col-9 f-28">请选择地址</view>
|
|
</block>
|
|
<view class="receivingAdressRight iconfont icon-right col-9"></view>
|
|
</view>
|
|
<!-- 彩条 -->
|
|
<view class="receiptDetailsFoot"></view>
|
|
<!-- 彩条 -->
|
|
</view>
|
|
<!-- 收货地址 -->
|
|
|
|
<!-- 用户信息 -->
|
|
<view class="checkUserInfo" v-if="usestatus == 0" :class="{'check-left-radius':usestatus == 0}">
|
|
<view class="userInfoPackage">
|
|
<view>
|
|
<span>姓名</span>
|
|
<input placeholder="请输入联系人姓名" v-model="storeData.thinfo.thname" />
|
|
</view>
|
|
<view>
|
|
<span>联系电话</span>
|
|
<input placeholder="请输入联系人电话" type="number" maxlength="11" v-model="storeData.thinfo.thmobile" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 用户信息 -->
|
|
</view>
|
|
<!-- 商品详情 -->
|
|
<view >
|
|
<view class="b-f" style="padding: 30upx;margin: 30upx;border-radius: 15upx;" v-for="(item,index) in storeData.list" :key="index">
|
|
<view style="padding-bottom: 20upx;">
|
|
<text class="iconfont icon-shoplight" style="font-size: 24upx;"></text>
|
|
<text class="f-24" style="padding: 0 10upx;">{{item.storename}}</text>
|
|
<text class="iconfont icon-right" style="font-size: 24upx;"></text>
|
|
<view style="float: right;font-size: 22upx;" v-if="item.distance">
|
|
{{item.distance}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 20upx 0; border-bottom: 1upx solid #F7F7F7;" v-for="(items,indexs) in item.goodlist" :key="indexs">
|
|
<view style="flex: 2;text-align: center;">
|
|
<image style="width: 150upx;height: 150upx; border-radius: 10upx;" :src="items.thumb" mode="aspectFill"></image>
|
|
</view>
|
|
<view style="flex: 8;padding-left: 20upx;">
|
|
<view class="foodName f-30">
|
|
{{items.name}}
|
|
</view>
|
|
<view class="f-24" style="color: #999999; padding: 15upx 0;" v-if="items.specname">
|
|
规格：{{items.specname}}
|
|
</view>
|
|
<view class="f-32 f-w" style="color: #FF4444;">
|
|
¥{{items.price}}<text style="float: right;color: #999999;font-weight: 500;margin-top: 6upx;" class="f-24">X{{items.num}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="padding: 10upx 0;">
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="item.redpacklist.list.length > 0">
|
|
<view style="flex: 0.2;color: #333333;" class="f-24">
|
|
红包优惠
|
|
</view>
|
|
<view style="flex: 0.2;color: #ff4444;" class="f-24 t-r" @click="redPagShows(item.redpackTopMoney,index,item.redpacklist.list)">
|
|
<view v-if="item.redPrice">
|
|
-¥{{item.redPrice}}
|
|
</view>
|
|
<view v-else>
|
|
可用{{item.redpacklist.list.length}}张<text class="iconfont icon-right" style="font-size: 24upx;"></text>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 10upx; justify-content: space-between;" v-if="item.deliverymoney && item.deliverymoney != '0.00'">
|
|
<view style="flex: 0.2;color: #999999;" class="f-24" >
|
|
{{languageStatus!=1?'配送费':'배송비용'}}
|
|
</view>
|
|
<view style="flex: 0.2;color: #333333;" class="f-24 t-r f-w">
|
|
¥{{item.deliverymoney}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 10upx; justify-content: space-between;" v-if="item.packingmoney && item.packingmoney != '0.00'">
|
|
<view style="flex: 0.2;color: #999999;" class="f-24" >
|
|
{{languageStatus!=1?item.bzftext:'포장비용'}}
|
|
</view>
|
|
<view style="flex: 0.2;color: #333333;" class="f-24 t-r f-w">
|
|
¥{{item.packingmoney}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="justify-content: space-between;padding-bottom: 10upx;" v-if="item.fulldkmoney && item.fulldkmoney != '0.00'">
|
|
<view style="flex: 0.2;color: #999999;"class="f-24">
|
|
满减优惠
|
|
</view>
|
|
<view style="flex: 0.2;color: #FF4444;" class="f-24 t-r f-w">
|
|
-¥{{item.fulldkmoney}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="justify-content: space-between;padding-bottom: 10upx;">
|
|
<view style="flex: 0.2;color: #999999;"class="f-24">
|
|
{{languageStatus!=1?'小计':'합계'}}
|
|
</view>
|
|
<view style="flex: 0.2;color: #333333;" class="f-24 t-r f-w">
|
|
¥{{item.allmoney}}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="dis-flex" style="justify-content: space-between;padding-bottom: 10upx;" v-if="usestatus == 1">
|
|
<view style="flex: 0.3;color: #999999;"class="f-24">
|
|
{{languageStatus!=1?'配送范围':'배송범위'}}
|
|
</view>
|
|
<view style="flex: 0.3;color: #333333;" class="f-24 t-r f-w">
|
|
{{item.deliverydistance}}KM以内
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="justify-content: space-between;" v-if="(Number(item.lowdeliverymoney) > Number(item.allmoney)) && usestatus !== 0 && usestatus !== 2">
|
|
<view style="flex: 0.2;color: #999999;"class="f-24">
|
|
起送金额
|
|
</view>
|
|
<view style="flex: 0.2;color: #333333;" class="f-24 t-r f-w">
|
|
¥{{item.lowdeliverymoney}}
|
|
</view>
|
|
</view>
|
|
<view class="messageSave">
|
|
<view class="messageSavePackage"><input :placeholder="languageStatus!=1?'请输入留言信息给卖家':'댓글 정보를 입력하여 상가에 보내기'" v-model="item.remark" /></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 价格及优惠 -->
|
|
<view class="b-f" style="padding: 30upx;border-radius: 15upx;margin: 30upx;">
|
|
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;">
|
|
<view style="flex: 0.3;color: #333333;" class="f-24">
|
|
{{languageStatus!=1?'商品总金额':'상품 총금액'}}
|
|
</view>
|
|
<view style="flex: 0.3;color: #333333;" class="f-24 t-r f-w">
|
|
¥{{storeData.statistics.goodallmoney}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="storeData.statistics.packingmoney !== '0.00'">
|
|
<view style="flex: 0.3;color: #333333;" class="f-24">
|
|
{{languageStatus!=1?'其他费用':'기타비용'}}
|
|
</view>
|
|
<view style="flex: 0.3;color: #333333;" class="f-24 t-r f-w">
|
|
￥{{storeData.statistics.packingmoney}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="storeData.statistics.deliveryprice !== '0.00'">
|
|
<view style="flex: 0.3;color: #333333;" class="f-24">
|
|
{{languageStatus!=1?'运费':'운비'}}
|
|
</view>
|
|
<view style="flex: 0.3;color: #333333;" class="f-24 t-r f-w">
|
|
￥{{storeData.statistics.deliveryprice}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="storeData.statistics.vipdiscount > 0">
|
|
<view style="flex: 0.3;color: #333333;" class="f-24">
|
|
会员优惠
|
|
</view>
|
|
<view style="flex: 0.3;color: #333333;" class="f-24 t-r f-w">
|
|
-￥{{storeData.statistics.vipdiscount}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="storeData.statistics.fulldiscount && storeData.statistics.fulldiscount !== '0.00'">
|
|
<view style="flex: 0.3;color: #333333;" class="f-24">
|
|
满减优惠
|
|
</view>
|
|
<view style="flex: 0.3;color: #FF4444;" class="f-24 t-r f-w">
|
|
-￥{{storeData.statistics.fulldiscount}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="storeData.statistics.allRedPrice && storeData.statistics.allRedPrice !== '0.00'">
|
|
<view style="flex: 0.3;color: #333333;" class="f-24">
|
|
红包减免
|
|
</view>
|
|
<view style="flex: 0.3;color: #FF4444;" class="f-24 t-r f-w">
|
|
-￥{{storeData.statistics.allRedPrice}}
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex" style="padding: 10upx 0 20upx; justify-content: space-between;" v-if="storeData.statistics.creditdiscount && storeData.statistics.creditdiscount !== '0.00'">
|
|
<view style="flex: 0.5;color: #333333;" class="f-24">
|
|
积分抵扣
|
|
<switch :checked="switchChecke.check" ref="switchbtn" style="padding-left: 20upx;transform:scale(0.7)" @change="switch1Change" />
|
|
</view>
|
|
<view style="flex: 0.3;color: #333333;" class="f-24 t-r f-w">
|
|
-￥{{storeData.statistics.creditdiscount}}
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<view class="dis-flex b-f" style="position: fixed;width: 100%;justify-content: space-between;bottom: 0;left: 0;height: 100upx;z-index: 99;">
|
|
<view class="t-c" style="flex: 0.5;padding-top: 30upx;">
|
|
<text class="f-24">合计：</text>
|
|
<text class="f-24" style="padding-left: 10upx;color: #FF4444;">¥</text>
|
|
<text class="f-34 f-w" style="color: #FF4444;">{{storeData.statistics.toatlprice}}</text>
|
|
</view>
|
|
<view class="t-c f-30" style="flex: 0.33;color: #ffffff;padding-top: 30upx;background-color: #FF4444;"@click="submitOrder">
|
|
{{languageStatus!=1?'提交订单':'주문서 제출'}}
|
|
</view>
|
|
</view>
|
|
<!-- <redPagDown ref="redPagDown" @closePops="redPagClosePop(event)" :noorderSubmitInfo="[]" :orderSubmitInfo="redPagList" @priceis="prices"></redPagDown> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import App from '@/common/js/app.js';
|
|
import redPagDown from '@/components/template/redPagDown.vue';
|
|
import loadlogo from '@/components/template/loadlogo.vue'
|
|
export default{
|
|
components:{
|
|
redPagDown,
|
|
loadlogo
|
|
},
|
|
data(){
|
|
return{
|
|
switch:false,
|
|
switchChecke:{
|
|
check:false
|
|
},
|
|
storeData:{
|
|
statistics:{
|
|
goodallmoney:''
|
|
}
|
|
},
|
|
modeNum:{
|
|
use_make:0,
|
|
use_own:0,
|
|
use_store:0
|
|
},
|
|
usestatus:1,
|
|
redPagList: [],
|
|
redpackIndex:0,
|
|
param:null,
|
|
createOrderInfo:{
|
|
name:'',
|
|
phone:''
|
|
},
|
|
allFreight:0,
|
|
allPrice:0,
|
|
sid:'',
|
|
param:'',
|
|
jsonParam:{},
|
|
loadlogo:true,
|
|
modeNumcart:true,
|
|
onepage:1,
|
|
cut_money:0,
|
|
toatlprice:0,
|
|
alltoatlprice:0
|
|
}
|
|
},
|
|
onHide(){
|
|
console.log('onHide');
|
|
},
|
|
onUnload(){
|
|
uni.setStorageSync('redPagList',[]);
|
|
console.log('onUnload');
|
|
},
|
|
onShow() {
|
|
this.redPagList = uni.getStorageSync('redPagList');
|
|
|
|
// this.$refs.switchbtn.switchChecked = false;
|
|
this.$set(this.switchChecke, 'check', false);
|
|
// this.switchChecke = false;
|
|
|
|
|
|
if(this.sid){
|
|
this.getarrs();
|
|
}else if(this.param){
|
|
this.getarr();
|
|
};
|
|
|
|
},
|
|
watch:{
|
|
usestatus(newVal,oldVal){
|
|
// if(this.onepage == 1 || this.modeNum.use_make == 1 && this.modeNum.use_own == 1&& this.modeNum.use_store == 1) return
|
|
this.getarr();
|
|
}
|
|
},
|
|
onLoad(option) {
|
|
if(option.id){
|
|
this.sid = option.id;
|
|
// this.getarrs();
|
|
}
|
|
uni.setStorageSync('redPagList',[]);
|
|
console.log(option);
|
|
this.storeData.param = '';
|
|
if(option.param){
|
|
|
|
this.param = option.param;
|
|
// this.getarr();
|
|
//#ifdef H5
|
|
let base64 = new this.$util.Base64();
|
|
let param =base64.decode(option.param);
|
|
this.jsonParam = JSON.parse(param);
|
|
// console.log(this.jsonParam,11111111)
|
|
//#endif
|
|
//#ifndef H5
|
|
this.jsonParam = uni.getStorageSync('rameck');
|
|
//#endif
|
|
}
|
|
},
|
|
methods:{
|
|
switch1Change(e){
|
|
console.log('switch1 发生 change 事件，携带值为', e.target.value);
|
|
this.switch = e.target.value;
|
|
this.$set(this.switchChecke, 'check', e.target.value);
|
|
if(this.switch){
|
|
this.toatlprice = this.storeData.statistics.toatlprice
|
|
console.log(Number(this.storeData.statistics.toatlprice),Number(this.storeData.statistics.creditdiscount))
|
|
let a = Number(this.storeData.statistics.toatlprice);
|
|
let b = Number(this.storeData.statistics.creditdiscount);
|
|
if(Number(this.storeData.statistics.toatlprice) > Number(this.storeData.statistics.creditdiscount)){
|
|
this.storeData.statistics.toatlprice = a-b;
|
|
this.storeData.statistics.toatlprice = Math.round(this.storeData.statistics.toatlprice * 100) / 100;
|
|
}else{
|
|
this.toatlprice = this.storeData.statistics.toatlprice
|
|
this.storeData.statistics.toatlprice = '0.00';
|
|
}
|
|
}else{
|
|
|
|
if(Number(this.storeData.statistics.toatlprice) == 0 || this.storeData.statistics.toatlprice == '0.00'){
|
|
this.storeData.statistics.toatlprice = this.toatlprice;
|
|
}else{
|
|
this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) + Number(this.storeData.statistics.creditdiscount)
|
|
}
|
|
|
|
// this.storeData.list.map((item)=>{
|
|
// if(item.redpackPrice){
|
|
// this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) - Number(item.redpackPrice);
|
|
// }
|
|
// });
|
|
};
|
|
|
|
this.storeData.statistics.toatlprice = this.storeData.statistics.toatlprice < 0?'0.00':this.storeData.statistics.toatlprice;
|
|
// this.toatlprice = this.storeData.statistics.toatlprice;
|
|
},
|
|
clikckusestatus(num){
|
|
App.showError(
|
|
`是否将收货方式切换为${num==0?(this.languageStatus!=1?'到店自取':'방문 수령'):num==1?(this.languageStatus!=1?'商家配送':'상가 배송'):'平台配送'}?`,
|
|
data => {
|
|
if (data.confirm) {
|
|
this.usestatus = num;
|
|
// this.switchChecke = !this.switchChecke;switchChecke.check;
|
|
this.$set(this.switchChecke, 'check', false)
|
|
this.switch = false;
|
|
console.log(this.switchChecke,'状态改变',this.$refs.switchbtn)
|
|
// this.$refs.switch.switchChecked = false;
|
|
|
|
}
|
|
},
|
|
true
|
|
);
|
|
},
|
|
getarrs(param){
|
|
this.loadlogo = true;
|
|
this.modeNumcart = true;
|
|
App._post_form(
|
|
`&p=citydelivery&do=deliveryOrderSubmit&goodsinfo=${this.param}&addressid=${''}&sid=${this.sid}&type=${this.usestatus}`,
|
|
{},
|
|
res => {
|
|
if(res.errno == 0){
|
|
console.log(res);
|
|
let orderInfos = {
|
|
param: this.param,
|
|
id:this.sid,
|
|
type:'foodorder'
|
|
}
|
|
uni.setStorageSync('orderInfos', orderInfos)
|
|
this.storeData = res.data;
|
|
this.storeData.statistics.allRedPrice = 0;
|
|
this.storeData.list.map((item,index)=>{
|
|
this.redPagList.map((items,indexs)=>{
|
|
if(items.index == index){
|
|
item.redpacklist.list.map((itemss,indexss)=>{
|
|
if(itemss.id == items.id){
|
|
item.redpackid = items.id;
|
|
item.redPrice = itemss.cut_money;
|
|
this.storeData.statistics.allRedPrice = Number(this.storeData.statistics.allRedPrice) + Number(item.redPrice) + '.00';
|
|
this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) - Number(item.redPrice) + '.00';
|
|
this.storeData.statistics.toatlprice = this.storeData.statistics.toatlprice < 0?'0.00':this.storeData.statistics.toatlprice
|
|
}
|
|
})
|
|
}else{
|
|
item.redpacklist.list.map((itemss,indexss)=>{
|
|
if(itemss.id == items.id){
|
|
item.redpacklist.list.splice(indexss,1);
|
|
}
|
|
})
|
|
}
|
|
})
|
|
})
|
|
this.$set(this.modeNum,'use_make',res.data.statistics.use_make);
|
|
this.$set(this.modeNum,'use_own',res.data.statistics.use_own);
|
|
this.$set(this.modeNum,'use_store',res.data.statistics.use_store);
|
|
// this.modeNum.use_make = res.data.statistics.use_make;
|
|
// this.modeNum.use_own = res.data.statistics.use_own;
|
|
// this.modeNum.use_store = res.data.statistics.use_store;
|
|
let status = this.usestatus;
|
|
if((this.modeNum.use_make == 1 && this.modeNum.use_own == 1 && this.modeNum.use_store == 0) || (this.modeNum.use_make == 1 && this.modeNum.use_store == 1 && this.modeNum.use_own == 0) || (this.modeNum.use_make == 0 && this.modeNum.use_own == 1 && this.modeNum.use_store == 1)){
|
|
if(this.modeNum.use_store == 1){
|
|
this.usestatus = 1
|
|
}else if(this.modeNum.use_make == 1){
|
|
this.usestatus = 2
|
|
}
|
|
}
|
|
if((this.modeNum.use_make == 1 && this.modeNum.use_own == 0 && this.modeNum.use_store == 0) || (this.modeNum.use_make == 0 && this.modeNum.use_store == 1 && this.modeNum.use_own == 0) || (this.modeNum.use_make == 0 && this.modeNum.use_own == 1 && this.modeNum.use_store == 0)){
|
|
if(this.modeNum.use_store == 1){
|
|
this.usestatus = 1
|
|
}else if(this.modeNum.use_make == 1){
|
|
this.usestatus = 2
|
|
}else{
|
|
this.usestatus = 0;
|
|
}
|
|
}
|
|
|
|
if(status !== this.usestatus && this.onepage == 1){
|
|
console.log(status,'默认',this.usestatus,this.onepage);
|
|
this.onepage = 2;
|
|
this.getarrs();
|
|
return
|
|
}
|
|
console.log(this.modeNum,'数量2')
|
|
this.storeData.list.map(item=>{
|
|
item.remark = '';
|
|
})
|
|
this.storeData.usestatus = 2;
|
|
console.log(this.storeData);
|
|
this.loadlogo = false
|
|
}
|
|
},
|
|
false,
|
|
() => {
|
|
|
|
}
|
|
|
|
);
|
|
},
|
|
getarr(param){
|
|
let _this = this;
|
|
this.loadlogo = true;
|
|
this.modeNumcart = true;
|
|
App._post_form(
|
|
`&p=citydelivery&do=deliveryOrderSubmit&goodsinfo=${this.param}&addressid=${''}&sid=${this.sid}&type=${this.usestatus}`,
|
|
{},
|
|
res => {
|
|
if(res.errno == 0){
|
|
console.log(res);
|
|
let orderInfos = {
|
|
param: this.param,
|
|
id:this.sid,
|
|
type:'foodorder'
|
|
}
|
|
uni.setStorageSync('orderInfos', orderInfos)
|
|
this.storeData = res.data;
|
|
this.storeData.statistics.allRedPrice = 0;
|
|
this.storeData.list.map((item,index)=>{
|
|
this.redPagList.map((items,indexs)=>{
|
|
if(items.index == index){
|
|
item.redpacklist.list.map((itemss,indexss)=>{
|
|
if(itemss.id == items.id){
|
|
item.redpackid = items.id;
|
|
item.redPrice = itemss.cut_money;
|
|
_this.storeData.statistics.allRedPrice = Number(_this.storeData.statistics.allRedPrice) + Number(item.redPrice) + '.00';
|
|
_this.storeData.statistics.toatlprice = Number(_this.storeData.statistics.toatlprice) - Number(item.redPrice);
|
|
let StringNumber = (_this.storeData.statistics.toatlprice + '').indexOf('.');
|
|
if(StringNumber == -1){
|
|
_this.storeData.statistics.toatlprice = _this.storeData.statistics.toatlprice + '.00'
|
|
}
|
|
_this.storeData.statistics.toatlprice = _this.storeData.statistics.toatlprice < 0?'0.00':_this.storeData.statistics.toatlprice
|
|
}
|
|
})
|
|
}else{
|
|
item.redpacklist.list.map((itemss,indexss)=>{
|
|
if(itemss.id == items.id){
|
|
item.redpacklist.list.splice(indexss,1);
|
|
}
|
|
})
|
|
}
|
|
})
|
|
})
|
|
this.toatlprice = this.storeData.statistics.toatlprice;
|
|
this.modeNum.use_make = res.data.statistics.use_make;
|
|
this.modeNum.use_own = res.data.statistics.use_own;
|
|
this.modeNum.use_store = res.data.statistics.use_store;
|
|
let status = this.usestatus;
|
|
if(this.onepage == 1 && this.modeNum.use_make == 1){
|
|
if((this.modeNum.use_make == 1 && this.modeNum.use_own == 1 && this.modeNum.use_store == 0) || (this.modeNum.use_make == 1 && this.modeNum.use_store == 1 && this.modeNum.use_own == 0) || (this.modeNum.use_make == 0 && this.modeNum.use_own == 1 && this.modeNum.use_store == 1)){
|
|
if(this.modeNum.use_store == 1){
|
|
this.usestatus = 1
|
|
}else if(this.modeNum.use_make == 1){
|
|
this.usestatus = 2
|
|
}
|
|
}
|
|
if((this.modeNum.use_make == 1 && this.modeNum.use_own == 0 && this.modeNum.use_store == 0) || (this.modeNum.use_make == 0 && this.modeNum.use_store == 1 && this.modeNum.use_own == 0) || (this.modeNum.use_make == 0 && this.modeNum.use_own == 1 && this.modeNum.use_store == 0)){
|
|
if(this.modeNum.use_store == 1){
|
|
this.usestatus = 1
|
|
}else if(this.modeNum.use_make == 1){
|
|
this.usestatus = 2
|
|
}else{
|
|
this.usestatus = 0;
|
|
}
|
|
}
|
|
|
|
if(status !== this.usestatus && this.onepage == 1){
|
|
console.log(status,'默认',this.usestatus,this.onepage);
|
|
this.onepage = 2;
|
|
this.getarr();
|
|
return
|
|
}
|
|
}
|
|
|
|
console.log(this.modeNum,'数量1',res.data.statistics)
|
|
this.storeData.list.map(item=>{
|
|
item.remark = '';
|
|
})
|
|
this.storeData.usestatus = 2;
|
|
console.log(this.storeData);
|
|
this.loadlogo = false
|
|
}
|
|
uni.hideLoading();
|
|
},
|
|
false,
|
|
() => {
|
|
|
|
}
|
|
|
|
);
|
|
},
|
|
submitOrder(){
|
|
let param;
|
|
if(!this.storeData.address.id && this.usestatus !== 0){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'请选择收货地址'
|
|
});
|
|
return
|
|
}
|
|
if((!this.createOrderInfo.phone && !this.storeData.thinfo.thmobile) && this.usestatus == 0){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'请填写联系电话'
|
|
});
|
|
return
|
|
}
|
|
if((!this.createOrderInfo.name && !this.storeData.thinfo.thname) && this.usestatus == 0){
|
|
uni.showToast({
|
|
icon:'none',
|
|
title:'请填写联系人姓名'
|
|
});
|
|
return
|
|
}
|
|
if(this.param){
|
|
let _this = this;
|
|
_this.storeData.list.map((item,index)=>{
|
|
_this.jsonParam.map((items,indexs)=>{
|
|
console.log(item,items)
|
|
if(item.sid == items.sid){
|
|
console.log(items);
|
|
_this.jsonParam[indexs].remark = item.remark;
|
|
_this.jsonParam[indexs].dadaprice = item.deliverymoney;
|
|
_this.jsonParam[indexs].makeorderno = item.makeorderno;
|
|
_this.jsonParam[indexs].wlorderno = item.wlorderno;
|
|
_this.jsonParam[indexs].redpackid = item.redpackid;
|
|
_this.jsonParam[indexs].uuallprice = item.alldeliverymoney;
|
|
}
|
|
|
|
})
|
|
});
|
|
// debugger
|
|
let jsonString = JSON.stringify(this.jsonParam);
|
|
let base64 = new this.$util.Base64();
|
|
param = base64.encode(jsonString);
|
|
}
|
|
let data = {
|
|
goodsinfo:param || this.param,
|
|
addressid:this.storeData.address.id || '',
|
|
thname:this.createOrderInfo.name || this.storeData.thinfo.thname,
|
|
thmobile:this.createOrderInfo.phone || this.storeData.thinfo.thmobile,
|
|
buytype:this.usestatus,
|
|
sid:this.sid,
|
|
creditstatus:this.switch?1:0
|
|
};
|
|
if(this.storeData.list.length == 1){
|
|
data.remark = this.storeData.list[0].remark;
|
|
data.deliverymoney = this.storeData.list[0].deliverymoney;
|
|
data.makeorderno = this.storeData.list[0].makeorderno;
|
|
data.wlorderno = this.storeData.list[0].wlorderno;
|
|
data.redpackid = this.storeData.list[0].redpackid;
|
|
data.alldeliverymoney = this.storeData.list[0].alldeliverymoney;
|
|
}
|
|
App._post_form('&p=citydelivery&do=createDeliveryOrder', data, res => {
|
|
console.log(res);
|
|
let datas = {
|
|
plugin:'citydelivery',
|
|
deliverystring:res.data.info
|
|
}
|
|
if(res.data.nopaytid > 0){
|
|
console.log(res.data)
|
|
App.navigationTo({
|
|
url:`pages/subPages/paySuccess/paySuccess?tid=${res.data.nopaytid}&plugin=citydelivery&state=${res.data.nopaystatus}`,
|
|
navType:'reLaunch'
|
|
})
|
|
}else{
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/payment/payment?orderid=' + '0' + '&plugin=citydelivery' + '&deliverystring=' + res.data.info,
|
|
navType:'reLaunch'
|
|
})
|
|
}
|
|
|
|
})
|
|
},
|
|
prices(redPacketItem) { //红包满减价格计算
|
|
console.log(redPacketItem,111111111);
|
|
if(!redPacketItem.check){
|
|
// debugger
|
|
if(this.storeData.statistics.toatlprice == '0.00' || this.storeData.statistics.toatlprice == 0){
|
|
this.storeData.statistics.toatlprice = this.alltoatlprice;
|
|
}
|
|
this.storeData.list[this.redpackIndex].redpackPrice = 0;
|
|
this.storeData.list[this.redpackIndex].redpackid = '';
|
|
this.storeData.list[this.redpackIndex].allmoney = Number(this.storeData.list[this.redpackIndex].allmoney) + Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.statistics.goodallmoney = Number(this.storeData.statistics.goodallmoney) + Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) + Number(redPacketItem.cut_money) + '.00';
|
|
// this.cut_money = 0;
|
|
}else{
|
|
if(Number(this.storeData.statistics.toatlprice) == 0){
|
|
// this.redPagList = [];
|
|
// this.$refs.redPagDown.redPagId = '';
|
|
return
|
|
}
|
|
if(Number(this.storeData.statistics.toatlprice) < Number(redPacketItem.cut_money)){
|
|
// debugger
|
|
this.alltoatlprice = Number(this.storeData.statistics.toatlprice) - Number(redPacketItem.cut_money);
|
|
}
|
|
this.storeData.list[this.redpackIndex].redpackid = redPacketItem.id;
|
|
if(!this.storeData.list[this.redpackIndex].redpackPrice){
|
|
this.cut_money = Number(redPacketItem.cut_money);
|
|
this.storeData.list[this.redpackIndex].redpackPrice = redPacketItem.cut_money;
|
|
// this.storeData.statistics.goodallmoney = Number(this.storeData.statistics.goodallmoney) - Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) - Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.list[this.redpackIndex].allmoney = Number(this.storeData.list[this.redpackIndex].allmoney) - Number(redPacketItem.cut_money) + '.00';
|
|
}else{
|
|
this.storeData.list[this.redpackIndex].redpackPrice = null;
|
|
this.storeData.list[this.redpackIndex].allmoney = Number(this.storeData.list[this.redpackIndex].allmoney) + Number(redPacketItem.cut_money) + '.00';
|
|
// this.storeData.statistics.goodallmoney = Number(this.storeData.statistics.goodallmoney) + Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) + Number(redPacketItem.cut_money) + '.00';
|
|
this.cut_money = 0;
|
|
this.cut_money = Number(redPacketItem.cut_money);
|
|
this.storeData.list[this.redpackIndex].redpackPrice = redPacketItem.cut_money;
|
|
// this.storeData.statistics.goodallmoney = Number(this.storeData.statistics.goodallmoney) - Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.statistics.toatlprice = Number(this.storeData.statistics.toatlprice) - Number(redPacketItem.cut_money) + '.00';
|
|
this.storeData.list[this.redpackIndex].allmoney = Number(this.storeData.list[this.redpackIndex].allmoney) - Number(redPacketItem.cut_money) + '.00';
|
|
}
|
|
}
|
|
// this.storeData.statistics.goodallmoney = this.storeData.statistics.goodallmoney < 0?'0.00':this.storeData.statistics.goodallmoney;
|
|
this.storeData.statistics.toatlprice = this.storeData.statistics.toatlprice < 0?'0.00':this.storeData.statistics.toatlprice;
|
|
this.storeData.list[this.redpackIndex].allmoney = this.storeData.list[this.redpackIndex].allmoney < 0?'0.00':this.storeData.list[this.redpackIndex].allmoney;
|
|
this.loadlogo = !this.loadlogo;
|
|
this.loadlogo = !this.loadlogo;
|
|
},
|
|
// 获取红包列表
|
|
getRedPagList(){
|
|
|
|
},
|
|
// 跳转地址
|
|
goAddress(type) {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/receivingAddress/receivingAddress?type=' + type
|
|
});
|
|
},
|
|
// 红包弹窗控制
|
|
redPagClosePop(e) {
|
|
console.log(e,'444');
|
|
let _this = this;
|
|
_this.$refs.redPagDown.redPagss = false;
|
|
},
|
|
redPagShows(price,index,list) {
|
|
let _this = this;
|
|
_this.redpackIndex = index;
|
|
App.navigationTo({
|
|
url: 'pages/subPages2/businessCenter/redReceive/redReceive?price=' + price + '&index=' + index + '&list=' + JSON.stringify(list)
|
|
});
|
|
// _this.redPagList = [];
|
|
// setTimeout(()=>{
|
|
// _this.redPagList = list;
|
|
// _this.$refs.redPagDown.redPagss = true;
|
|
// })
|
|
|
|
|
|
// console.log(_this.$refs.redPagDown.)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
height: 100%;
|
|
background-color: #f7f7f7 !important;
|
|
}
|
|
</style>
|
|
<style lang="less" scoped>
|
|
.noloche{
|
|
width: 33.3333%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
height: 60upx;
|
|
border: 2upx solid #ffffff;
|
|
border-radius: 15upx;
|
|
box-sizing: border-box;
|
|
>span{
|
|
font-size: 26upx;
|
|
line-height: 60upx;
|
|
}
|
|
}
|
|
.loche{
|
|
width: 33.3333%;
|
|
color: #FF4444;
|
|
text-align: center;
|
|
height: 60upx;
|
|
border-radius: 15upx;
|
|
background-color: #FFFFFF;
|
|
|
|
>span{
|
|
font-size: 26upx;
|
|
line-height: 60upx;
|
|
}
|
|
}
|
|
.header_bg {
|
|
width: 100%;
|
|
height: 320upx;
|
|
background-size: 100% 320upx;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.checkHx {
|
|
z-index: 2;
|
|
position: relative;
|
|
bottom: 65upx;
|
|
left: 250upx;
|
|
width: 80upx;
|
|
height: 88upx;
|
|
transform: rotate(15deg);
|
|
background-color: #ffffff;
|
|
border-top-left-radius: 14upx;
|
|
}
|
|
|
|
.Ps {
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 64upx;
|
|
left: 260upx;
|
|
width: 80upx;
|
|
height: 88upx;
|
|
background: #ffe8e8;
|
|
}
|
|
|
|
.Hx {
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 64upx;
|
|
left: 260upx;
|
|
width: 80upx;
|
|
height: 88upx;
|
|
background: #ffe8e8;
|
|
}
|
|
|
|
.checkPs {
|
|
z-index: 2;
|
|
position: relative;
|
|
bottom: 65upx;
|
|
left: 276upx;
|
|
width: 80upx;
|
|
height: 88upx;
|
|
transform: rotate(-15deg);
|
|
background-color: #ffffff;
|
|
border-top-right-radius: 14upx;
|
|
}
|
|
|
|
.check-right-radius {
|
|
border-top-right-radius: 10upx;
|
|
}
|
|
|
|
.check-left-radius {
|
|
border-top-left-radius: 10upx;
|
|
}
|
|
|
|
.checkOrderTypeButton {
|
|
|
|
height: 71upx;
|
|
overflow: hidden;
|
|
|
|
>view:nth-child(1) {
|
|
margin-top: 10upx;
|
|
border-radius: 10upx 0 0 0;
|
|
}
|
|
|
|
>view:nth-child(2) {
|
|
border-radius: 0 10upx 0 0;
|
|
margin-left: 32upx;
|
|
}
|
|
|
|
>view {
|
|
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
}
|
|
|
|
.nCheck {
|
|
vertical-align: bottom;
|
|
width: 316upx;
|
|
height: 64upx;
|
|
background: #ffe8e8;
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 64upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.ncheck1 {
|
|
margin-top: 10upx;
|
|
}
|
|
|
|
.checkOne {
|
|
margin-left: 8upx;
|
|
}
|
|
|
|
.check {
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
width: 334upx;
|
|
height: 71upx;
|
|
background: #ffffff;
|
|
|
|
>span {
|
|
line-height: 71upx;
|
|
font-size: 28upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.checkReceivingAdress {
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.checkOrderType {
|
|
margin: 20upx auto 0 auto;
|
|
width: 690upx;
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.full {
|
|
width: 750upx;
|
|
height: 118upx;
|
|
}
|
|
|
|
|
|
.submitOrder {
|
|
font-size: 0;
|
|
margin-top: -40%;
|
|
padding-bottom: 100upx;
|
|
}
|
|
|
|
.orderDetails {
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
margin: 20upx auto 0 auto;
|
|
}
|
|
|
|
.orderDetailsImg {
|
|
width: 130upx;
|
|
height: 130upx;
|
|
|
|
>image {
|
|
width: 130upx;
|
|
height: 130upx;
|
|
}
|
|
}
|
|
|
|
.orderDetailsPackage {
|
|
padding: 30upx;
|
|
|
|
>view {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
.orderDetailsInfo {
|
|
margin-left: 20upx;
|
|
}
|
|
|
|
.orderInfoTitle {
|
|
>span {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
width: 453upx;
|
|
font-size: 28upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.orderInfoBody {
|
|
margin-top: 10upx;
|
|
|
|
>span {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
}
|
|
}
|
|
|
|
.orderInfoFoot {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 15upx;
|
|
|
|
>span:nth-child(1) {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
font-size: 28upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(255, 68, 68, 1);
|
|
}
|
|
|
|
>span:nth-child(2) {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
}
|
|
}
|
|
|
|
.paymentInfo {
|
|
margin: 20upx auto 0 auto;
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.paymentInfoPackage {
|
|
padding: 30upx;
|
|
|
|
>view:nth-child(1) {
|
|
margin-top: 0;
|
|
}
|
|
|
|
>view {
|
|
margin-top: 30upx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
>text {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
>text:nth-child(1) {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
|
|
>text:nth-child(2) {
|
|
font-size: 24upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
}
|
|
|
|
.checkUserInfo {
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.userInfo {
|
|
margin: 20upx auto 0 auto;
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.userInfoPackage {
|
|
padding: 0 30upx;
|
|
|
|
>view:nth-child(1) {
|
|
border-bottom: 1px solid #eeeeee;
|
|
}
|
|
|
|
>view {
|
|
>span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 96upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
|
|
>input {
|
|
margin-left: 40upx;
|
|
display: inline-block;
|
|
width: 400upx;
|
|
height: 82upx;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 24upx;
|
|
|
|
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
|
|
input::placeholder {
|
|
color: rgba(153, 153, 153, 1);
|
|
}
|
|
|
|
.messageSave {
|
|
margin: 20upx auto 0 auto;
|
|
// width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.messageSavePackage {
|
|
// padding: 30upx;
|
|
|
|
>input {
|
|
padding-left: 30upx;
|
|
height: 77upx;
|
|
background: rgba(248, 248, 248, 1);
|
|
border-radius: 10upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.navButtom {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 750upx;
|
|
height: 98upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border: 1upx solid rgba(238, 238, 238, 0.67);
|
|
z-index: 2;
|
|
}
|
|
|
|
.navButtomLeft {
|
|
display: inline-block;
|
|
width: 515upx;
|
|
}
|
|
|
|
.navButtomLeftPackage {
|
|
padding: 30upx;
|
|
|
|
>span:nth-child(2) {
|
|
color: #ff4444;
|
|
}
|
|
|
|
>span {
|
|
font-size: 24upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.submitButton {
|
|
display: inline-block;
|
|
width: 235upx;
|
|
height: 98upx;
|
|
background: rgba(255, 68, 68, 1);
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 98upx;
|
|
font-size: 28upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
>button {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.receivingAdress {
|
|
margin: 20upx auto 0 auto;
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.receiptDetailsFoot {
|
|
background: repeating-linear-gradient(-45deg, white, white 5%, #ff4444 5%, #ff4444 10%, white 10%, white 15%, #52a7f8 15%, #52a7f8 20%);
|
|
width: 690upx;
|
|
height: 6upx;
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.receivingAdressPackage {
|
|
padding: 30upx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
>view {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.receivingAdressRight {
|
|
font-size: 28upx;
|
|
}
|
|
|
|
.receivingAdressTitle {
|
|
>view {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 62upx;
|
|
height: 35upx;
|
|
background: rgba(255, 68, 68, 1);
|
|
border-radius: 4upx;
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 35upx;
|
|
font-size: 14upx;
|
|
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
}
|
|
|
|
>span {
|
|
margin-left: 10upx;
|
|
vertical-align: middle;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.receivingAdressBody {
|
|
margin-top: 10upx;
|
|
|
|
>span {
|
|
font-size: 32upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
>text {
|
|
font-size: 32upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.receivingAdressFoot {
|
|
margin-top: 10upx;
|
|
|
|
>span:nth-child(2) {
|
|
margin-left: 10upx;
|
|
}
|
|
>text:nth-child(2) {
|
|
margin-left: 10upx;
|
|
}
|
|
|
|
>span {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
>text {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.firstCanvas {
|
|
width: 345upx;
|
|
height: 71upx;
|
|
background: white;
|
|
}
|
|
|
|
.integralInfo {
|
|
margin: 20upx auto 0 auto;
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.integralInfoPackage {
|
|
padding: 30upx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
>view:nth-child(1) {
|
|
>span {
|
|
line-height: 40upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
>text {
|
|
line-height: 40upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
>view {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
.switch {
|
|
width: 80upx;
|
|
height: 40upx;
|
|
border-radius: 20upx;
|
|
|
|
.isswitchClose {
|
|
background: #dddddd;
|
|
}
|
|
|
|
.isswitchOn {
|
|
background: rgba(255, 68, 68, 1);
|
|
}
|
|
|
|
>view {
|
|
padding: 6upx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
>view {
|
|
width: 28upx;
|
|
height: 28upx;
|
|
box-shadow: 0upx 2upx 6upx 0upx rgba(255, 68, 68, 0.35);
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.member {
|
|
overflow: hidden;
|
|
margin: 20upx 30upx 0;
|
|
}
|
|
|
|
.member-header .header-left {
|
|
padding: 0 20upx;
|
|
height: 44upx;
|
|
background-size: 160upx, 44upx;
|
|
background-color: #36384D;
|
|
max-width: 40%;
|
|
}
|
|
|
|
.header-left .left-member-logo {
|
|
width: 30upx;
|
|
height: 30upx;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAllBMVEUAAAD93Dv+3Dz93Dz93Dz+3Tz93Dv/3Tn93Dv93Tr/3Tn93Dv83Dv93Dv93Tv83Dr82zr93Tz+3Dz+3Dz93Dz93Dv+3Dv93Dz93Dz83Dv72zr/3Dr93Tn93Tf83TX93Dv+3Dz92zv83Dr/3jz/6C7/0S7/3jj83Dz+3Tz93Dv93Dv93Dz92zz93Dz93Dv/2zr/2jz93DzCovTLAAAAMXRSTlMAfuOJ5/BkHPpWFum/pJ1bR+ba0crEuat7TUAvKiAQ9tZqYDULCwe0s5eSg3JubCMirPs29wAAANlJREFUKM/N0FduwzAQBNCRbDb1ZqtG7k4ve//LBQIhMZLAfAZ5P+QsCHAx+Dt3Fd9gtyfaweqLuKIONjdW7A49rGIiDivhHvP0YTVN9Nkf/U/hZp5OzfiuonIY3QvWAh3LrwC8kJzpR+nHwJNshnQ5BIDaymmLC9V7CiNSOtbDPUiogdbLEzijD0DjxE44kzdm9xkQNSaJADa+6TLAyqNp98XHShZh1L5i6Srf8YuWEhP4Zq6Doh/lMubOnOEwGEGJhbKAEWVYyEMYb5RuZ1JyYHiVs1AJ/HPfuCkPAKRs+tsAAAAASUVORK5CYII=);
|
|
background-size: 30upx 30upx;
|
|
background-repeat: no-repeat;
|
|
margin-right: 10upx;
|
|
}
|
|
|
|
.member-header .header-right {
|
|
width: 376upx;
|
|
height: 44upx;
|
|
line-height: 44upx;
|
|
background: linear-gradient(90deg, rgba(255, 223, 78, 1), rgba(252, 218, 49, 1));
|
|
border-radius: 0 0 20upx 0;
|
|
}
|
|
|
|
.header-left .left-member-title {
|
|
color: #FCDA31;
|
|
}
|
|
|
|
.member-header .header-right text {
|
|
color: #F04C4C;
|
|
}
|
|
|
|
.member-nowprice {
|
|
color: #F04C4C;
|
|
}
|
|
|
|
.member-list .member-list-items {
|
|
position: relative;
|
|
padding: 20upx 110upx 20upx 30upx;
|
|
/* border-bottom: 1px solid #EEEEEE; */
|
|
}
|
|
|
|
.member-list .member-list-items .select-logo {
|
|
position: absolute;
|
|
right: 30upx;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.member-list .member-list-items .select-logo image {
|
|
width: 36upx;
|
|
height: 36upx;
|
|
}
|
|
|
|
.redPacketIcon {
|
|
font-size: 24upx;
|
|
}
|
|
</style>
|
|
|