update: 管理员列表提示

src/views/business/contacts.vue

@@ -42,12 +42,7 @@
         </div>
       </div>
     </template>
-    <div class="not-manager" v-else>
-      <svg class="not-manager-icon" aria-hidden="true">
-        <use xlink:href="#iconno-permission"></use>
-      </svg>
-      <p class="not-manager-tip">您尚不是企微管理员或不具备企微通讯录权限，无法查看！可联系企微超级管理员开通~</p>
-    </div>
+    <not-manager v-else></not-manager>
     <sync-dialog v-if="syncStatusData.syncStatus == 1 || syncStatusData.syncStatus == 2 || syncStatusData.syncStatus == 3" :syncData="syncStatusData"></sync-dialog>
   </div>
 </template>
@@ -55,6 +50,7 @@
 import contactTree from '@/components/company/contact-tree.vue';
 import newDepartMember from '@/components/company/new-depart-member.vue';
 import syncDialog from '@/components/company/sync-dialog.vue';
+import NotManager from './not-manager.vue';
 import { getRequest } from '@/api/api';
 import errMsg from '@/common/js/error';
 import { _debounce } from '@/common/js/public';
@@ -63,7 +59,8 @@ export default {
   components: {
     contactTree,
     newDepartMember,
-    syncDialog
+    syncDialog,
+    NotManager
   },
   data() {
     return {
@@ -509,23 +506,6 @@ export default {
       background: #fff;
     }
   }
-  .not-manager {
-    padding-top: 22vh;
-    margin: 0 auto;
-    text-align: center;
-    .not-manager-icon {
-      width: 106px;
-      height: 106px;
-    }
-    .not-manager-tip {
-      margin-top: 20px;
-      height: 20px;
-      font-size: 14px;
-      font-weight: 400;
-      color: #303133;
-      line-height: 20px;
-    }
-  }
 }
 .li-cell {
   min-height: 26px;

src/views/business/not-manager.vue

+<template>
+  <div class="not-manager">
+    <svg class="not-manager-icon" aria-hidden="true">
+      <use xlink:href="#iconno-permission"></use>
+    </svg>
+    <p class="not-manager-tip">您尚不是企微管理员或不具备企微通讯录权限，无法查看！可联系企微超级管理员开通~</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'NotManager'
+};
+</script>
+<style lang="scss" scoped>
+.not-manager {
+  padding-top: 22vh;
+  margin: 0 auto;
+  text-align: center;
+  .not-manager-icon {
+    width: 106px;
+    height: 106px;
+  }
+  .not-manager-tip {
+    margin-top: 20px;
+    height: 20px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #303133;
+    line-height: 20px;
+  }
+}
+</style>

src/views/enterprise/adminList.vue

@@ -8,7 +8,7 @@
  -->
 <template>
   <div class="daily-set-wrap ">
-    <div class="daily-set-content border-box">
+    <div class="daily-set-content border-box" v-if="isManager">
       <div class="company-title m-b-20 m-t-26 flex flex-space-between flex-align-center">
         <div role="alert" class="el-alert el-alert--info">
           <i class="el-alert__icon el-icon-info"></i>
@@ -28,6 +28,7 @@
         <el-table-column prop="departmentName" label="部门"> </el-table-column>
       </el-table>
     </div>
+    <not-manager v-else></not-manager>
   </div>
 </template>
 <script>
@@ -35,13 +36,16 @@ import { getRequest } from '@/api/api';
 // import { _debounce } from '@/common/js/public';
 import showMsg from '@/common/js/showmsg';
 import errMsg from '@/common/js/error';
+import NotManager from '../business/not-manager.vue';
 export default {
   props: {},
+  comments: { NotManager },
   data() {
     return {
       wxEnterpriseId: sessionStorage.getItem('userInfos') ? JSON.parse(sessionStorage.getItem('userInfos')).wxEnterpriseId : '',
 
-      roleList: []
+      roleList: [],
+      isManager: false
     };
   },
   methods: {
@@ -83,6 +87,7 @@ export default {
               }
             });
           }
+          this.isManager = resData.errorCode != 10030;
           errMsg.errorMsg(resData);
         })
         .catch(function(error) {
@@ -104,7 +109,7 @@ export default {
     const that = this;
     that.getData();
   },
-  components: {}
+  components: { NotManager }
 };
 </script>
 <style type="text/scss" lang="scss" scoped>