权限配置

src/components/Common.vue

@@ -146,9 +146,7 @@
 				set_fun_list: types.SET_FUN_LIST,
 			})
 		},
-		mounted() {
-			this.getAllFunList();
-		},
+		mounted() {},
 		computed: {
 			...mapGetters({
 				openId: 'wx_openid',

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

@@ -1,361 +1,83 @@
 <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>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-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 v-for="(iten,indey) in funList">
+					<h4 v-text="iten.name"></h4>
+					<ul class="mui-table-view mui-grid-view mui-grid-9">
+						<li v-for="(item,index) in iten.list" class="mui-table-view-cell mui-media mui-col-xs-3">
+							<router-link :to="{name:item.iconRoute}">
+								<img :src="item.iconPic" />
+								<div class="mui-media-body" v-text="item.iconName"></div>
+							</router-link>
+						</li>
+					</ul>
+				</div>
 			</div>
 		</div>
 	</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: 'MasterAllFun',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+			NavMenu
+		},
+		data() {
+			return {
+				isLoading: false,
+
+				pageTitle: '全部应用',
+
+				funList: [],
+			}
+		},
+		created() {},
+		methods: {
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			//这里需要额外理一遍赋值
+			this.fun_list.map(item => {
+				item.list.map(iten => {
+					iten.iconPic = require('$project/assets/img/' + iten.iconPic)
+				})
+			})
+			this.funList = this.fun_list;
+		},
+		destroyed() {
+
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+				fun_list: 'fun_list'
+			})
+		}
+	}
 </script>
 
-<style src="$project/assets/css/xpgj.css"></style>
+
+<style scoped src="$project/assets/css/xpgj.css"></style>
 <style>
 </style>

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

@@ -46,53 +46,17 @@
 					</ul>
 				</div>
 				<ul class="mui-table-view mui-grid-view mui-grid-9">
-					<li class="mui-table-view-cell mui-media mui-col-xs-3">
-						<router-link :to="{name:'MasterHealthReport'}">
-							<img src="~$project/assets/img/icon_jiankangdaka.png" />
-							<div class="mui-media-body">健康打卡</div>
-						</router-link>
-					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-3">
-						<router-link :to="{name:'MasterAttendanceList',query:{result:1}}">
-							<img src="~$project/assets/img/cicon04.png" />
-							<div class="mui-media-body">申请补卡</div>
-						</router-link>
-					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-3">
-						<router-link :to="{name:'MasterAttendanceVerifyList'}">
-							<img src="~$project/assets/img/icon_kaoqinshenpi.png" />
-							<div class="mui-media-body">考勤审批</div>
+					<li v-for="(item,index) in menuList" :class="'mui-table-view-cell mui-media mui-col-xs-3 '+(item.iconRoute?'':'kfz')">
+						<router-link :to="{name:item.iconRoute}">
+							<img :src="item.iconPic" />
+							<div class="mui-media-body" v-text="item.iconName"></div>
 						</router-link>
 					</li>
 					<li class="mui-table-view-cell mui-media mui-col-xs-3">
-						<router-link :to="{name:'MasterAttendanceVerifyLeaveList'}">
-							<img src="~$project/assets/img/icon_qingjiashenpi.png" />
-							<div class="mui-media-body">请假审批</div>
-						</router-link>
-					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-3 kfz">
-						<a href="javascript:void(0)">
-							<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">
-						<router-link :to="{name:'MasterAttendanceSign'}">
-							<img src="~$project/assets/img/cicon05.png" />
-							<div class="mui-media-body">异地打卡</div>
-						</router-link>
-					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-3 kfz">
-						<a href="javascript:void(0)">
-							<img src="~$project/assets/img/cicon01.png" />
-							<div class="mui-media-body">携物出厂</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-3 kfz">
-						<a href="javascript:void(0)">
+						<router-link :to="{name:'MasterAllFun'}">
 							<img src="~$project/assets/img/cicon30.png" />
 							<div class="mui-media-body">全部</div>
-						</a>
+						</router-link>
 					</li>
 				</ul>
 			</div>
@@ -214,6 +178,8 @@
 				roleList: [],
 
 				noticeList: [],
+
+				menuList: [],
 			}
 		},
 		created() {
@@ -279,6 +245,13 @@
 					mui.toast(error);
 				})
 			},
+			setFunList() {
+				//这里需要额外理一遍赋值
+				this.menu_list.map(item => {
+					item.iconPic = require('$project/assets/img/' + item.iconPic)
+				})
+				this.menuList = this.menu_list;
+			},
 			asynCallBack() {
 
 			},
@@ -289,6 +262,8 @@
 			//获取最新二条通知消息
 			this.getLastNotice();
 
+			this.setFunList();
+
 			var gallery = mui('.mui-slider');
 			var slider = gallery.slider({
 				interval: 2000, //自动轮播周期，若为0则不自动播放，默认为0；
@@ -314,6 +289,7 @@
 				token: 'token',
 				person_data: 'person_data',
 				person_popedom: 'person_popedom',
+				menu_list: 'menu_list'
 			})
 		}
 	}