[FE]联调用户管理接口

security-protection-platform/src/api/usermana/index.js

import http from '@/http'
import { keysMapping, keysMappingReverse } from '@/utils/keysMapping'
const { $default } = http
const mapping = {
  userId: 'code',
  departmentName: 'orgName',
  post: 'employeePositionZh',
  telephone: 'mainWirelessCall'
}
const api = {
  // 获取公司类型列表
  getCompanyTypesList () {
      return resp
    }).catch((err) => { return err })
  },
  // 获取部门类型列表
  queryCycleChildOrg (id) {
    return $default.get(`/sp/employeeManagement/queryCycleChildOrg?orgId=${id}`).then(resp => {
      const data = resp.data.data
      console.log(data)
      if (!Array.isArray(data)) return resp
      // 将平铺的数组变为树形数组
      resp.data = nest(data)
      // console.log(resp.data)
      return resp
    }).catch((err) => { return err })
  },
  getStaffTypesList (id) {
    return $default.get(`/sp/employeeManagement/queryEmployeeListByOrgId?orgId=${id}`).then(resp => {
      return resp
    }).catch((err) => { return err })
  },
  // 获取用户列表数据
  getUserList (data) {
    return $default.get(`/sp/employeeManagement/queryEmployeeList`, data).then(resp => {
      resp.data = keysMappingReverse(resp.data.data, mapping)
      return resp
    }).catch((err) => { return err })
  },
  // 删除用户
  deleteUserData (data) {
    if (Array.isArray(data.employeeId)) {
      return $default.delete(`/sp/employeeManagement/deleteEmployee?employeeId=${data.employeeId.join(',')}`).catch((err) => { return err })
    } else {
      return $default.delete(`/sp/employeeManagement/deleteEmployee?employeeId=${data.employeeId}`).catch((err) => { return err })
    }
  }
}
function nest (items, code = '-1', link = 'parentCode') {

security-protection-platform/src/modules/usermana/index.vue

        <t-button color="primary" @click="showAddDeviceModal">
          <t-icon icon="plus-circle-outline" size="16"></t-icon>新增
        </t-button>
        <t-button @click="multDeleteDeviceData">
        <t-button @click="multDeleteUserData">
          <t-icon icon="trash" size="16"></t-icon>删除
        </t-button>
      </div>
          <t-table-column prop="departmentName" label="部门" width="150"></t-table-column>
          <t-table-column prop="post" label="职务" width="100"></t-table-column>
          <t-table-column prop="age" label="年龄" width="80"></t-table-column>
          <t-table-column prop="telephone" label="手机" width="120"></t-table-column>
          <t-table-column prop="telephone" label="手机" width="150"></t-table-column>
          <t-table-column prop="status" label="人脸状态" width="120">
            <template v-slot="{row}">
              <t-tag v-if="row.status=== 'xxx'" state="primary">待审核</t-tag>
              <t-tag v-else state="success">已生效</t-tag>
              <t-tag v-if="row.field2==='5'" state="success">{{ row.status }}</t-tag>
              <t-tag v-else-if="row.field2==='3'" state="danger">{{ row.status }}</t-tag>
              <t-tag v-else state="info">{{ row.status }}</t-tag>
            </template>
          </t-table-column>
          <t-table-column label="操作">
            <template v-slot="{row}">
              <a href="javascript:;" style="color:#0089D4;" @click="editDeviceData(row.resourceToolId)">编辑</a>
              <a href="javascript:;" style="color:#0089D4;" @click="deleteDeviceData(row)">删除</a>
              <a href="javascript:;" style="color:#0089D4;" @click="deleteUserData(row)">删除</a>
              <a href="javascript:;" style="color:#0089D4;" @click="deleteDeviceData(row)">人脸审核</a>
            </template>
          </t-table-column>
      // 当前页的数据个数
      limit: 10,
      // 数据总数
      total: 100,
      // 批量删除的设备id
      deleteResourceToolId: [],
      total: 0,
      // 批量删除的用户id
      deleteUserId: [],
      // 当前设备数据
      currentDeviceData: {},
      // 显示/隐藏新增设备对话框
  },
  watch: {
    companyTypeId (val) {
      // this.getDepartmentTypesList(val)
      // 重置部门回显
      this.departmentTypeId = ''
      // 查询部门列表
      this.queryCycleChildOrg(val)
    },
    departmentTypeId (val) {
      this.getStaffTypesList(val)
      // 重置人员回显
      this.staffTypeId = ''
      // 重置人员列表
      this.staffTypesList = []
      // 减少查询请求
      if (val !== '') {
        this.getStaffTypesList(val)
      }
    }
  },
  created () {
    this.getCompanyTypesList()
  },
  methods: {
    // 获取设备列表数据
    async getDeviceData () {
    // 获取用户列表数据
    async getUserList () {
      const res = await sysapi.getUserList({ params: { pageNumber: this.page, pageSize: this.limit, id: this.staffTypeId, orgId: this.departmentTypeId || this.companyTypeId } })
      if (res.status === 200) {
        // 获取当前公司id的公司名称
        const companyName = this.companyTypesList.filter(item => item.id === this.companyTypeId)[0].name
        // eslint-disable-next-line no-return-assign
        res.data.data.forEach(item => item.companyName = companyName)
        this.userDataList = res.data.data
        this.total = res.data.total
      } else {
        this.$Message.danger('用户列表数据获取失败！')
      }
    },
    // 向服务器发送请求获取公司类型列表数据
    async getCompanyTypesList () {
      }
    },
    // 向服务器发送请求获取部门类型列表数据
    async getDepartmentTypesList (id) {
      const res = await sysapi.getDepartmentTypesList(id)
      if (res.status === 200) {
        this.departmentTypesList = res.data.data
      } else {
        this.$Message.danger('部门类型列表数据获取失败！')
      }
    },
    // async getDepartmentTypesList (id) {
    //   const res = await sysapi.getDepartmentTypesList(id)
    //   if (res.status === 200) {
    //     this.departmentTypesList = res.data.data
    //   } else {
    //     this.$Message.danger('部门类型列表数据获取失败！')
    //   }
    // },
    // 如果部门还有下级 递归
    nextDepartment (data, arr) {
      if (data.length > 0) {
        })
      }
    },
    // 获取部门列表
    async queryCycleChildOrg (id) {
      const res = await sysapi.queryCycleChildOrg(id)
      if (res.status === 200) {
            }
          })
        })
        console.log(data)
        this.departmentTypesList = data
        // eslint-disable-next-line no-return-assign
        this.departmentTypesList = data.filter(item => item.data = item.id)
      } else {
        this.$Message.danger('部门类型列表数据获取失败！')
      }
    },
    // 向服务器发送请求获取用户类型列表数据
    async getStaffTypesList (id) {
      const res = await sysapi.getDepartmentTypesList(id)
      const res = await sysapi.getStaffTypesList(id)
      if (res.status === 200) {
        this.staffTypesList = res.data.data
      } else {
    // 查询数据
    selectHandle () {
      this.page = 1
      this.getDeviceData()
      this.getUserList()
    },
    // 重置查询数据
    resetData () {
      this.companyTypeId = ''
      this.staffTypeId = ''
      this.departmentTypeId = ''
      this.getDeviceData()
      this.userDataList = []
    },
    // 当前页改变 触发事件
    onChange (page) {
      this.page = page
      this.getDeviceData()
      this.getUserList()
    },
    // 当前页数据总数改变 触发事件
    onSizeChange (pageSize) {
      this.limit = pageSize
      this.getDeviceData()
      this.getUserList()
    },
    // 删除数据
    deleteDeviceData (row) {
    deleteUserData (row) {
      this.$Confirm.confirm({
        title: '正在准备删除...',
        content: '<p>确定要删除？</p><p>删除后将无法还原！</p>',
        ok: async () => {
          const res = await sysapi.deleteDeviceData({ resourceToolId: row.resourceToolId })
          const res = await sysapi.deleteUserData({ employeeId: row.id })
          if (res.status === 200) {
            this.getDeviceData()
            this.getUserList()
            this.$Message.success('删除成功！')
          } else {
            this.$Message.danger('删除失败！')
    // 当复选框发生改变时 触发事件
    selectChange (data) {
      const arr = []
      data.forEach(item => arr.push(item.resourceToolId))
      this.deleteResourceToolId = arr
      data.forEach(item => arr.push(item.id))
      this.deleteUserId = arr
    },
    // 批量删除数据
    multDeleteDeviceData () {
      if (this.deleteResourceToolId.length === 0) {
    multDeleteUserData () {
      if (this.deleteUserId.length === 0) {
        return this.$Message.warning('请选择要删除的数据！')
      }
      this.$Confirm.confirm({
        title: '正在准备删除...',
        content: '<p>确定要删除？</p><p>删除后将无法还原！</p>',
        ok: async () => {
          const res = await sysapi.deleteDeviceData({ resourceToolId: this.deleteResourceToolId })
          const res = await sysapi.deleteUserData({ employeeId: this.deleteUserId })
          if (res.status === 200) {
            this.getDeviceData()
            this.getUserList()
            this.$Message.success('删除成功！')
          } else {
            this.$Message.danger('删除失败！')