|
|
@@ -1,8 +1,209 @@
|
|
|
<template>
|
|
|
+ <div>
|
|
|
+ <common @asynCallBack="asynCallBack"></common>
|
|
|
+ <top-header :pageTitle="pageTitle" headerClass="vongi-bar vongi-index-bar" :rightLink="rightLink" :doRightLink="doRightLink"
|
|
|
+ :leftShow="false"></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/icon35.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/icon05.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/icon49.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/icon52.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_jiankangdangan.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>
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-3">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <img src="~$project/assets/img/icon_jiankangdangan.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>
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-3">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <img src="~$project/assets/img/icon_jiankangdangan.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">
|
|
|
+ <h4 class="vongi-floor-title">功能推荐区</h4>
|
|
|
+ <div class="vongi-index-inter flew-sp">
|
|
|
+ <div class="mui-col-xs-6">
|
|
|
+ <div class="vongi-floor-padded">
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <h4 class="mui-ellipsis">关联健康码</h4>
|
|
|
+ <p class="mui-ellipsis">出行更便捷</p>
|
|
|
+ </div>
|
|
|
+ <img class="mui-media-object mui-pull-right" src="~$project/assets/img/cicon15.png" width="54" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="mui-col-xs-6">
|
|
|
+ <div class="vongi-floor-padded">
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <h4 class="mui-ellipsis">上传登记照</h4>
|
|
|
+ <p class="mui-ellipsis">打卡快人一步</p>
|
|
|
+ </div>
|
|
|
+ <img class="mui-media-object mui-pull-right" src="~$project/assets/img/cicon18.png" width="54" />
|
|
|
+ </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 id="slider" class="mui-slider">
|
|
|
+ <div class="mui-slider-group">
|
|
|
+ <!-- 第一张 -->
|
|
|
+ <div class="mui-slider-item">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <img src="~$project/assets/img/02.jpg">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- 第二张 -->
|
|
|
+ <div class="mui-slider-item">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <img src="~$project/assets/img/02.jpg">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-slider-indicator">
|
|
|
+ <div class="mui-indicator mui-active"></div>
|
|
|
+ <div class="mui-indicator"></div>
|
|
|
+ </div>
|
|
|
+ </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.company_data ? this.company_data.name : '小鹏管家';
|
|
|
+ },
|
|
|
+ // setter
|
|
|
+ set: function(newValue) {
|
|
|
+ console.log(newValue)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ...mapGetters({
|
|
|
+ openId: 'wx_openid',
|
|
|
+ token: 'token',
|
|
|
+ person_data: 'person_data',
|
|
|
+ company_data: 'company_data',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style scoped src="$project/assets/css/xpgj.css"></style>
|
|
|
+<style src="$project/assets/css/iconfont.css"></style>
|
|
|
+<style scoped>
|
|
|
</style>
|
