健康监管页

src/projects/business/router/control.js

@@ -0,0 +1,22 @@
+const routesControl = [
+	//监管监测页面
+	{
+		path: '/control',
+		component: () => import('../views/Layout.vue'),
+		children: [
+			//主页
+			{
+				path: '',
+				name: 'Control',
+				component: () => import('../views/Control/Home.vue'),
+				meta: {
+					requireAuth: true,
+					role: [],
+					title: '监管监测页面',
+				}
+			},
+		],
+	},
+]
+
+export default routesControl

src/projects/business/router/index.js

@@ -7,6 +7,8 @@ import routesCommon from './common'
 import routesGuest from './guest'
 //业主
 import routesMaster from './master'
+//监管
+import routesControl from './control'
 
 if (!window.VueRouter) Vue.use(VueRouter)
 
@@ -22,20 +24,9 @@ const routesIndex = [
 			title: '首页',
 		}
 	},
-	//监管监测页面
-	{
-		path: '/control',
-		name: 'Control',
-		component: () => import('../views/Control.vue'),
-		meta: {
-			requireAuth: true,
-			role: [],
-			title: '监管监测页面',
-		}
-	},
 ]
 
-const routes = routesIndex.concat(routesCommon, routesGuest, routesMaster);
+const routes = routesIndex.concat(routesCommon, routesGuest, routesMaster, routesControl);
 
 const router = new VueRouter({
 	//base: process.env.BASE_URL,

src/projects/business/views/Control.vue

@@ -1,107 +0,0 @@
-<template>
-    <div>
-			<header class="mui-bar mui-bar-nav">
-				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-				<h1 class="mui-title">开发区监管端</h1>
-			</header>
-			<div class="mui-content vongi-jyj">
-				<div class="ord-user mui-content-padded">
-					<div class="flew-items ">
-						<div class="user-pic">
-							<img src="~$project/assets/img/02.jpg" alt="">
-						</div>
-						<div class="user-info">
-							<h2>王校长，您好</h2>
-							<p>开发区 疫情专员</p>
-						</div>
-					</div>
-					<a class="signOut" href="">
-						退出
-						<i class="iconfont icon-tuichu"></i>
-					</a>
-				</div>
-				<div class="mui-card icon_number">
-					<div class="mui-card-header">
-						开发区健康统计
-						<a class="mui-navigate-right iconfont icon-riqi" href="">2021-01-28</a>
-					</div>
-					<div class="mui-card-content">
-						<div class="mui-col-xs-6">
-							<a href="#">
-								<span class="icon_number_green">209809</span>
-								<div class="mui-media-body mui-ellipsis">应测人数</div>
-							</a>
-						</div>
-						<div class="mui-col-xs-6">
-							<a href="#">
-								<span class="icon_number_blue">3268</span>
-								<div class="mui-media-body mui-ellipsis">已测人数</div>
-							</a>
-						</div>
-						<div class="mui-col-xs-6">
-							<a href="#">
-								<span class="icon_number_red">3268</span>
-								<div class="mui-media-body mui-ellipsis">异常人数</div>
-							</a>
-						</div>
-						<div class="mui-col-xs-6">
-							<a href="#">
-								<span class="icon_number_yellow">3268</span>
-								<div class="mui-media-body mui-ellipsis">离荆人数</div>
-							</a>
-						</div>
-					</div>
-				</div>
-				<div class="mui-card card_img">
-					<div id="slider" class="mui-slider">
-						<div class="mui-slider-group">
-							<!-- 第一张 -->
-							<div class="mui-slider-item">
-								<a href="#">
-									<img src="~$project/assets/img/green.png">
-								</a>
-							</div>
-							<!-- 第二张 -->
-							<div class="mui-slider-item">
-								<a href="#">
-									<img src="~$project/assets/img/green.png">
-								</a>
-							</div>
-						</div>
-						<div class="mui-slider-indicator">
-							<div class="mui-indicator mui-active"></div>
-							<div class="mui-indicator"></div>
-						</div>
-					</div>
-				</div>
-				<div class="mui-card">
-					<div class="mui-card-content index-floor-2">
-						<ul class="mui-table-view">
-							<li class="mui-table-view-cell flew-sp">
-								<div class="mui-ellipsis mui-col-xs-6">开发区实验中学开发区实验中学开发区实验中学</div>
-								<div class="mui-media-body mui-col-xs-6 mui-text-right">
-									<span class="green">已测51</span> /
-									<span class="blue">应测5219</span>
-								</div>
-							</li>
-							<li class="mui-table-view-cell flew-sp">
-								<div class="mui-ellipsis mui-col-xs-6">开发区实验中学开发区实验中学开发区实验中学</div>
-								<div class="mui-media-body mui-col-xs-6 mui-text-right">
-									<span class="green">已测5</span> /
-									<span class="blue">应测19</span>
-								</div>
-							</li>
-						</ul>
-					</div>
-				</div>
-			</div>
-		</div>
-</template>
-
-<script>
-</script>
-
-<style scoped src="$project/assets/css/xpgj.css"></style>
-<style src="$project/assets/css/iconfont.css"></style>
-<style>
-</style>

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

@@ -0,0 +1,169 @@
+<template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
+		<div class="mui-content vongi-jyj">
+			<div class="ord-user mui-content-padded">
+				<div class="flew-items ">
+					<div class="user-pic">
+						<img :src="person_data?person_data.faceImageUrl:''">
+					</div>
+					<div class="user-info">
+						<h2 v-if="person_data">{{person_data.name}}</h2>
+						<p v-text="person_popedom?(person_popedom.job?person_popedom.job:person_popedom.personRoleName):''"></p>
+					</div>
+				</div>
+				<a class="signOut" @click="loginOut">
+					退出
+					<i class="iconfont icon-tuichu"></i>
+				</a>
+			</div>
+			<div class="mui-card icon_number">
+				<div class="mui-card-header">
+					开发区健康统计
+					<a class="mui-navigate-right iconfont icon-riqi" href="">2021-01-28</a>
+				</div>
+				<div class="mui-card-content">
+					<div class="mui-col-xs-6">
+						<a href="#">
+							<span class="icon_number_green">209809</span>
+							<div class="mui-media-body mui-ellipsis">应测人数</div>
+						</a>
+					</div>
+					<div class="mui-col-xs-6">
+						<a href="#">
+							<span class="icon_number_blue">3268</span>
+							<div class="mui-media-body mui-ellipsis">已测人数</div>
+						</a>
+					</div>
+					<div class="mui-col-xs-6">
+						<a href="#">
+							<span class="icon_number_red">3268</span>
+							<div class="mui-media-body mui-ellipsis">异常人数</div>
+						</a>
+					</div>
+					<div class="mui-col-xs-6">
+						<a href="#">
+							<span class="icon_number_yellow">3268</span>
+							<div class="mui-media-body mui-ellipsis">离荆人数</div>
+						</a>
+					</div>
+				</div>
+			</div>
+			<div class="mui-card card_img">
+				<div id="slider" class="mui-slider">
+					<div class="mui-slider-group">
+						<!-- 第一张 -->
+						<div class="mui-slider-item">
+							<a href="#">
+								<img src="~$project/assets/img/green.png">
+							</a>
+						</div>
+						<!-- 第二张 -->
+						<div class="mui-slider-item">
+							<a href="#">
+								<img src="~$project/assets/img/green.png">
+							</a>
+						</div>
+					</div>
+					<div class="mui-slider-indicator">
+						<div class="mui-indicator mui-active"></div>
+						<div class="mui-indicator"></div>
+					</div>
+				</div>
+			</div>
+			<div class="mui-card">
+				<div class="mui-card-content index-floor-2">
+					<ul class="mui-table-view">
+						<li class="mui-table-view-cell flew-sp">
+							<div class="mui-ellipsis mui-col-xs-6">开发区实验中学开发区实验中学开发区实验中学</div>
+							<div class="mui-media-body mui-col-xs-6 mui-text-right">
+								<span class="green">已测51</span> /
+								<span class="blue">应测5219</span>
+							</div>
+						</li>
+						<li class="mui-table-view-cell flew-sp">
+							<div class="mui-ellipsis mui-col-xs-6">开发区实验中学开发区实验中学开发区实验中学</div>
+							<div class="mui-media-body mui-col-xs-6 mui-text-right">
+								<span class="green">已测5</span> /
+								<span class="blue">应测19</span>
+							</div>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
+</template>
+
+<script>
+	import * as API_User from '$project/apis/user'
+	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 * as types from '$project/store/mutation-types'
+	export default {
+		name: 'Master',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				isLoading: false,
+
+				pageTitle: '开发区监管端',
+			}
+		},
+		created() {},
+		methods: {
+			//退出登录
+			loginOut() {
+				this.isLoading = true;
+				API_User.logOut().then(response => {
+					this.isLoading = false;
+
+					window.location.href = '../home/#/';
+
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			asynCallBack() {},
+		},
+		mounted() {
+			var gallery = mui('.mui-slider');
+			var slider = gallery.slider({
+				interval: 2000, //自动轮播周期，若为0则不自动播放，默认为0；
+				bounce: true //是否启用回弹
+			});
+		},
+		destroyed() {
+
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+				menu_list: 'menu_list',
+				common_menu_list: 'common_menu_list',
+			})
+		}
+	}
+</script>
+
+<style scoped src="$project/assets/css/xpgj.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style>
+</style>

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

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