[FE]修改假勤管理对话框显示问题，修改用户管理页面路由逻辑

security-protection-platform/src/modules/userRights/organizationmana/index.vue

@@ -1,12 +0,0 @@
<template>
  <div>组织管理页面</div>
</template>
<script>
export default {
}
</script>
<style>
</style>

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

@@ -1,12 +0,0 @@
<template>
  <div>123</div>
</template>
<script>
export default {
}
</script>
<style>
</style>

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

@@ -0,0 +1,279 @@
<template>
  <div class="usermana-page">
    <t-card class="page-card">
      <div class="select-confidtion-box row">
        <div class="col-3">公司：
          <t-select v-model="companyTypeId" width="200px">
            <t-option v-for="item in companyTypesList" :key="item.id" :value="item.id">{{ item.name }}</t-option>
          </t-select>
        </div>
        <div class="col-3">部门：
          <t-select v-model="departmentTypeId" width="200px">
            <t-option v-for="item in departmentTypesList" :key="item.id" :value="item.id">{{ item.name }}</t-option>
          </t-select>
        </div>
        <div class="col-3">姓名：
          <t-select v-model="staffTypeId" width="200px">
            <t-option v-for="item in staffTypesList" :key="item.id" :value="item.id">{{ item.name }}</t-option>
          </t-select>
        </div>
        <div class="col-2 offset-1 select-button-box" align="end">
          <t-button color="primary" @click="selectHandle">查询</t-button>
          <t-button @click="resetData">重置</t-button>
        </div>
      </div>
      <div class="function-button-box">
        <t-button color="primary" @click="showAddDeviceModal">
          <t-icon icon="plus-circle-outline" size="16"></t-icon>新增
        </t-button>
        <t-button @click="multDeleteDeviceData">
          <t-icon icon="trash" size="16"></t-icon>删除
        </t-button>
      </div>
      <div class="table-box">
        <t-table :data="userDataList" line @selection-change="selectChange">
          <t-table-column type="selection" width="70"></t-table-column>
          <t-table-column prop="name" label="姓名" width="100"></t-table-column>
          <t-table-column prop="userId" label="员工编号" width="120"></t-table-column>
          <t-table-column prop="companyName" label="公司" width="150"></t-table-column>
          <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="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>
            </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="deleteDeviceData(row)">人脸审核</a>
            </template>
          </t-table-column>
        </t-table>
      </div>
      <div class="table-pager">
        <t-pager :current.sync="page" :total="total" :page-size="limit" :sizer-range="[10,20,50,100]" show-elevator show-sizer @on-size-change="onSizeChange" @on-change="onChange">>
        </t-pager>
      </div>
    </t-card>
  </div>
</template>
<script>
import sysapi from '@/api/system'
export default {
  data () {
    return {
      // 公司类型id
      companyTypeId: '',
      // 公司类型列表
      companyTypesList: [],
      // 部门类型id
      departmentTypeId: '',
      // 部门类型列表
      departmentTypesList: [],
      // 员工类型id
      staffTypeId: '',
      // 员工类型列表
      staffTypesList: [],
      // 用户数据列表
      userDataList: [],
      // 当前页
      page: 1,
      // 当前页的数据个数
      limit: 10,
      // 数据总数
      total: 100,
      // 批量删除的设备id
      deleteResourceToolId: [],
      // 当前设备数据
      currentDeviceData: {},
      // 显示/隐藏新增设备对话框
      addDeviceModal: false,
      currentEditDevice: {}
    }
  },
  created () {
    this.getDeviceData()
    this.getDeviceTypes()
  },
  methods: {
    // 获取设备列表数据
    async getDeviceData () {
    },
    // 向服务器发送请求获取设备类型列表数据
    async getDeviceTypes () {
      const res = await sysapi.getDeviceTypes()
      if (res.status === 200) {
        this.companyTypesList = res.data.data
      } else {
        this.$Message.danger('设备类型列表数据获取失败！')
      }
    },
    // 查询数据
    selectHandle () {
      this.page = 1
      this.getDeviceData()
    },
    // 重置查询数据
    resetData () {
      this.page = 1
      this.companyTypeId = ''
      this.staffTypeId = ''
      this.departmentTypeId = ''
      this.getDeviceData()
    },
    // 当前页改变 触发事件
    onChange (page) {
      this.page = page
      this.getDeviceData()
    },
    // 当前页数据总数改变 触发事件
    onSizeChange (pageSize) {
      this.limit = pageSize
      this.getDeviceData()
    },
    // 删除数据
    deleteDeviceData (row) {
      this.$Confirm.confirm({
        title: '正在准备删除...',
        content: '<p>确定要删除？</p><p>删除后将无法还原！</p>',
        ok: async () => {
          const res = await sysapi.deleteDeviceData({ resourceToolId: row.resourceToolId })
          if (res.status === 200) {
            this.getDeviceData()
            this.$Message.success('删除成功！')
          } else {
            this.$Message.danger('删除失败！')
          }
        },
        cancel: () => {
          this.$Message.info('已取消删除！')
        }
      })
    },
    // 当复选框发生改变时 触发事件
    selectChange (data) {
      const arr = []
      data.forEach(item => arr.push(item.resourceToolId))
      this.deleteResourceToolId = arr
    },
    // 批量删除数据
    multDeleteDeviceData () {
      if (this.deleteResourceToolId.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 })
          if (res.status === 200) {
            this.getDeviceData()
            this.$Message.success('删除成功！')
          } else {
            this.$Message.danger('删除失败！')
          }
        },
        cancel: () => {
          this.$Message.info('已取消删除！')
        }
      })
    },
    // 获取设备详情数据
    async getDeviceInfo (id) {
      const res = await sysapi.getDeviceInfo(id)
      if (res.status === 200) {
        this.currentDeviceData = res.data
      } else {
        this.$Message.danger('设备详情数据获取失败！')
      }
    },
    // 显示新增设备对话框
    showAddDeviceModal () {
      this.addDeviceModal = true
    },
    async editDeviceData (id) {
      const res = await sysapi.getDeviceInfo(id)
      if (res.status === 200) {
        this.currentEditDevice = res.data
      } else {
        this.$Message.danger('设备数据获取失败！')
      }
      this.addDeviceModal = true
    }
  }
}
</script>
<style lang="scss">
.usermana-page {
  .card-block {
    padding: 0px 24px !important;
  }
  .tabs {
    overflow: inherit;
  }
  .tabs-list {
    .tabs-list__content {
      display: flex;
      justify-content: flex-end;
      margin-top: -10px;
      .tabs-list__nav {
        height: 32px;
        line-height: 16px;
      }
    }
    .tabs-tab {
      margin: 0;
      padding: 0 25px;
      font-size: 14px;
    }
    .tabs-tab.checked {
      border-bottom: 3px solid #2d98ff;
    }
  }
  .select-button-box {
    padding: 0;
    button {
      margin-left: 5px;
    }
  }
  .select-confidtion-box {
    margin: 24px 0;
    .col-3 {
      padding: 0;
    }
  }
  .function-button-box {
    line-height: 32px;
    button {
      margin-right: 12px;
      i {
        line-height: 32px;
        margin-right: 8px;
      }
    }
    a {
      color: #0089d4;
      i {
        line-height: 32px !important;
        margin-left: 4px;
      }
    }
  }
  .table-box {
    margin: 20px 0;
  }
  .table-pager {
    display: flex;
    justify-content: flex-end;
  }
}
</style>

security-protection-platform/src/modules/workorder/components/modal/approvalmodal.vue

@@ -1,5 +1,5 @@
<template>
  <t-modal :visibled.sync="visibled" :mask-closable="false" width="600px" height="500px">
  <t-modal :closable="false" :visibled.sync="visibled" :mask-closable="false" width="600px" height="500px">
    <template slot="header">
      <div class="approval-modal-title">工单审批</div>
    </template>

security-protection-platform/src/modules/workorder/components/modal/cardreplacementmodal.vue

@@ -1,5 +1,5 @@
<template>
  <t-modal :visibled.sync="cardReplacementModal" :mask-closable="false" width="600px" height="500px">
  <t-modal :closable="false" :visibled.sync="cardReplacementModal" :mask-closable="false" width="600px" height="500px">
    <template slot="header">
      <div class="card-modal-title">新增补卡</div>
    </template>

security-protection-platform/src/modules/workorder/components/modal/fieldservicemodal.vue

@@ -1,5 +1,5 @@
<template>
  <t-modal :visibled.sync="fieldServiceModal" :mask-closable="false" width="600px" height="500px">
  <t-modal :closable="false" :visibled.sync="fieldServiceModal" :mask-closable="false" width="600px" height="500px">
    <template slot="header">
      <div class="field-modal-title">新增外勤</div>
    </template>

security-protection-platform/src/modules/workorder/components/modal/importworkordermodal.vue

@@ -1,5 +1,5 @@
<template>
  <t-modal :visibled.sync="visibled" :mask-closable="false" width="600px" height="500px">
  <t-modal :closable="false" :visibled.sync="visibled" :mask-closable="false" width="600px" height="500px">
    <template slot="header">
      <div class="leave-modal-title">导入工单</div>
    </template>

security-protection-platform/src/modules/workorder/components/modal/leavemodal.vue

@@ -1,6 +1,6 @@
<template>
  <!-- 请假对话框 -->
  <t-modal :visibled.sync="visibled" :mask-closable="false" width="600px" height="500px">
  <t-modal :visibled.sync="visibled" :mask-closable="false" :closable="false" width="600px" height="500px">
    <template slot="header">
      <div class="leave-modal-title">新增请假</div>
    </template>

security-protection-platform/src/modules/workorder/components/modal/overtimemodal.vue

@@ -1,5 +1,5 @@
<template>
  <t-modal :visibled.sync="overtimeModal" :mask-closable="false" width="600px" height="500px">
  <t-modal :closable="false" :visibled.sync="overtimeModal" :mask-closable="false" width="600px" height="500px">
    <template slot="header">
      <div class="work-modal-title">新增加班</div>
    </template>

security-protection-platform/src/routes.js

@@ -133,22 +133,15 @@ export const constantRoutes = [
    ]
  },
  {
    path: '/userRights',
    path: '/usermana',
    component: Layout,
    meta: { title: '用户权限', icon: 'lock' },
    redirect: '/userRights/usermana',
    meta: { icon: 'lock' },
    children: [
      {
        name: 'organizationmana',
        path: 'organizationmana',
        component: () => import(/* webpackChunkName: "user_rights" */ './modules/userRights/organizationmana'),
        meta: { title: '组织管理' }
      },
      {
        name: 'usermana',
        path: 'usermana',
        component: () => import(/* webpackChunkName: "user_rights" */ './modules/userRights/usermana'),
        meta: { title: '用户管理' }
        path: '',
        component: () => import(/* webpackChunkName: "user_rights" */ './modules/usermana'),
        meta: { title: '用户管理', icon: 'lock' }
      }
    ]