feat:优先级规则支持拖动排序

This commit is contained in:
jxxghp
2024-05-14 11:32:28 +08:00
parent d501bf7506
commit 6ea106b25d
3 changed files with 129 additions and 291 deletions

View File

@@ -9,23 +9,13 @@ const props = defineProps({
})
// 定义触发的自定义事件
const emit = defineEmits(['close', 'changed', 'levelup', 'leveldown'])
const emit = defineEmits(['close', 'changed'])
// 按钮点击
function onClose() {
emit('close')
}
// 上升优先级
function onLevelUp() {
emit('levelup', props.pri)
}
// 下降优先级
function onLevelDown() {
emit('leveldown', props.pri)
}
// 选项变化
function filtersChanged(value: string[]) {
emit('changed', props.pri, value)
@@ -76,18 +66,9 @@ const selectFilterOptions = ref<{ [key: string]: string }[]>([
<template>
<VCard variant="tonal" :width="props.width" :height="props.height">
<span class="absolute top-3 right-14">
<IconBtn
v-if="props.pri !== '1'"
@click.stop="onLevelUp"
>
<VIcon icon="mdi-arrow-up" />
</IconBtn>
<IconBtn
v-if="props.pri !== props.maxpri"
@click.stop="onLevelDown"
>
<VIcon icon="mdi-arrow-down" />
<span class="absolute top-3 right-12">
<IconBtn>
<VIcon class="cursor-move" icon="mdi-drag" />
</IconBtn>
</span>
<DialogCloseBtn @click="onClose" />
@@ -96,7 +77,6 @@ const selectFilterOptions = ref<{ [key: string]: string }[]>([
<VRow>
<VCol>
<VSelect
:key="props.pri"
v-model="props.rules"
variant="underlined"
:items="selectFilterOptions"