<template>
	<div>
		<common ref="common" @asynCallBack="asynCallBack"></common>
		<top-header :pageTitle="pageTitle"></top-header>

		<div class="mui-content vongi-color">
			<ul class="mui-table-view vongi-ylfuwu">
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-violet" @click="goToServe">
						<div class="mui-h1 iconfont icon-shouye3"></div>
						<div class="mui-media-body">在线问诊</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-greene" @click="goToServe">
						<div class="mui-h1 iconfont icon-riqi"></div>
						<div class="mui-media-body">挂号预约</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-yellowe" @click="goToServe">
						<div class="mui-h1 iconfont icon-diancan"></div>
						<div class="mui-media-body">点餐服务</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-pink" @click="goToServe">
						<div class="mui-h1 iconfont icon-jiazhengfuwu"></div>
						<div class="mui-media-body">家政服务</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-blue" @click="goToServe">
						<div class="mui-h1 iconfont icon-weixiu"></div>
						<div class="mui-media-body">家电维修</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-greene" @click="goToServe">
						<div class="mui-h1 iconfont icon-liliao"></div>
						<div class="mui-media-body">康复理疗</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-light" @click="goToServe">
						<div class="mui-h1 iconfont icon-xin"></div>
						<div class="mui-media-body">生活照料</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-col-xs-6">
					<div class="vongi-color-block block-blue" @click="goToServe">
						<div class="mui-h1 iconfont icon-renshu"></div>
						<div class="mui-media-body">陪同就医</div>
					</div>
				</li>
			</ul>
		</div>

		<loading :visible="isLoading"></loading>
	</div>
</template>

<script>
	import Common from '$project/components/Common.vue'
	import Loading from '$project/components/Loading.vue'
	import TopHeader from '$project/components/TopHeader.vue'
	import {
		mapGetters,
		mapMutations
	} from 'vuex'
	import {
		currentTimeStamp,
		parseUnixTime
	} from '$project/utils'
	export default {
		name: 'MasterServe',
		components: {
			Common,
			Loading,
			TopHeader
		},
		data() {
			return {
				isLoading: false,

				pageTitle: '养老服务',
			}
		},
		created() {

		},
		methods: {
			goToServe() {
				mui.toast('养老服务筹备中，尽情期待！');
			},
			asynCallBack() {

			},
		},
		mounted() {},
		computed: {
			...mapGetters({
				openId: 'wx_openid',
				token: 'token',
				person_data: 'person_data',
				person_popedom: 'person_popedom',
			})
		}
	}
</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>
</style>
