<template>
|
<view :class="Visible ? 'usable-distr open' : 'usable-distr close'">
|
<view class="popup-bg" @click="closePopup"></view>
|
<view class="main pt30" v-on:click.stop>
|
<view class="tc f32">配送方式</view>
|
<view v-if="deliverySetting.indexOf('10')>-1" class="distr-list border-b-e" @click="radioChange(10)">
|
<view>普通快递</view>
|
<view class="radio">
|
<radio :value="'1'" :checked="checked_id==10" /><text></text>
|
</view>
|
</view>
|
<view v-if="deliverySetting.indexOf('40')>-1" @click="radioChange(40)">
|
<view class="distr-list border-b-e">
|
<view>门店配送：</view>
|
<view class="radio">
|
<radio :value="'4'" :checked="checked_id==40" /><text></text>
|
</view>
|
</view>
|
|
</view>
|
<view v-if="deliverySetting.indexOf('20')>-1" @click="radioChange(20)">
|
<view class="distr-list">
|
<view>自提门店：</view>
|
<view class="radio">
|
<radio :value="'2'" :checked="checked_id==20" /><text></text>
|
</view>
|
</view>
|
<Storeinfo ref="getShopinfoData" :extract_store="extract_store" :chooseSotr="chooseSotr" :last_extract="last_extract" style="flex: 1;"></Storeinfo>
|
</view>
|
<view class="distr_btn">
|
<button class="theme-btn" @click="closePopup">完成</button>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import Storeinfo from './store-info';
|
|
export default {
|
data() {
|
return {
|
/*是否可见*/
|
Visible: false,
|
checked_id: 10,
|
choose_store_id: 0
|
}
|
},
|
components: {
|
Storeinfo,
|
},
|
props: ['isDist', 'extract_store', 'last_extract', 'deliverySetting','chooseSotr'],
|
watch: {
|
isDist(val) {
|
this.Visible = val;
|
let deliverySetting = this.deliverySetting.split(",");
|
this.checked_id = deliverySetting[0];
|
}
|
},
|
onLoad(options) {
|
let self = this;
|
self.options = options;
|
},
|
methods: {
|
closePopup(e) {
|
if (this.checked_id == 20 && this.$props.extract_store.store_id == null) {
|
uni.showToast({
|
icon: 'none',
|
title: '请选择自提点'
|
})
|
} else {
|
this.$emit('close', this.checked_id);
|
}
|
},
|
radioChange(n) {
|
let self = this;
|
self.checked_id = n;
|
self.$fire.fire('checkedfir', n);
|
},
|
hasType(n){
|
return this.deliverySetting.indexOf(n)!= -1;
|
}
|
}
|
|
}
|
</script>
|
|
<style>
|
.usable-distr .popup-bg {
|
position: fixed;
|
top: 0;
|
right: 0;
|
bottom: 0;
|
left: 0;
|
background: rgba(0, 0, 0, 0.6);
|
z-index: 99;
|
}
|
|
.usable-distr .main {
|
position: fixed;
|
width: 100%;
|
bottom: 0;
|
min-height: 400rpx;
|
max-height: 1400rpx;
|
background-color: #fff;
|
transform: translate3d(0, 980rpx, 0);
|
transition: transform 0.2s cubic-bezier(0, 0, 0.25, 1);
|
padding-bottom: env(safe-area-inset-bottom);
|
z-index: 99;
|
}
|
|
.usable-distr.open .main {
|
transform: translate3d(0, 0, 0);
|
}
|
|
.usable-distr.close .popup-bg {
|
display: none;
|
}
|
|
.distr-tit {
|
text-align: center;
|
font-size: 39rpx;
|
margin-top: 23rpx;
|
margin-bottom: 70rpx;
|
}
|
|
.distr-list {
|
padding: 25rpx;
|
margin-bottom: 25rpx;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
|
}
|
|
.bor_botm {
|
border-bottom: 1rpx solid #cacaca;
|
}
|
|
.distr_btn button {
|
width: 90%;
|
margin: 0 auto;
|
margin-bottom: 30rpx;
|
height: 60rpx;
|
line-height: 60rpx;
|
border-radius: 30rpx;
|
}
|
</style>
|
