smartai2dian0/src/modules/permission/account/DeptConfigModal.vue

<template>
  <a-modal width="50%" v-model:visible="deptvisible" title="部门配置" @cancel="handleCancel(2)" @ok="editDeptHandleOk">
    <div :style="{ display: 'flex' }">
      <a-card :style="{ 'width': '460px', 'height': '500px', 'overflow-y': 'auto' }" title="机构" hoverable>
        <a-tree class="tree-demo" v-model:checked-keys="checkedKeys" v-model:expanded-keys="expandKdys"
          :checkable="true" :data="treeData" :show-line="showLine" @check="onCheck" :fieldNames="{
            key: 'deptId',
            title: 'deptName',
            children: 'children',
          }">
        </a-tree>
      </a-card>
      <div :style="{ 'display': 'flex', 'flex-direction': 'column' }">
        <a-card class="card-demo" title="用户所属部门" :style="{ 'width': '460px', 'height': '500px', 'overflow-y': 'auto' }">
          <a-space wrap>
            <a-tag v-for="(tag, index) of checkStrictly" :key="tag.deptId">
              {{ tag.deptName }}
            </a-tag>
          </a-space>
          <a-divider />
          <a-space wrap>
            部门角色:
            <a-tag v-for="(tag, index) of checkStrictlyDeptRole" :key="tag.roleId">
              {{ tag.roleName }}
            </a-tag>
          </a-space>
        </a-card>
      </div>
    </div>
  </a-modal>
</template>

<script setup>
</script>

<style lang="css" scoped></style>