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;