Admin.UI/src/components/my-select-window/role.vue

（开头部分） 4KB

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

<template>
  <my-window
    :title="title"
    :modal="modal"
    :wrapper-closable="true"
    :modal-append-to-body="modalAppendToBody"
    :visible.sync="visible"
    destroy-on-close
    embed
    drawer
    size="100%"
    drawer-body-style="padding:0px;height: calc(100% - 61px);"
    :before-close="onCancel"
    @opened="onOpened"
  >
    <my-container v-loading="pageLoading" style="height: 100%;">
      <template #header>
        <el-input v-model="filterText" placeholder="筛选角色" clearable />
      </template>
      <el-collapse v-model="activeGroupList">
        <el-collapse-item v-for="group in tree" v-show="group.children?.length > 0" :key="group.id" :name="group.id">
          <template slot="title">
            {{ group.name }}
          </template>
          <el-table
            ref="table"
            :data="group.children"
            :show-header="false"
            current-row-key="id"
            @selection-change="onSelectionChange"
          >
            <template #empty>
              <el-empty :image-size="50" />
            </template>
            <el-table-column type="selection" width="50" />
            <el-table-column prop="name" label="角色名" width />
          </el-table>
        </el-collapse-item>
      </el-collapse>
    </my-container>
    <template #footer>
      <el-button @click.native="onCancel">取消</el-button>
      <el-button type="primary" :loading.sync="sureLoading" @click="onSure">确定</el-button>
    </template>
  </my-window>
</template>

<script>
import { listToTree, treeToListWithChildren } from '@/utils/tree'
import { getList } from '@/api/admin/role'
import MyWindow from '@/components/my-window'

export default {
  name: 'MySelectRole',
  components: { MyWindow },
  props: {
    title: {
      type: String,
      default: '选择角色'
    },
后面还有 147 行代码，解锁后查看完整代码

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

AI 解读

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

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