<template>
	<div>
		<common @asynCallBack="asynCallBack"></common>
		<top-header :pageTitle="pageTitle" headerClass="vongi-bar vongi-index-bar" :rightLink="rightLink" :doRightLink="doRightLink"
		 :leftShow="false" :titleDownShow="true" :downAction="downAction"></top-header>

		<div class="mui-content margin49">
			<div class="vongi-icons">
				<ul class="mui-table-view mui-grid-view mui-grid-9 vongi-grid-head">
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<router-link :to="{name:'HouseKeeperAdminPersonAdd'}">
							<img src="~$project/assets/img/icon13.png" />
							<div class="mui-media-body">发送通知</div>
						</router-link>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon34.png" />
							<div class="mui-media-body">职工台账</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon50.png" />
							<div class="mui-media-body">异常统计</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon16.png" />
							<div class="mui-media-body">健康公示</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view mui-grid-view mui-grid-9">
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon_danweiliebiao.png" />
							<div class="mui-media-body">单位列表</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon_cewenjilu.png" />
							<div class="mui-media-body">职工测温</div>
						</a>
					</li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon_fangkecewen.png" />
							<div class="mui-media-body">访客测温</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon_fangkejilu.png" />
							<div class="mui-media-body">访客记录</div>
						</a>
					</li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon_shebeizhuangtai.png" />
							<div class="mui-media-body">设备状态</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a href="javascript:void(0)">
							<img src="~$project/assets/img/icon_shipinjiankong.png" />
							<div class="mui-media-body">视频监控</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="vongi-index-floor">
				<div class="vongi-index-inter flew-sp">
					<div class="mui-col-xs-6">
						<div class="vongi-floor-num">
							<div class="mui-media-body vongi-bag-blue">
								26	
							</div>
                            <h4 class="mui-ellipsis">今日到岗人数</h4>							
						</div>
					</div>
					<div class="mui-col-xs-6">
						<div class="vongi-floor-num">
							<div class="mui-media-body vongi-bag-green">
								26	
							</div>
                            <h4 class="mui-ellipsis">体温正常人数</h4>							
						</div>
					</div>
					<div class="mui-col-xs-12">
						<div class="vongi-floor-padded">
							<a href="" class="text-list">
								<h5 class="mui-ellipsis">9月园区活动通知</h5><span>9月20日</span>
							</a>
							<a href="" class="text-list">
								<h5 class="mui-ellipsis">9月园区活动通知9月园区活动通知9月园区活动通知9月园区活动通知9月园区活动通知</h5><span>9月20日</span>
							</a>
						</div>
						<a href="" class="vongi-link"><span class="mui-icon mui-icon-forward"></span></a>
					</div>
					
				</div>
			</div>
		</div>

		<nav-menu :router="[{name:'HouseKeeperAdmin'},{name:'HouseKeeperAdminMessage'},{name:'HouseKeeperAdminCenter'}]"></nav-menu>

	</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 NavMenu from '@/components/NavMenu.vue'
	import {
		mapGetters,
		mapMutations
	} from 'vuex'
	export default {
		name: 'HouseKeeperAdmin',
		components: {
			Common,
			Loading,
			TopHeader,
			NavMenu
		},
		data() {
			return {
				rightLink: {
					show: true,
					icon: 'icon-jiaohuan',
					style: 'font-size:14px;color:#fff;',
					title: '公司管理员'
				},
			}
		},
		created() {

		},
		methods: {
			//右上角点击事件
			doRightLink() {

			},
			asynCallBack() {

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

		},
		computed: {
			pageTitle: {
				// getter
				get: function() {
					return this.person_data ? this.person_data.companyName : '小鹏管家';
				},
				// setter
				set: function(newValue) {
					console.log(newValue)
				}
			},
			...mapGetters({
				openId: 'wx_openid',
				token: 'token',
				person_data: 'person_data',
				company_data: 'company_data',
			})
		}
	}
</script>

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