<template>
	<div>
		<div class="mui-content vongi-color vongi-ylindex">
			<ul class="mui-table-view vongi-ylfuwu">
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-green">
						<router-link :to="{name:'MasterHealthArchives'}">
							<div class="mui-h1 iconfont icon-weibiaoti--"></div>
							<div class="mui-media-body">健康档案</div>
						</router-link>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-blue">
						<a>
							<div class="mui-h1 iconfont icon-dingwei1"></div>
							<div class="mui-media-body">行动轨迹</div>
						</a>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-yellow">
						<a>
							<div class="mui-h1 iconfont icon-xin1"></div>
							<div class="mui-media-body">养老服务</div>
						</a>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-light">
						<a>
							<div class="mui-h1 iconfont icon-dianhua2"></div>
							<div class="mui-media-body">亲情号码</div>
						</a>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-blue">
						<router-link :to="{name:'MasterLiveInfo'}">
							<div class="mui-h1 iconfont icon-jiankong_o"></div>
							<div class="mui-media-body">视频看护</div>
						</router-link>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-violet">
						<a>
							<div class="mui-h1 iconfont icon-icon-"></div>
							<div class="mui-media-body">我的二维码</div>
						</a>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-pink">
						<a>
							<div class="mui-h1 iconfont icon-yao"></div>
							<div class="mui-media-body">吃药提醒</div>
						</a>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6 kfz">
					<div class="vongi-color-block block-greene">
						<a>
							<div class="mui-h1 iconfont icon-medical-treatment"></div>
							<div class="mui-media-body">医疗记录</div>
						</a>
					</div>
				</li>

				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-yellowe">
						<router-link :to="{name:'MasterExchangeRole'}">
							<div class="mui-h1 iconfont icon-B"></div>
							<div class="mui-media-body">切换身份</div>
						</router-link>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-grew">
						<a @click="outModel">
							<div class="mui-h1 iconfont icon-tuichu2"></div>
							<div class="mui-media-body">退出长者模式</div>
						</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	require('$project/assets/js/mui.picker.min.js');
	import Common from '$project/components/Common.vue'
	import Loading from '$project/components/Loading.vue'
	import TopHeader from '$project/components/TopHeader.vue'
	import NavMenu from '@/components/NavMenu.vue'
	import {
		mapGetters,
		mapMutations
	} from 'vuex'
	import * as types from '$project/store/mutation-types'
	export default {
		name: 'MasterHomeBigFont',
		components: {
			Common,
			Loading,
			TopHeader,
			NavMenu
		},
		data() {
			return {
				isLoading: false,
			}
		},
		created() {},
		methods: {
			//退出当前模式
			outModel() {
				this.set_persion_home_model('normal');
				this.$router.push({
					name: 'Master'
				})
			},
			asynCallBack() {

			},
			...mapMutations({
				set_persion_home_model: types.SET_PERSION_HOME_MODEL,
			})
		},
		mounted() {
			var gallery = mui('.mui-slider');
			var slider = gallery.slider({
				interval: 2000, //自动轮播周期，若为0则不自动播放，默认为0；
				bounce: true //是否启用回弹
			});
		},
		destroyed() {

		},
		computed: {
			...mapGetters({
				openId: 'wx_openid',
				token: 'token',
				person_data: 'person_data',
				person_popedom: 'person_popedom',
				menu_list: 'menu_list',
				common_menu_list: 'common_menu_list',
				persion_home_model: 'persion_home_model'
			})
		}
	}
</script>

<style scoped src="$project/assets/css/pension.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style src="$project/assets/css/iconfont.css"></style>
<style scoped>
	.vongi-ylfuwu a {
		color: #fff;
	}
</style>
