页面切图

pages/index/message.vue

@@ -11,13 +11,13 @@
                 <view class="message-nav-label">反馈</view>
                 <uni-icons type="forward" color="#aaa" size="20"></uni-icons>
             </view>
-            <view class="message-nav" @click="jump('report')">
+            <view class="message-nav" @click="jump('report')" v-if="userInfo.role == '4' || userInfo.role == '5'">
                 <image mode="aspectFill" class="message-nav-icon" src="/static/report.png" />
                 <view class="message-nav-label">告警</view>
                 <uni-badge text="3"></uni-badge>
                 <uni-icons type="forward" color="#aaa" size="20"></uni-icons>
             </view>
-            <view class="message-nav" @click="jump('incident')">
+            <view class="message-nav" @click="jump('incident')" v-if="userInfo.role == '4' || userInfo.role == '5'">
                 <image mode="aspectFill" class="message-nav-icon" src="/static/incident.png" />
                 <view class="message-nav-label">事件</view>
                 <uni-badge text="3"></uni-badge>
@@ -31,11 +31,13 @@
 export default {
     data () {
         return {
-            loading: false
+            loading: false,
+            userInfo: {}
         }
     },
     methods: {
         init () {
+            this.userInfo = uni.getStorageSync('userInfo')
         },
         upgrade (code) {
             console.log(code);
@@ -67,7 +69,7 @@ export default {
             }
         }
     },
-    onLoad () {
+    onShow () {
         this.init()
     },
 }
@@ -76,6 +78,7 @@ export default {
 <style lang="scss">
 .message {
     padding-top: 20rpx;
+
     .message-header {
         padding: 200rpx 34rpx 34rpx;
         display: flex;
@@ -108,7 +111,7 @@ export default {
     }
 
     .message-nav {
-        padding:  34rpx;
+        padding: 34rpx;
         display: flex;
         align-items: center;
         background: $uni-theme-white;