权限配置

src/apis/user.js

@@ -27,3 +27,12 @@ export function logOut() {
 		method: 'post',
 	})
 }
+
+//获取所有功能列表
+export function getAllFunList() {
+	return request({
+		url: '/mobile/icon/findIconByPersonRole',
+		data: Qs.stringify({}),
+		method: 'post',
+	})
+}

src/components/Common.vue

@@ -4,6 +4,7 @@
 
 <script>
 	import * as API_WeiXin from '$project/apis/weixin'
+	import * as API_User from '$project/apis/user'
 	import {
 		getUrlParam,
 		getWeixinRedirectURI,
@@ -117,9 +118,22 @@
 					mui.toast(error);
 				})
 			},
+			//获取所有功能列表
+			getAllFunList() {
+				API_User.getAllFunList().then(response => {
+
+					var token = response;
+					this.set_fun_list(token);
+
+				}).catch(error => {
+					mui.toast(error);
+				})
+			},
 
 			//异步回调父组件的方法
 			asynCallBack() {
+				//获取所有功能列表
+				this.getAllFunList();
 				this.$emit('asynCallBack');
 			},
 			...mapMutations({
@@ -129,9 +143,12 @@
 				set_person_popedom: types.SET_PERSON_POPEDOM,
 				set_menu_list: types.SET_MENI_LIST,
 				set_person_temp: types.SET_PERSON_TEMP,
+				set_fun_list: types.SET_FUN_LIST,
 			})
 		},
-		mounted() {},
+		mounted() {
+			this.getAllFunList();
+		},
 		computed: {
 			...mapGetters({
 				openId: 'wx_openid',
@@ -139,7 +156,8 @@
 				person_data: 'person_data',
 				person_popedom: 'person_popedom',
 				menu_list: 'menu_list',
-				person_temp: 'person_temp'
+				person_temp: 'person_temp',
+				fun_list: 'fun_list'
 			})
 		}
 	}

src/projects/business/main.js

@@ -20,6 +20,7 @@ if (location.hostname === 'localhost') {
 
 Vue.config.productionTip = false
 
+//图片预览
 import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
 import 'vue-directive-image-previewer/dist/assets/style.css'
 Vue.use(VueDirectiveImagePreviewer, {
@@ -40,6 +41,21 @@ Vue.use(VueDirectiveImagePreviewer, {
 	clickMethod: 'doubleClick'
 })
 
+//获取纯权限路由数组
+let funList = [];
+let fun_list = store.state.fun_list;
+fun_list.forEach(function(item) {
+	item.list.forEach(function(iten) {
+		funList.push(iten.iconRoute);
+		if (iten.iconSubRouteList) {
+			iten.iconSubRouteList.forEach(function(iteb) {
+				funList.push(iteb)
+			})
+		}
+	})
+})
+//console.log(funList)
+
 
 router.beforeEach((to, from, next) => {
 	if (to.query.test) {
@@ -50,7 +66,19 @@ router.beforeEach((to, from, next) => {
 
 	if (to.meta != null && to.meta.requireAuth) {
 		if (store.state.person_data) {
-			next();
+
+			if ((to.meta.form != null && to.meta.form) || (to.meta.mode != null && to.meta.mode)) {
+				//验证
+				if (funList.indexOf(to.name) > -1) {
+					next();
+				} else {
+					mui.toast('无权访问');
+				}
+			} else {
+				//不验证
+				next();
+			}
+
 		} else {
 			window.location.href = '../home/#/user/login';
 		}

src/projects/business/router/common.js

@@ -1,3 +1,8 @@
+/**
+ * meta 参数说明
+ * form:表单路由，存在或ture,也要后台配置，前端校验
+ * mode:功能入口路由，存在或ture,也要后台配置，前端校验
+ */
 const routesCommon = [
 	/***公共***/
 	{
@@ -15,7 +20,7 @@ const routesCommon = [
 						name: 'CommonNotice',
 						component: () => import('../views/Common/Notice/Home.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '消息列表',
 						}
@@ -26,7 +31,7 @@ const routesCommon = [
 						name: 'CommonNoticeInfo',
 						component: () => import('../views/Common/Notice/Info.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '消息详情',
 						}
@@ -37,9 +42,10 @@ const routesCommon = [
 						name: 'CommonNoticeSend',
 						component: () => import('../views/Common/Notice/Send.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '发送通知',
+							mode: true
 						}
 					},
 				]
@@ -55,9 +61,10 @@ const routesCommon = [
 						name: 'CommonHealthCert',
 						component: () => import('../views/Common/Health/Cert.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '健康证',
+							mode: true
 						}
 					},
 					//测温记录
@@ -66,9 +73,10 @@ const routesCommon = [
 						name: 'CommonHealthTemperatureRecord',
 						component: () => import('../views/Common/Health/TemperatureRecord.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '测温记录',
+							mode: true
 						}
 					},
 					//测温详情
@@ -77,7 +85,7 @@ const routesCommon = [
 						name: 'CommonHealthTemperatureInfo',
 						component: () => import('@/views/Common/Health/TemperatureInfo.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '测温详情',
 						}
@@ -96,9 +104,10 @@ const routesCommon = [
 						name: 'CommonDeviceList',
 						component: () => import('@/views/Common/Device/List.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '设备列表',
+							mode: true
 						}
 					},
 					//手机开门
@@ -107,9 +116,10 @@ const routesCommon = [
 						name: 'CommonDeviceOpenDoor',
 						component: () => import('../views/Common/Device/OpenDoor.vue'),
 						meta: {
-							requireAuth: false,
+							requireAuth: true,
 							role: [],
 							title: '手机开门',
+							mode: true
 						}
 					},
 				],

src/projects/business/router/guest.js

@@ -1,3 +1,8 @@
+/**
+ * meta 参数说明
+ * form:表单路由，存在或ture,也要后台配置，前端校验
+ * mode:功能入口路由，存在或ture,也要后台配置，前端校验
+ */
 const routesGuest = [
 	/***访客***/
 	{

src/projects/business/router/master.js

@@ -1,3 +1,8 @@
+/**
+ * meta 参数说明
+ * form:表单路由，存在或ture,也要后台配置，前端校验
+ * mode:功能入口路由，存在或ture,也要后台配置，前端校验
+ */
 const routesMaster = [
 	/***主人***/
 	{
@@ -126,6 +131,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '访客列表',
+							mode: true
 						}
 					},
 					//访客详情
@@ -161,6 +167,7 @@ const routesMaster = [
 									requireAuth: false,
 									role: [],
 									title: '业主投诉',
+									mode: true
 								}
 							},
 							//业主投诉详情
@@ -201,6 +208,7 @@ const routesMaster = [
 									requireAuth: false,
 									role: [],
 									title: '报事报修列表',
+									mode: true
 								}
 							},
 							//报事报修详情
@@ -317,6 +325,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '异地打卡',
+							mode: true
 						}
 					},
 					//考勤记录
@@ -328,6 +337,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '考勤记录',
+							mode: true
 						}
 					},
 					//考勤补卡申请/异地打卡详情
@@ -362,6 +372,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '考勤补卡申请审核列表',
+							mode: true
 						}
 					},
 					//请假申请审核列表
@@ -373,6 +384,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '请假申请审核列表',
+							mode: true
 						}
 					},
 					//请假记录
@@ -384,6 +396,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '请假记录',
+							mode: true
 						}
 					},
 					//请假详情
@@ -419,6 +432,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '考勤统计列表',
+							mode: true
 						}
 					},
 					//考勤记录测温详情
@@ -512,6 +526,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '疫情上报',
+							mode: true
 						}
 					},
 					//健康档案
@@ -523,6 +538,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '健康档案',
+							mode: true
 						}
 					},
 					//测温统计
@@ -534,6 +550,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '测温统计',
+							mode: true
 						}
 					},
 					//异常记录
@@ -545,6 +562,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '异常记录',
+							mode: true
 						}
 					},
 					//未测人员
@@ -556,6 +574,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '未测人员',
+							mode: true
 						}
 					},
 					//健康公示墙
@@ -567,6 +586,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '健康公示',
+							mode: true
 						}
 					},
 					//异常统计
@@ -589,6 +609,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '职工台账',
+							mode: true
 						}
 					},
 					//职工台账详情
@@ -622,6 +643,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '访客测温',
+							mode: true
 						}
 					},
 				],
@@ -641,6 +663,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '公司列表',
+							mode: true
 						}
 					},
 					//添加人员
@@ -652,6 +675,7 @@ const routesMaster = [
 							requireAuth: false,
 							role: [],
 							title: '添加人员',
+							mode: true
 						}
 					},
 					//添加人员选择设备

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

@@ -1,356 +1,356 @@
 <template>
-  <div id="app">
-    <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">
-      <div class="vongi-icons vongi-all">
-        <h4>健康防疫</h4>
-        <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="#">
-              <img src="~$project/assets/img/icon_jiankangzheng.png" />
-              <div class="mui-media-body">健康证</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <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="#">
-              <img src="~$project/assets/img/icon_yichangjilu.png" />
-              <div class="mui-media-body">异常记录</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/cicon19.png" />
-              <div class="mui-media-body">疫情上报</div>
-            </a>
-          </li>
-        </ul>
-        <h4>办公生活</h4>
-        <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="#">
-              <img src="~$project/assets/img/icon_kaoqinjilu.png" />
-              <div class="mui-media-body">考勤记录</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_qingjia.png" />
-              <div class="mui-media-body">请假</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_fangkeshenpi.png" />
-              <div class="mui-media-body">访客审批</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_meizhoucaipu.png" />
-              <div class="mui-media-body">每周菜谱</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_shenqingbuka.png" />
-              <div class="mui-media-body">申请补卡</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yididaka.png" />
-              <div class="mui-media-body">异地打卡</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/cicon22.png" />
-              <div class="mui-media-body">用车申请</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_wupinshenling.png" />
-              <div class="mui-media-body">物品领用</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_xiewuchuchang.png" />
-              <div class="mui-media-body">携物出厂</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_kaoqinshenpi.png" />
-              <div class="mui-media-body">考勤审批</div>
-            </a>
-          </li>
-        </ul>
-        <h4>物业管理</h4>
-        <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="#">
-              <img src="~$project/assets/img/icon_tianjiarenyuan.png" />
-              <div class="mui-media-body">添加人员</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_cewentongji.png" />
-              <div class="mui-media-body">测温统计</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yichangtongji.png" />
-              <div class="mui-media-body">异常统计</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_weicerenyuan.png" />
-              <div class="mui-media-body">未测人员</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <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="#">
-              <img src="~$project/assets/img/icon_shoujikaimen.png" />
-              <div class="mui-media-body">手机开门</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_saomaheyan.png" />
-              <div class="mui-media-body">扫码核验</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_churujilu.png" />
-              <div class="mui-media-body">出入记录</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yuanquxuncha.png" />
-              <div class="mui-media-body">园区巡查</div>
-            </a>
-          </li>
-        </ul>
-        <h4>园区监管</h4>
-        <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="#">
-              <img src="~$project/assets/img/icon_fasongtongzhi.png" />
-              <div class="mui-media-body">发送通知</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_zhigongtaizhang.png" />
-              <div class="mui-media-body">职工台账</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yichangbaogao.png" />
-              <div class="mui-media-body">异常报告</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_jiankanggongshi.png" />
-              <div class="mui-media-body">健康公示</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <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="#">
-              <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="#">
-              <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="#">
-              <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="#">
-              <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="#">
-              <img src="~$project/assets/img/icon_fangkejilu.png" />
-              <div class="mui-media-body">访客记录</div>
-            </a>
-          </li>
-        </ul>
-        <h4>养老生活</h4>
-        <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="#">
-              <img src="~$project/assets/img/icon_huodongguiji.png" />
-              <div class="mui-media-body">活动轨迹</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <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="#">
-              <img src="~$project/assets/img/icon_zhangzhedangan.png" />
-              <div class="mui-media-body">长者档案</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_chiyaotixing.png" />
-              <div class="mui-media-body">吃药提醒</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yiliaojilu.png" />
-              <div class="mui-media-body">医疗记录</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_shigujilu.png" />
-              <div class="mui-media-body">事故记录</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_hulijilu.png" />
-              <div class="mui-media-body">护理计划</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yijianhujiao.png" />
-              <div class="mui-media-body">一键呼叫</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_qinqinghaoma.png" />
-              <div class="mui-media-body">亲情号码</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yanglaojiaofei.png" />
-              <div class="mui-media-body">养老缴费</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_shenghuojiaofei.png" />
-              <div class="mui-media-body">生活缴费</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_tingchejiaofei.png" />
-              <div class="mui-media-body">停车缴费</div>
-            </a>
-          </li>
-        </ul>
-        <h4>社区生活</h4>
-        <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="#">
-              <img src="~$project/assets/img/icon_wuyejiaofei.png" />
-              <div class="mui-media-body">物业缴费</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_shenghuojiaofei.png" />
-              <div class="mui-media-body">生活缴费</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_cheweixufei.png" />
-              <div class="mui-media-body">车位续费</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_cheweishenqing.png" />
-              <div class="mui-media-body">车位申请</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_baoshibaoxiu.png" />
-              <div class="mui-media-body">报事报修</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_wuyetousu.png" />
-              <div class="mui-media-body">物业投诉</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_lianxiwuye.png" />
-              <div class="mui-media-body">联系物业</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_yaoqingfangke.png" />
-              <div class="mui-media-body">邀请访客</div>
-            </a>
-          </li>
-          <li class="mui-table-view-cell mui-media mui-col-xs-3">
-            <a href="#">
-              <img src="~$project/assets/img/icon_shoujikaimen.png" />
-              <div class="mui-media-body">手机开门</div>
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
+	<div id="app">
+		<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">
+			<div class="vongi-icons vongi-all">
+				<h4>健康防疫</h4>
+				<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="#">
+							<img src="~$project/assets/img/icon_jiankangzheng.png" />
+							<div class="mui-media-body">健康证</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<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="#">
+							<img src="~$project/assets/img/icon_yichangjilu.png" />
+							<div class="mui-media-body">异常记录</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/cicon19.png" />
+							<div class="mui-media-body">疫情上报</div>
+						</a>
+					</li>
+				</ul>
+				<h4>办公生活</h4>
+				<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="#">
+							<img src="~$project/assets/img/icon_kaoqinjilu.png" />
+							<div class="mui-media-body">考勤记录</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_qingjia.png" />
+							<div class="mui-media-body">请假</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_fangkeshenpi.png" />
+							<div class="mui-media-body">访客审批</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_meizhoucaipu.png" />
+							<div class="mui-media-body">每周菜谱</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_shenqingbuka.png" />
+							<div class="mui-media-body">申请补卡</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yididaka.png" />
+							<div class="mui-media-body">异地打卡</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/cicon22.png" />
+							<div class="mui-media-body">用车申请</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_wupinshenling.png" />
+							<div class="mui-media-body">物品领用</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_xiewuchuchang.png" />
+							<div class="mui-media-body">携物出厂</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_kaoqinshenpi.png" />
+							<div class="mui-media-body">考勤审批</div>
+						</a>
+					</li>
+				</ul>
+				<h4>物业管理</h4>
+				<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="#">
+							<img src="~$project/assets/img/icon_tianjiarenyuan.png" />
+							<div class="mui-media-body">添加人员</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_cewentongji.png" />
+							<div class="mui-media-body">测温统计</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yichangtongji.png" />
+							<div class="mui-media-body">异常统计</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_weicerenyuan.png" />
+							<div class="mui-media-body">未测人员</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<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="#">
+							<img src="~$project/assets/img/icon_shoujikaimen.png" />
+							<div class="mui-media-body">手机开门</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_saomaheyan.png" />
+							<div class="mui-media-body">扫码核验</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_churujilu.png" />
+							<div class="mui-media-body">出入记录</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yuanquxuncha.png" />
+							<div class="mui-media-body">园区巡查</div>
+						</a>
+					</li>
+				</ul>
+				<h4>园区监管</h4>
+				<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="#">
+							<img src="~$project/assets/img/icon_fasongtongzhi.png" />
+							<div class="mui-media-body">发送通知</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_zhigongtaizhang.png" />
+							<div class="mui-media-body">职工台账</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yichangbaogao.png" />
+							<div class="mui-media-body">异常报告</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_jiankanggongshi.png" />
+							<div class="mui-media-body">健康公示</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<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="#">
+							<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="#">
+							<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="#">
+							<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="#">
+							<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="#">
+							<img src="~$project/assets/img/icon_fangkejilu.png" />
+							<div class="mui-media-body">访客记录</div>
+						</a>
+					</li>
+				</ul>
+				<h4>养老生活</h4>
+				<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="#">
+							<img src="~$project/assets/img/icon_huodongguiji.png" />
+							<div class="mui-media-body">活动轨迹</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<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="#">
+							<img src="~$project/assets/img/icon_zhangzhedangan.png" />
+							<div class="mui-media-body">长者档案</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_chiyaotixing.png" />
+							<div class="mui-media-body">吃药提醒</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yiliaojilu.png" />
+							<div class="mui-media-body">医疗记录</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_shigujilu.png" />
+							<div class="mui-media-body">事故记录</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_hulijilu.png" />
+							<div class="mui-media-body">护理计划</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yijianhujiao.png" />
+							<div class="mui-media-body">一键呼叫</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_qinqinghaoma.png" />
+							<div class="mui-media-body">亲情号码</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yanglaojiaofei.png" />
+							<div class="mui-media-body">养老缴费</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_shenghuojiaofei.png" />
+							<div class="mui-media-body">生活缴费</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_tingchejiaofei.png" />
+							<div class="mui-media-body">停车缴费</div>
+						</a>
+					</li>
+				</ul>
+				<h4>社区生活</h4>
+				<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="#">
+							<img src="~$project/assets/img/icon_wuyejiaofei.png" />
+							<div class="mui-media-body">物业缴费</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_shenghuojiaofei.png" />
+							<div class="mui-media-body">生活缴费</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_cheweixufei.png" />
+							<div class="mui-media-body">车位续费</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_cheweishenqing.png" />
+							<div class="mui-media-body">车位申请</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_baoshibaoxiu.png" />
+							<div class="mui-media-body">报事报修</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_wuyetousu.png" />
+							<div class="mui-media-body">物业投诉</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_lianxiwuye.png" />
+							<div class="mui-media-body">联系物业</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_yaoqingfangke.png" />
+							<div class="mui-media-body">邀请访客</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-3">
+						<a href="#">
+							<img src="~$project/assets/img/icon_shoujikaimen.png" />
+							<div class="mui-media-body">手机开门</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>

src/store/getters.js

@@ -10,4 +10,6 @@ export const add_person_data = state => state.add_person_data
 
 export const menu_list = state => state.menu_list
 
-export const person_temp = state => state.person_temp
+export const person_temp = state => state.person_temp
+
+export const fun_list = state => state.fun_list

src/store/mutation-types.js

@@ -5,4 +5,5 @@ export const SET_PERSON_DATA = 'SET_PERSON_DATA'
 export const SET_PERSON_POPEDOM = 'SET_PERSON_POPEDOM'
 export const SET_ADD_PERSON_DATA = 'SET_ADD_PERSON_DATA'
 export const SET_MENI_LIST = 'SET_MENI_LIST'
-export const SET_PERSON_TEMP = 'SET_PERSON_TEMP'
+export const SET_PERSON_TEMP = 'SET_PERSON_TEMP'
+export const SET_FUN_LIST = 'SET_FUN_LIST'

src/store/mutations.js

@@ -5,7 +5,8 @@ import {
 	setPersonData,
 	setPersonPopedom,
 	setMenuList,
-	setPersonTemp
+	setPersonTemp,
+	setFunList
 } from '../utils/storage'
 
 var storage_prefix = process.env.VUE_APP_LOCAL_STORAGE_PREFIX;
@@ -50,6 +51,11 @@ const mutations = {
 		setPersonTemp(storage_prefix, data)
 		state.person_temp = data
 	},
+	
+	[types.SET_FUN_LIST](state, data) {
+		setFunList(storage_prefix, data)
+		state.fun_list = data
+	},
 }
 
 export default mutations

src/store/state.js

@@ -4,7 +4,8 @@ import {
 	getPersonData,
 	getPersonPopedom,
 	getMenuList,
-	getPersonTemp
+	getPersonTemp,
+	getFunList
 } from '../utils/storage'
 
 var storage_prefix = process.env.VUE_APP_LOCAL_STORAGE_PREFIX;
@@ -19,6 +20,7 @@ const state = {
 	control_abnormal_statistics_endTime: '',
 	menu_list: getMenuList(storage_prefix),
 	person_temp: getPersonTemp(storage_prefix),
+	fun_list: getFunList(storage_prefix),
 }
 
 export default state

src/utils/storage.js

@@ -73,3 +73,7 @@ export const getPersonTemp = (channel) => get(channel + '_person_temp')
 export const setMenuList = (channel, data) => set(channel + '_menu_list', data)
 
 export const getMenuList = (channel) => get(channel + '_menu_list')
+
+export const setFunList = (channel, data) => set(channel + '_fun_list', data)
+
+export const getFunList = (channel) => get(channel + '_fun_list')