diff --git a/resources/assets/js/pages/manage/components/TeamManagement.vue b/resources/assets/js/pages/manage/components/TeamManagement.vue index a7e1d51ba..249f93318 100644 --- a/resources/assets/js/pages/manage/components/TeamManagement.vue +++ b/resources/assets/js/pages/manage/components/TeamManagement.vue @@ -2,11 +2,15 @@
{{$L('团队管理')}} +
+ + +
-
+
  • @@ -308,6 +312,7 @@ export default { data() { return { loadIng: 0, + minBox: false, keys: {}, keyIs: false, @@ -762,6 +767,12 @@ export default { }, departmentSelect() { this.setPage(1) + }, + windowSmall: { + handler(v) { + this.minBox = v + }, + immediate: true } }, computed: { diff --git a/resources/assets/sass/pages/components/team-management.scss b/resources/assets/sass/pages/components/team-management.scss index 94f31d3ad..6d28cfede 100644 --- a/resources/assets/sass/pages/components/team-management.scss +++ b/resources/assets/sass/pages/components/team-management.scss @@ -18,6 +18,19 @@ display: flex; align-items: center; + .title-zoom { + display: flex; + align-items: center; + height: 20px; + line-height: 20px; + margin-left: 6px; + + > i { + cursor: pointer; + font-size: 24px; + } + } + .title-icon { display: flex; align-items: center; @@ -37,6 +50,14 @@ display: flex; min-width: 500px; height: 0; + &.min-box { + .management-department { + display: none; + } + .management-user { + padding-left: 0; + } + } .management-department { width: 239px; border-right: 1px solid #efefef;