shouye

src/assets/css/xpgj.css

@@ -207,6 +207,9 @@
 	box-shadow: none;
 }
 .vongi-bar .mui-title{
+	color:#020101;
+}
+.vongi-index-bar .mui-title{
 	color:#ffffff;
 	text-align: left;
     left: 15px;

src/projects/business/views/HouseKeeper/Admin/Home.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<common ref="common" @asynCallBack="asynCallBack"></common>
-		<top-header :pageTitle="pageTitle" headerClass="vongi-bar" :rightLink="rightLink" :doRightLink="doRightLink"
+		<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">

src/projects/business/views/HouseKeeper/Control/Home.vue

@@ -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>

src/projects/business/views/Master/Home.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<common @asynCallBack="asynCallBack"></common>
-		<top-header :pageTitle="pageTitle" headerClass="vongi-bar" :rightLink="rightLink" :doRightLink="doRightLink"
+		<top-header :pageTitle="pageTitle" headerClass="vongi-bar vongi-index-bar" :rightLink="rightLink" :doRightLink="doRightLink"
 		 :leftShow="false"></top-header>
 
 		<div class="mui-content margin49">