github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-16 14:12:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 团队管理支持调整部门区域尺寸

Browse Source
This commit is contained in:
kuaifan 2025-03-01 14:51:07 +08:00
parent 23d0f50a3d
commit 9148853f2c
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/assets/js/pages/manage/components/TeamManagement.vue
View File

@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<div class="management-box" :class="{'min-box':minBox}"> <div class="management-box" :class="{'min-box':minBox}">
<div class="management-department"> <div class="management-department" :style="{width: departmentWidth + 'px'}">
<ul> <ul>
<li :class="[`level-1`, departmentSelect === 0 ? 'active' : '']" @click="onSelectDepartment(0)"> <li :class="[`level-1`, departmentSelect === 0 ? 'active' : '']" @click="onSelectDepartment(0)">
<i class="taskfont department-icon">&#xe766;</i> <i class="taskfont department-icon">&#xe766;</i>
@ -64,6 +64,12 @@
<Button type="primary" icon="md-add" @click="onShowDepartment(null)">{{$L('新建部门')}}</Button> <Button type="primary" icon="md-add" @click="onShowDepartment(null)">{{$L('新建部门')}}</Button>
</div> </div>
</div> </div>
<ResizeLine
class="management-resize"
placement="right"
v-model="departmentWidth"
:min="100"
:max="900"/>
<div class="management-user" :style="userStyle"> <div class="management-user" :style="userStyle">
<div class="search-container lr"> <div class="search-container lr">
<ul> <ul>
@ -362,11 +368,12 @@
import UserSelect from "../../../components/UserSelect.vue"; import UserSelect from "../../../components/UserSelect.vue";
import UserAvatarTip from "../../../components/UserAvatar/tip.vue"; import UserAvatarTip from "../../../components/UserAvatar/tip.vue";
import ImgUpload from "../../../components/ImgUpload"; import ImgUpload from "../../../components/ImgUpload";
import ResizeLine from "../../../components/ResizeLine.vue";
import {mapState} from "vuex"; import {mapState} from "vuex";
export default { export default {
name: "TeamManagement", name: "TeamManagement",
components: {UserAvatarTip, UserSelect, ImgUpload}, components: {ResizeLine, UserAvatarTip, UserSelect, ImgUpload},
props: { props: {
checkinMode: { checkinMode: {
type: Boolean, type: Boolean,
@ -763,6 +770,7 @@ export default {
departmentEditShow: false, departmentEditShow: false,
departmentEditLoading: 0, departmentEditLoading: 0,
departmentEditData: {}, departmentEditData: {},
departmentWidth: $A.getStorageInt('management.departmentWidth', 239),
disableShow: false, disableShow: false,
disableLoading: 0, disableLoading: 0,
@ -919,6 +927,9 @@ export default {
departmentSelect() { departmentSelect() {
this.setPage(1) this.setPage(1)
}, },
departmentWidth(w) {
$A.setStorage('management.departmentWidth', w)
},
windowPortrait: { windowPortrait: {
handler(v) { handler(v) {
this.minBox = v this.minBox = v

4
resources/assets/sass/pages/components/team-management.scss vendored
View File

@ -58,7 +58,6 @@
} }
} }
.management-department { .management-department {
width: 239px;
border-right: 1px solid #efefef; border-right: 1px solid #efefef;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
@ -117,6 +116,9 @@
justify-content: center; justify-content: center;
} }
} }
.management-resize {
width: 2px;
}
.management-user { .management-user {
flex: 1; flex: 1;
width: 0; width: 0;