需求

back/src/views/modules/sys/check.vue

@@ -0,0 +1,170 @@
+<template>
+    <el-dialog
+      :visible.sync="visible"
+      title="审核权限配置检查"
+      :footer="false"
+      @close="onClose"
+
+    >
+    <el-tabs v-model="tab" type="card" >
+    <el-tab-pane label="未配置部门管理员权限部门" name="first">
+      <div style="float: left;margin-bottom: 8px;font-size: 16px;">检测结果：共{{deptTotal}}个</div>
+        <el-table
+        :data="deptData"
+        :header-cell-style="{ textAlign: 'center', height: '40px' }"
+        :cell-style="{ textAlign: 'center' }"
+        style="width: 100%"
+      >
+      <el-table-column   width="80px" label="序号" align="center">
+        <template slot-scope="scop">
+          {{scop.$index+1}}
+        </template>
+      </el-table-column>
+        <el-table-column
+          prop="name"
+          label="部门名称"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="type"
+          label="类型"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+      </el-table>
+      <div class="block" >
+      <el-pagination
+        @current-change="handleCurrentChange1"
+        layout=" prev, pager, next"
+         :total="deptTotal"
+        :page-size="pageSize"
+        :current-page="currentPageDept"
+      >
+      </el-pagination>
+      </div>
+    </el-tab-pane>
+    <el-tab-pane label="未配置区市审核人权限区市" name="second">
+      <div style="float: left;margin-bottom: 8px;font-size: 16px;">检测结果：共{{districtTotal}}个</div>
+        <el-table
+        :data="districtData"
+        :header-cell-style="{ textAlign: 'center', height: '40px' }"
+        :cell-style="{ textAlign: 'center' }"
+        style="width: 100%"
+      >
+      <el-table-column   width="80px" label="序号" align="center">
+        <template slot-scope="scop">
+          {{scop.$index+1}}
+        </template>
+      </el-table-column>
+        <el-table-column
+          prop="NAME"
+          label="区市名称"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <!-- <el-table-column
+          prop="type"
+          label="类型"
+          header-align="center"
+          align="center"
+        ></el-table-column> -->
+        
+      </el-table>
+      <div class="block" >
+      <el-pagination
+        @current-change="handleCurrentChange2"
+        layout="prev, pager, next"
+         :total="deptTotal"
+        :page-size="pageSize"
+        :current-page="currentPageDistrict"
+      >
+      </el-pagination>
+      </div>
+    </el-tab-pane>
+    </el-tabs>
+    </el-dialog>
+  </template>
+  
+  <script>
+
+  export default {
+    data () {
+      return {
+        visible:false,
+        tab:'first',
+        deptTotal:0,
+        districtTotal:0,
+        deptData:[],
+        districtData:[],
+        currentPageDistrict:1,
+        currentPageDept:1,
+        pageSize:10,
+      }
+    },
+ watch:{
+
+},
+    methods: {
+      handleCurrentChange1 (val) {
+      this.currentPageDept = val
+      this.getDeptList()
+    },
+    handleCurrentChange2 (val) {
+      this.currentPageDistrict = val
+      this.getDistrinctList()
+    },
+      getDeptList(){
+        let params = {
+          pageNum:this.currentPageDept,
+          pageSize:this.pageSize
+
+        }
+        this.$http
+        .get('/sys/user/getApproverUnconfiguredDepartment/', {params
+         
+        })
+        .then((res) => {
+          this.deptData = res.data.data.list
+          this.deptTotal = Number(res.data.data.total)
+        })
+      },
+      getDistrinctList(){
+        let params = {
+          pageNum:this.currentPageDistrict,
+          pageSize:this.pageSize
+
+        }
+        this.$http
+        .get('/sys/user/getApproverUnconfiguredRegion', {params
+         
+        })
+        .then((res) => {
+          this.districtData = res.data.data
+          this.districtTotal = Number(res.data.data.length)
+        })
+      },
+        onClose(){
+    this.visible=false;
+    this.$emit("refreshCheck",false)
+        },
+      init(){
+        this.visible = true   
+        this.getDeptList()
+        this.getDistrinctList()
+      }
+    }
+    
+}
+     
+ 
+  
+  </script>
+  
+  <style lang="scss" scoped>
+
+  ::v-deep .aui-content   .el-tabs__header {
+    left: 0px;
+  }
+  </style>
+  

back/src/views/modules/sys/user.vue

@@ -41,6 +41,9 @@
         <el-form-item>
           <el-button type="primary"  @click="reset()">重置</el-button>
         </el-form-item>
+        <el-form-item>
+          <el-button type="primary"  @click="check()">审核权限配置检查</el-button>
+        </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
         @sort-change="dataListSortChangeHandle" style="width: 100%">
@@ -87,6 +90,8 @@
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+        <!-- 审核权限配置检查 -->
+        <check v-if="checkVisible" ref="check" @refreshCheck="refreshCheck"></check>
     </div>
   </el-card>
 </template>
@@ -94,11 +99,14 @@
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './user-add-or-update'
+import Check from './check'
 import qs from 'qs'
 export default {
   mixins: [mixinViewModule],
   data () {
     return {
+      //审核权限配置检查
+      checkVisible:false,
       mixinViewModuleOptions: {
         getDataListURL: '/sys/user/page',
         getDataListIsPage: true,
@@ -116,12 +124,22 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    Check
   },
   created () {
     this.getDeptList()
   },
   methods: {
+    check(){
+      this.checkVisible=true
+      this.$nextTick(() => {    
+        this.$refs.check.init()
+      })
+    },
+    refreshCheck(val){
+      this.checkVisible=val
+    },
     reset () {
       this.dataForm.username = ''
       this.dataForm.real_name = ''