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

		<div class="mui-content margin60">
			<div class="vongi-choose">
				<h1>选择行业</h1>
				<h5>“小鹏管家”是智慧物业、智慧园区、智慧养老的云管家，是智慧生活的守护神。管家服务于访客、园区（包括小区、居家+机构养老、企事业单位、厂区）人员及管理者。主要功能包括出入管理、健康监管、考勤打卡、物业管理、安全监管、访客管理以及在线缴费等。</h5>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media vongi-choose-yq">
						<router-link :to="{name:'Role',query:{project:'business'}}" class="mui-navigate-right jump">
							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/icon02.png">
							<div class="mui-media-body">
								工厂园区
								<p class='mui-ellipsis'>适用于办公楼、工厂、工业园等场所</p>
							</div>
						</router-link>
					</li>
					<!-- <li class="mui-table-view-cell mui-media vongi-choose-zz">
						<a class="mui-navigate-right">
							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/icon17.png">
							<div class="mui-media-body">
								社区住宅
								<p class='mui-ellipsis'>适用于社区、小区、公寓等场所</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media vongi-choose-yl">
						<a class="mui-navigate-right">
							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/icon46.png">
							<div class="mui-media-body">
								机构、居家养老
								<p class='mui-ellipsis'>适用于养老院、居家养老等场所</p>
							</div>
						</a>
					</li> -->
				</ul>
			</div>
		</div>
		<!-- <div class="fyy-footer">
			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-outlined">我是访客</button></div>
		</div> -->
	</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'
	export default {
		name: 'Home',
		components: {
			Common,
			Loading,
			TopHeader
		},
		data() {
			return {
				pageTitle: '选择行业',
			}
		},
		created() {

		},
		methods: {
			asynCallBack() {

			},
		},
		mounted() {},
		destroyed() {

		},
		computed: {
			...mapGetters({
				openId: 'wx_openid',
				token: 'token',
				person_data: 'person_data',
				company_data: 'company_data',
			})
		}
	}
</script>

<style scoped src="$project/assets/css/iconfont.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style scoped>
</style>
