<template>
	<view class="container">
		<uni-card :border="false" :is-shadow="false">
			<view v-html="form.info"></view>
		</uni-card>

		<!-- 登录组件 -->
		<ws-login ref="login" :logo="logo" @done="reload" />
	</view>
</template>

<script>
import * as Api from '@/api/booking/userCard';
import { useUserStore } from '@/store/modules/user';
const userStore = useUserStore();

export default {
	data() {
		return {
			id: 0,
			userInfo: {},
			form: {},
			isLogin: false,
			disabled: false
		};
	},
	onLoad(option) {
		this.id = option.id;
		this.reload();
	},
	onShow() {
		// 登录状态
		if (uni.getStorageSync('user_id') && uni.getStorageSync('access_token')) {
			this.isLogin = true;
		}
		this.openLogin();
	},
	methods: {
		async reload() {
			const app = this;
			const { id } = this;

			// 当前登录用户信息
			const userInfo = await userStore.fetchUserInfo();
			app.userInfo = userInfo;

			Api.getUserCard(id).then((data) => {
				app.form = data;
			});
		},
		onDisabled() {
			this.disabled = !this.disabled;
		},
		navTo(url) {
			uni.navigateTo({
				url
			});
		},
		openUrl(url) {
			if (!this.isLogin) {
				this.$refs.login.open('bottom');
				return false;
			} else {
				uni.navigateTo({
					url
				});
			}
		},
		// 弹出登录提示框
		openLogin() {
			if (!this.isLogin) {
				this.$refs.login.open('bottom');
				return false;
			}
		}
	}
};
</script>
<style>
page {
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #f0f2f5;
	width: 750rpx;
	overflow-x: hidden;
}
</style>
<style lang="scss" scoped>

</style>
