Admin.UI/src/views/admin/role/user.vue

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <my-container>
    <!--顶部操作-->
    <template #header>
      <el-form class="ad-form-query" :inline="true" :model="filter" @submit.native.prevent>
        <el-form-item>
          <my-search v-model="filter.name" :placeholder="'姓名'" @click="onSearch" />
        </el-form-item>
        <el-form-item v-if="checkPermission(['api:admin:role:add-role-user'])">
          <el-button type="primary" @click="onAdd">添加员工</el-button>
        </el-form-item>
        <el-form-item v-if="checkPermission(['api:admin:role:remove-role-user'])">
          <my-confirm-button
            :disabled="sels.length === 0"
            :type="'delete'"
            :placement="'bottom-end'"
            :loading="deleteLoading"
            :validate="batchDeleteValidate"
            style="margin-left: 0px;"
            @click="onBatchDelete"
          >
            <template #content>
              <p>确定要移除吗？</p>
            </template>
            移除员工
          </my-confirm-button>
        </el-form-item>
      </el-form>
    </template>

    <!--列表-->
    <el-table
      v-loading="listLoading"
      :data="users"
      highlight-current-row
      height="'100%'"
      style="width: 100%;height:100%;"
      @selection-change="onSelsChange"
    >
      <template #empty>
        <el-empty :image-size="100" description="暂无员工" />
      </template>
      <el-table-column type="selection" width="50" />
      <el-table-column prop="name" label="姓名" width />
    </el-table>

    <!--选择用户-->
    <my-select-user
      title="添加员工"
      :visible.sync="selectUserVisible"
      :sure-loading.sync="sureLoading"
      @click="onSelectUsers"
    />
  </my-container>
</template>

<script>
import roleApi from '@/api/admin/role'
import MyConfirmButton from '@/components/my-confirm-button'
import MySearch from '@/components/my-search'
后面还有 142 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。