fix: 高级筛选 自定义筛选 右侧选中项***更改为可以拖拽效果***

pull/1/head
lizijiee 1 year ago
parent 0bbf434d22
commit 0066010257

@ -141,8 +141,7 @@ configStore.$subscribe(() => {
async function handleSumbit(e: MouseEvent) {
e.preventDefault()
const param = onList.value.filter(item => !asideMap[item.id].isDefaultFilter).map((item) => {
const param = onList.value.map((item) => {
return item.id
}).join(',')
@ -348,13 +347,11 @@ onMounted(() => {
</template>
</n-input>
<n-scrollbar style="max-height: 500px;border: 1px solid #cad2dd;border-radius: 2px;" class="scroll">
<VueDraggable v-model="onList" filter=".fix" class="draggable-ul" :animation="150" group="shared"
:onMove="onMove">
<div v-for="item in onList" v-show="item.name.includes(onKeyword)" :key="item.id"
:draggable="!item.fix" :class="{ move: !item.fix, fix: item.fix }" class="cursor-move draggable-li">
<SvgIcon v-show="!item.fix" name="drag" size="24" />
<VueDraggable v-model="onList" class="draggable-ul" :animation="150" group="shared" >
<div v-for="item in onList" v-show="item.name.includes(onKeyword)" :key="item.id" :draggable="true" class="cursor-move draggable-li">
<SvgIcon name="drag" size="24" />
<span class="ml-2">{{ item.name }}</span>
<SvgIcon v-if="!item.fix" size="16px" style="display:block;margin-left: auto;cursor: pointer;"
<SvgIcon size="16px" style="display:block;margin-left: auto;cursor: pointer;"
name="clear" @click="removeHandler(item.id)" />
</div>
</VueDraggable>

Loading…
Cancel
Save