yixiang/pageB/yuyue-capture.vue

<template>
	<view class="content">
		<u-cell-group :border="false">
			<u-cell isLink size="large" title="立即预约" @click="towai"></u-cell>
			<u-cell isLink size="large" title="会员预约" @click="toyuyue"></u-cell>
			<u-cell isLink size="large" title="预约记录" :border="false" @click="tojilu"></u-cell>
		</u-cell-group>
		<u-popup :show="show" mode="center" :round="10" @close="close">
			<view class="popu vflex acenter jcenter">
				<image src="static/info.png" mode="aspectFill"></image>
				<text>是否前往外部预约</text>
				<view class="btns hflex acenter jcenter">
					<view class="btn1" @click="show = false">取消</view>
					<view class="btn2" @click="sure">确定</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import $api from '@/static/js/api.js'
	export default {
		data() {
			return {
				show: false,
				url: '',
			}
		},
		onLoad() {

		},
		methods: {
			sure() {
				uni.navigateTo({
					url: '/pages/webview/index?url=' + this.url
				})
				this.show = false
			},
			close() {
				this.show = false
			},
			towai() {
				var that = this
				$api.req({
					url: 'config',
					data: {
						module: 'shoot'
					}
				}, function(res) {
					that.url = res.data.appointment_url
					that.show = true
				})
			},
			toyuyue() {
				uni.navigateTo({
					url: '/pageB/yuyue-vip'
				})
			},
			tojilu() {
				uni.navigateTo({
					url: '/pageB/yuyue-list'
				})
			},
		},
	}
</script>

<style lang="scss">
	.content {
		background: #FFFFFF;
		padding: 0 40rpx;

		.popu {
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 44rpx 38rpx;

			image {
				width: 78rpx;
				height: 78rpx;
			}

			text {
				font-size: 30rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #000000;
				padding: 26rpx 0 44rpx;
			}

			.btns {
				.btn1 {
					width: 204rpx;
					height: 72rpx;
					background: #E7E7E7;
					border-radius: 40rpx;
					font-size: 28rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 72rpx;
					text-align: center;
					margin: 0 26rpx 0 0;
				}

				.btn2 {
					width: 204rpx;
					height: 72rpx;
					background: #00B0B0;
					border-radius: 40rpx;
					font-size: 28rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 72rpx;
					text-align: center;
				}
			}
		}
	}
</style>