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

perf: 支持项目调整排序

Browse Source
This commit is contained in:
kuaifan 2025-08-19 22:29:04 +08:00
parent 50098b5e70
commit b825b5b063
2 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/assets/js/pages/manage/components/ProjectList.vue
View File

@ -19,7 +19,7 @@
tag="ul" tag="ul"
item-key="id" item-key="id"
draggable="li:not(.pinned)" draggable="li:not(.pinned)"
handle=".project-item" handle=".item-sort"
@scroll.native="onScroll" @scroll.native="onScroll"
@touchstart.native="onTouchStart" @touchstart.native="onTouchStart"
v-longpress="handleLongpress" v-longpress="handleLongpress"
@ -56,7 +56,7 @@
<span v-else class="percent-text">{{item.task_percent}}%</span> <span v-else class="percent-text">{{item.task_percent}}%</span>
</iCircle> </iCircle>
</div> </div>
<div v-show="isDragging && !projectKeyValue" class="item-sort"> <div v-show="isDragging && !projectKeyValue && !item.top_at" class="item-sort" @click.stop="handleDragTip">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18"/><path d="M3 18h18"/><path d="M3 6h18"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18"/><path d="M3 18h18"/><path d="M3 6h18"/></svg>
</div> </div>
</div> </div>
@ -88,7 +88,7 @@
<DropdownItem @click.native="handleChatClick"> <DropdownItem @click.native="handleChatClick">
{{ $L('项目讨论') }} {{ $L('项目讨论') }}
</DropdownItem> </DropdownItem>
<DropdownItem v-if="!projectKeyValue" @click.native="isDragging=!isDragging"> <DropdownItem v-if="!projectKeyValue && !operateItem.top_at" @click.native="isDragging=!isDragging">
{{ $L(isDragging ? '退出排序' : '调整排序') }} {{ $L(isDragging ? '退出排序' : '调整排序') }}
</DropdownItem> </DropdownItem>
</DropdownMenu> </DropdownMenu>
@ -172,6 +172,13 @@ export default {
this.projectKeyLoading--; this.projectKeyLoading--;
}, 600); }, 600);
}, },
projectDragging(val) {
if (val) {
this.$el.parentElement.style.overflow = 'hidden'
} else {
this.$el.parentElement.style.overflow = null
}
},
}, },
methods: { methods: {
@ -244,7 +251,14 @@ export default {
}); });
}, },
handleDragTip() {
$A.modalAlert("请按住图标进行拖动排序")
},
handleLongpress(event) { handleLongpress(event) {
if (event.target.classList.contains('item-sort')) {
return; // 不处理排序手柄的长按事件
}
const {type, data, element} = this.longpressData; const {type, data, element} = this.longpressData;
this.$store.commit("longpress/clear") this.$store.commit("longpress/clear")
// //

7
resources/assets/sass/pages/components/project-list.scss vendored
View File

@ -190,13 +190,16 @@
} }
.item-sort { .item-sort {
flex-shrink: 0; flex-shrink: 0;
padding-left: 16px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: center;
width: 52px;
height: 44px;
margin-right: -12px;
> svg { > svg {
width: 20px; width: 20px;
height: 20px; height: 20px;
pointer-events: none;
} }
} }
} }