eduepos_ui_store/pages/activity/free-delivery.vue

<template>
    <view class="distribution-page">
		<scroll-view scroll-y class="scroll-content">
			<view class="title">配送费设置</view>
			<view class="form-item">
			    <view class="label flex-center">是否免配送费</view>
			    <view class="value flex-start">
			        <switch :checked="freeDeliveryFeeFlag" @change="changeDeliveryfeeFlag"  size="22" class="switch" style="transform:scale(0.7)"></switch>
			    </view>
			</view>
			
		</scroll-view>
		<view class="footer-btn">
			<view class="save" @click="updateFreeDeliveryFeeFlag">保存</view>
		</view>
    </view>
</template>
<script>
import { mapState } from 'vuex';
export default {
    data () {
        return {
			newDiscountsUrl: '/storeInfoManageApi/getStoreFreeDeliveryFlg',
			updateUrl: '/storeInfoManageApi/updateStoreFreeDeliveryFlg',
			freeDeliveryFeeFlag: 0
        }
    },
	computed: {
		...mapState(['storeInfo'])
	},
    methods: {
		loadData () {
			uni.showLoading({
				title: '加载中'
			});
			var dateStr = (new Date()).getTime();
			var sign = this.getSign('' + this.storeInfo.storeId + dateStr);
			this.requst({
				url: this.newDiscountsUrl,
				data: {
					timestamp: dateStr,
					sign: sign,
					storeId: this.storeInfo.storeId
				},
				success: res => {
					this.freeDeliveryFeeFlag = res.data.obj;
					
					uni.hideLoading();
				},
				fail: (e) => {
					console.log("接口调用失败:" + JSON.stringify(e));
					uni.hideLoading();
				},
			})
		},
		changeDeliveryfeeFlag (e) {
			if (e.detail.value){
				this.freeDeliveryFeeFlag = 1
			} else {
				this.freeDeliveryFeeFlag = 0
			}
		},
		updateFreeDeliveryFeeFlag () {
			uni.showLoading({
				title: '保存中'
			});
			var dateStr = (new Date()).getTime();
			var sign = this.getSign('' + this.storeInfo.storeId + dateStr);
			this.requst({
				url: this.updateUrl,
				data: {
					timestamp: dateStr,
					sign: sign,
					storeId: this.storeInfo.storeId,
					flg: this.freeDeliveryFeeFlag
				},
				success:res => {
					if (res.data.rtnBean.rtnCode == 0) {
						uni.hideLoading();
						uni.showToast({
							title: "保存成功",
							duration: 3000,
							icon: 'none',
						});
						this.loadData();
					} else {
						uni.hideLoading();
						if (res.data.rtnBean.rtnMsg != '') {
							this.$api.msg(res.data.rtnBean.rtnMsg);
						}
					}
					
				},
				fail: (e) => {
					console.log("接口调用失败:" + JSON.stringify(e));
					uni.hideLoading();
				},
			});
		},
		updateNewDiscounts () {
			let regPrice = (/^[0-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,2}$/);
			if (this.newDiscounts == '' || this.newDiscounts == null) {
				this.$api.msg("立减金额不能为空");
				return;
			}
			if (!regPrice.test(this.newDiscounts)) {
				this.$api.msg("价格只能是整数或小数点后两位");
				return;
			}
			
			
		}
    },
    onShow () {
    },
    onLoad () {
		this.loadData()
	}
}
</script>
<style lang="scss" scoped>
.distribution-page {
    height: 100vh;
    background-color: #f5f5f5;
}

.scroll-content {
    height: calc(100vh - 120rpx - env(safe-area-inset-bottom));
    height: calc(100vh - 120rpx - constant(safe-area-inset-bottom));
}
.title {
    font-size: 36rpx;
    color: $title-color;
    margin: 24rpx 0 16rpx;
    padding: 0 20rpx;
}
.form-item {
    background-color: #fff;
    @include flexStart(flex-start);
    padding: 20rpx 60rpx;
    box-sizing: border-box;
    .label {
        margin-right: 20rpx;
        margin-top: 20rpx;
        font-size: $font-base;
        color: $text-color;
        width: 180rpx;
    }
    .label.flex-center {
        margin-top: 6rpx;
    }
    .desc {
        font-size: $font-sm;
        color: $uni-color-button;
    }
    .flex-start {
        @include flexStart;
        .desc {
            margin-left: 20rpx;
            color: $text-color;
        }
    }
}
.form-item.pb0 {
    padding-bottom: 0;
}
.form-item.flex-center {
    @include flexStart(center);
    .label {
        margin-top: 0;
    }
    .btn {
        font-size: $font-base;
        color: #fff;
        background-color: $theme-color;
        @include flexCenter;
        padding: 6rpx 20rpx;
        border-radius: 10rpx;
    }
    .deliveryman {
        height: 52rpx;
        @include flexStart;
        font-size: $font-base;
        color: $text-color;
    }
    .del {
        color: $uni-color-button;
        margin-left: 20rpx;
    }
}
/deep/ .u-radio {
    margin-right: 50rpx;
}
.footer-btn {
    width: 100vw;
    margin-top: 40rpx;
    .save {
        margin: 0 10vw;
        width: 80vw;
        height: 80rpx;
        border-radius: 40rpx;
        background-color: $theme-color;
        color: #fff;
        @include flexCenter;
    }
}
</style>