BUG 28230

src/apps/AppSpecialPeople/components/detail.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="detail">
+    <template v-if="hasGridPermit">
       <div class="tab-select">
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
              @click="tabClick(index)">{{ item }}<span></span></div>
       </div>
-
       <div class="area-select">
         <div class="select-content">
           <div class="area-content">
@@ -25,7 +25,6 @@
           </div>
         </div>
       </div>
-
       <div v-if="!tabIndex">
         <div class="info-content">
           <div class="title">特殊人群</div>
@@ -61,7 +60,7 @@
               </div>
               <div class="user-info">
                 <p class="name">{{ e.name }}
-                <span class="btn-icon" v-if="gridType != 0 && user.wxUserId == e.createUserId">
+                  <span class="btn-icon" v-if="hasGridPermit && user.wxUserId == e.createUserId">
                   <img src="../img/edit-icon.png" alt="" @click.stop="toEdit(e,item.dictValue)">
                   <img src="../img/del-icon.png" alt="" @click.stop="del(e,item.dictValue)">
                 </span>
@@ -79,6 +78,8 @@
           <div class="btn">新增特殊人群信息</div>
         </div>
       </div>
+    </template>
+    <AiEmpty description="没有网格员权限<br>无法查看网格信息哦" v-else/>
   </div>
 </template>
 
@@ -100,14 +101,20 @@ export default {
       search: {name: ''}
     }
   },
-  computed: {...mapState(['user'])},
+  computed: {
+    ...mapState(['user']),
+    hasGridPermit() {
+      return this.gridType != 0
+    }
+  },
   created() {
     this.$dict.load('appSpecialTypeFive')
   },
   onShow() {
     document.title = '特殊人群管理'
-    this.isGirdUser()
-    this.getDatas()
+    this.isGirdUser().then(() => {
+      this.hasGridPermit && this.getDatas()
+    })
   },
   methods: {
     getDatas() {
@@ -219,9 +226,10 @@ export default {
       })
     },
     isGirdUser() {
-      this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
+      return this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
         if (res?.data) {
-          this.gridType = res.data.checkType
+          this.search.girdId = res.data.girdId
+          return this.gridType = res.data.checkType
         }
       })
     },