diff --git a/clinical-web/src/views/management/users/components/OrganizationTree.vue b/clinical-web/src/views/management/users/components/OrganizationTree.vue index 53476d3..0bdd5a3 100644 --- a/clinical-web/src/views/management/users/components/OrganizationTree.vue +++ b/clinical-web/src/views/management/users/components/OrganizationTree.vue @@ -20,6 +20,8 @@ const emit = defineEmits<{ addDepartment: [] editCampus: [campus: CampusRecord] editDepartment: [department: DepartmentRecord] + deleteCampus: [campus: CampusRecord] + deleteDepartment: [department: DepartmentRecord] }>() const institutionGroups = computed(() => { @@ -115,15 +117,24 @@ function isDescendantSelected(department: DepartmentRecord): boolean { {{ campus.name }} {{ departmentsForCampus(campus.id).length }} 科室 - +
@@ -371,19 +400,37 @@ function isDescendantSelected(department: DepartmentRecord): boolean { font-size: 12px; } -.org-tree__edit { - padding: 3px 6px; - margin-right: 6px; - color: var(--brand); +.org-tree__actions { + display: flex; + flex: 0 0 auto; + gap: 4px; + align-items: center; +} + +.org-tree__edit, +.org-tree__remove { + padding: 3px 7px; font-size: 10.5px; background: #fff; - border: 1px solid #d3e7ee; border-radius: 5px; opacity: 0; } +.org-tree__edit { + color: var(--brand); + border: 1px solid #d3e7ee; +} + +.org-tree__remove { + margin-right: 6px; + color: var(--err); + border: 1px solid #f0cdcd; +} + .org-tree__node:hover .org-tree__edit, -.org-tree__node:focus-within .org-tree__edit { +.org-tree__node:hover .org-tree__remove, +.org-tree__node:focus-within .org-tree__edit, +.org-tree__node:focus-within .org-tree__remove { opacity: 1; } diff --git a/clinical-web/src/views/management/users/index.vue b/clinical-web/src/views/management/users/index.vue index c99e238..5d763c2 100644 --- a/clinical-web/src/views/management/users/index.vue +++ b/clinical-web/src/views/management/users/index.vue @@ -1,10 +1,12 @@