first commit

pages/order/pre.vue

@@ -0,0 +1,166 @@
+<template>
+	<view>
+		<view class="xkl-com-bg">
+			<view style="height: 20rpx;"></view>
+			<view class="u-flex"
+				style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;font-size: 30rpx;">
+				<u--image width="220rpx" height="220rpx" :src="goodsItem.cover[0]" radius="16rpx"></u--image>
+				<view style="padding: 20rpx;">
+					<view style="color: #232323;">{{goodsItem.name}}</view>
+					<view style="height: 20rpx;"></view>
+					<view>
+						<text>单价：</text>
+						<text style="color: crimson;">
+							{{goodsItem.current_price}}元
+						</text>
+					</view>
+					<view style="height: 20rpx;"></view>
+					<view>
+						<text>总价：</text>
+						<text style="color: crimson;">
+							{{total_price}}元
+						</text>
+					</view>
+				</view>
+			</view>
+
+			<view style="height: 20rpx;"></view>
+			<view class="u-flex u-flex-between u-flex-y-center "
+				style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;font-size: 30rpx;">
+				<view class="u-flex">
+					<view>购买数量</view>
+					<view style="width: 10rpx;"></view>
+					<text v-if="level.id" style="color: #dd6161;">可升级v{{level.level}}</text>
+				</view>
+				<view><u-number-box v-model="form.num" inputWidth="100rpx" @change="changenum"></u-number-box></view>
+			</view>
+			<view style="height: 20rpx;"></view>
+			<view style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;font-size: 30rpx;">
+				<view style="font-weight: 700;">购买须知：</view>
+				<view style="height: 20rpx;"></view>
+				<view style="color: #dd6161;">付款成功后立即生效，并投入生产安装，不支持退款、退货。</view>
+				<view style="height: 20rpx;"></view>
+			</view>
+			<view style="height: 100rpx;"></view>
+			<u-button type="primary" @click="createOrder()">确认订单</u-button>
+		</view>
+		<view style="height: 50rpx;"></view>
+	</view>
+</template>
+
+<script>
+	import {
+		API_URL,
+		STATIC_URL
+	} from '@/env'
+	let self;
+	export default {
+		data() {
+			return {
+				goodsItem: {
+					id: '',
+					cover: [],
+					name: '',
+					original_price: '',
+					current_price: '',
+					pre_price: '',
+					integral: '',
+					sales: '',
+					stock: '',
+					note: ''
+				},
+				total_price: 0,
+				form: {
+					goods_id: '',
+					num: 1,
+					pay_type: 0,
+				},
+				level: {
+					id: '',
+					level: ''
+				},
+				policy: {
+					is_trusteeship: 0,
+					is_buy: 0
+				}
+			}
+		},
+		mounted() {},
+		onLoad(option) {
+			self = this;
+			if (option && option.num) {
+				self.form.num = option.num;
+			}
+
+			if (option && option.id) {
+				self.form.goods_id = option.id;
+			}
+		},
+		onShow() {
+			self.getGoodsItem();
+			self.changenum({
+				value: self.form.num
+			});
+			self.policy = self.$store.state.policy;
+		},
+		methods: {
+			
+			changenum(e) {
+				self.form.num = e.value;
+				self.$http.get('/shop/v10/order/pre', self.form).then(({
+					data
+				}) => {
+					self.total_price = data.total_price;
+					self.userinfo = data.userinfo;
+					if (data.level) {
+						self.level = data.level;
+					} else {
+						self.level = {
+							id: '',
+							name: ''
+						}
+					}
+
+				})
+			},
+			getGoodsItem() {
+				self.$http.get('/shop/v10/goods/item', {
+					id: self.form.goods_id
+				}).then(({
+					data,
+					success
+				}) => {
+					if (success) {
+						self.goodsItem = data;
+						self.form.goods_id = data.id;
+						self.total_price = data.current_price;
+					}
+				})
+			},
+			createOrder() {
+				self.$http.post('/shop/v10/order/create', self.form).then(({
+					data,
+					success,
+					msg
+				}) => {
+					if (!success) {
+						uni.showToast({
+							icon: 'none',
+							title: msg
+						})
+						return;
+					}
+
+					uni.navigateTo({
+						url: '/pages/order/pay?order_id=' + data.order_id
+					})
+				})
+			},
+
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>