<template>
	<view>
		<view class="header" v-if="type == 2">
				<image src="../../pageD/images/file.png" class="tit-img" mode=""></image>
				<view class="title">德铭阳光</view>
				<view class="tit-info">版本:{{ version }} for {{ phone_type }}</view>
		</view>
		<rich-text :nodes="nodes" v-if="type != 2"></rich-text>
		<view class="main" v-if="type == 2">
			<view @click="show = true">
				<text>产品介绍</text>
				<u-icon name="arrow-right" color="#999"></u-icon>
			</view>
			<view>
				<text>版本更新</text>
				<text class="tips">已是最新版本</text>
			</view>
		</view>
        <u-popup v-model="show" v-if="type == 2" mode="left" width="100%">
            <view class="u-content">
                <rich-text :nodes="nodes"></rich-text>
            </view>
        </u-popup>
	</view>
</template>
<script>
import common from '@/static/js/common.js'
export default {
	data() {
		return {
			type: 1,
			nodes: "",
			version: "",
			show: false,
			phone_type: "",
		}
	},
	onLoad(option) {
		// type: 1 证件中心 2: 关于我们
		// console.log(option);
		if(option.id) this.getUseHelpInfo(option.id);
		if(option.type == 1) this.certificateInfo();
		if(option.type == 2) this.getAboutUsInfo();
		this.type = option.type;
		this.getVersion();
		this.phone_type = this.$u.os();
	},
	onBackPress() {
		if (this.show) {
				this.show = !this.show;
		} else {
				return false;
		}
		return true;
	},
	onNavigationBarButtonTap(e) {
		console.log(e);
	},
	methods: {
		setTitle(title){
			uni.setNavigationBarTitle({
				title: title
			});
		},
		getUseHelpInfo(id) {
			this.$u.api.getUseHelpInfo({
			    launch_id: id,
			}).then(res => {
				if (res.errCode == 0) {
					this.nodes = common.unescapeHTML(res.data.info[0].help_info);
					this.setTitle(res.data.info[0].help_title);
				}
			})
		},
		getAboutUsInfo() {
			this.$u.api.aboutUsInfo().then(res => {
				if (res.errCode == 0) {
					this.nodes = common.unescapeHTML(res.data.info.value);
					this.setTitle(res.data.info.remark);
				}
			})
		},
		certificateInfo() {
			this.$u.api.certificateInfo().then(res => {
				if (res.errCode == 0) {
					this.nodes = common.unescapeHTML(res.data.info.value);
					this.setTitle(res.data.info.remark);
				}
			})
		},
		// 检查版本号
		getVersion() {
			this.$u.post("Specialci/checkVersion",{app_version: 1}).then(res => {
				console.log(res);
				this.version = res.data.app_version;
			})
		}
	},
}
</script>
<style lang="scss" scoped>
page {
	background-color: #f2f2f2;
}
.header {
	width: 500rpx;
	margin: 0 auto;
	padding: 30rpx;
	text-align: center;
    .tit-img {
			width: 200rpx;
			height: 200rpx;
		}
		.title {
			margin: 18rpx 0;
			font-weight: bold;
			font-size: 26rpx;
			letter-spacing: 2rpx;
		}
		.tit-info {
			font-size: 22rpx;
			color: #666;
		}
}
.main {
	margin: 20rpx 0;
	& > view {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 100rpx;
		padding: 0 20rpx;
		line-height: 100rpx;
		color: #333;
		font-size: 30rpx;
		background-color: #fff;
		border-bottom: 1px solid #f2f2f2;
	}
	.tips {
		color: #999;
		font-size: 22rpx;
	}
}
.u-content {
    padding: 20rpx;
    font-size: 30rpx;
    text-indent: 1rem;
    line-height: 1.2;
}
</style>