up

pages/index/index.vue

@@ -8,13 +8,13 @@
 		</u-row>
 		<u-row gutter="16">
 
-			<u-col span="6">
+			<u-col span="6" v-if="isshowxc">
 				<view class="demo-layout bg-purple-light" @click="toview(5)">
 					<text class="iconfont icon-guanxianxuncha"></text>
 					<text class="navtxt">雨管巡查</text>
 				</view>
 			</u-col>
-			<u-col span="6">
+			<u-col span="6" v-if="isshowyh">
 				<view class="demo-layout bg-purple" @click="toview(4)">
 					<text class="iconfont icon-guanxianyanghu"></text>
 					<text class="navtxt">雨管养护</text>
@@ -31,7 +31,7 @@
 				</view>
 			</u-col>
 		</u-row> -->
-		<u-row gutter="16">
+		<u-row gutter="16" v-if="isshowrc">
 
 
 			<u-col span="12">
@@ -42,7 +42,7 @@
 			</u-col>
 		</u-row>
 		<u-row gutter="16" justify="space-between">
-			<u-col span="8">
+			<u-col span="8" v-if="isshowty">
 				<view class="demo-layout bg-purple" @click="toview(1)">
 					<text class="iconfont icon-caidanguanli"></text>
 					<text class="navtxt">通用巡查</text>
@@ -62,7 +62,13 @@
 		data() {
 			return {
 				title: '',
-				userInfo: {}
+				userInfo: {
+					allow_menu_list: -1
+				},
+				isshowty: false,
+				isshowxc: false,
+				isshowyh: false,
+				isshowrc: false
 			}
 		},
 		onLoad() {
@@ -72,10 +78,38 @@
 			var a = document.getElementsByClassName('uni-page-head-btn')[0]
 			a.style.display = 'none';
 		},
+		watch: {
+			userInfo: {
+				// 每个属性值发生变化就会调用这个函数
+				handler(newVal, oldVal) {
+					this.isshowty = this.hasMenu(4);
+					this.isshowxc = this.hasMenu(1);
+					this.isshowyh = this.hasMenu(2);
+					this.isshowrc = this.hasMenu(3);
+				},
+				// 立即处理 进入页面就触发
+				immediate: true,
+				// 深度监听 属性的变化
+				deep: true
+			}
+		},
 		onNavigationBarButtonTap(val) {
 			window.android.finish();
 		},
 		methods: {
+			hasMenu(menu_id) {
+				if (this.userInfo.allow_menu_list == -1) return false;
+				if (this.userInfo.allow_menu_list.length == 0) {
+					return true;
+				} else {
+					let list = this.userInfo.allow_menu_list.filter((item) => {
+						return item == menu_id;
+					});
+
+					return list > 0;
+
+				}
+			},
 			loadInfo() {
 				let that = this;
 				this.util.request({

pages/mine/mine.vue

@@ -8,13 +8,13 @@
 		</u-row>
 		<u-row gutter="16">
 
-			<u-col span="6">
+			<u-col span="6"  v-if="isshowxc">
 				<view class="demo-layout bg-purple-light" @click="toview(4)">
 					<text class="iconfont icon-guanxianxuncha"></text>
 					<text class="navtxt">我的巡查</text>
 				</view>
 			</u-col>
-			<u-col span="6">
+			<u-col span="6"  v-if="isshowyh">
 				<view class="demo-layout bg-purple" @click="toview(3)">
 					<text class="iconfont icon-guanxianyanghu"></text>
 					<text class="navtxt">我的养护</text>
@@ -31,17 +31,17 @@
 				</view>
 			</u-col>
 		</u-row>
-		<u-row gutter="16">
+		<u-row gutter="16"  v-if="isshowrc">
 
 
-			<u-col span="12">
+			<u-col span="12" >
 				<view class="demo-layout bg-purple-light" @click="toview(2)">
 					<text class="iconfont icon-zaixianjiance"></text>
 					<text class="navtxt">我的日常监督巡查</text>
 				</view>
 			</u-col>
 		</u-row>
-		<u-row gutter="16" justify="space-between">
+		<u-row gutter="16" justify="space-between"  v-if="isshowty">
 			<u-col span="8">
 				<view class="demo-layout bg-purple" @click="toview(1)">
 					<text class="iconfont icon-caidanguanli"></text>
@@ -56,13 +56,47 @@
 		data() {
 			return {
 				title: '',
-				userInfo: {}
+				userInfo: {
+					allow_menu_list: -1
+				},
+				isshowty: false,
+				isshowxc: false,
+				isshowyh: false,
+				isshowrc: false
 			}
 		},
 		onLoad() {
 			this.loadInfo();
 		},
+		watch: {
+			userInfo: {
+				// 每个属性值发生变化就会调用这个函数
+				handler(newVal, oldVal) {
+					this.isshowty = this.hasMenu(4);
+					this.isshowxc = this.hasMenu(1);
+					this.isshowyh = this.hasMenu(2);
+					this.isshowrc = this.hasMenu(3);
+				},
+				// 立即处理 进入页面就触发
+				immediate: true,
+				// 深度监听 属性的变化
+				deep: true
+			}
+		},
 		methods: {
+			hasMenu(menu_id) {
+				if (this.userInfo.allow_menu_list == -1) return false;
+				if (this.userInfo.allow_menu_list.length == 0) {
+					return true;
+				} else {
+					let list = this.userInfo.allow_menu_list.filter((item) => {
+						return item == menu_id;
+					});
+
+					return list > 0;
+
+				}
+			},
 			loadInfo() {
 				let that = this;
 				this.util.request({