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