fix: filter schedule style and functionality

Signed-off-by: andy.lee <andy.lee@suse.com>
This commit is contained in:
andy.lee 2025-01-13 16:07:32 +08:00
parent 5bd8ad2a93
commit 57ab9e2830
No known key found for this signature in database
GPG Key ID: 10911689462678C7
2 changed files with 21 additions and 13 deletions

View File

@ -64,22 +64,22 @@ export default {
<template> <template>
<div class="vm-schedule-filter"> <div class="vm-schedule-filter">
<template> <span
<span v-if="selected"
v-if="selected" class="banner-item bg-warning"
class="banner-item bg-warning" >
> {{ t('harvester.tableHeaders.vmSchedule') }}{{ selected ? ` = ${selected}`: '' }}
{{ t('harvester.tableHeaders.vmSchedule') }}{{ selected ? ` = ${selected}`: '' }}<i <i
class="icon icon-close ml-5" class="icon icon-close ml-5"
@click="remove" @click="remove"
/> />
</span> </span>
</template>
<v-dropdown <v-dropdown
popper-class="vm-schedule-dropdown"
:triggers="scheduleOptions.length ? ['click'] : []" :triggers="scheduleOptions.length ? ['click'] : []"
placement="bottom-end" placement="bottom-end"
offset="1" offset="1"
:distance="20"
> >
<button <button
ref="actionDropDown" ref="actionDropDown"
@ -98,7 +98,7 @@ export default {
name="model" name="model"
:options="scheduleOptions" :options="scheduleOptions"
:labels="scheduleOptions" :labels="scheduleOptions"
@input="onSelect" @update:value="onSelect"
/> />
</div> </div>
</template> </template>
@ -106,6 +106,12 @@ export default {
</div> </div>
</template> </template>
<style lang="scss">
.vm-schedule-dropdown .v-popper__arrow-container {
display: none;
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
.vm-schedule-filter { .vm-schedule-filter {
display: inline-block; display: inline-block;

View File

@ -120,6 +120,8 @@ export default {
methods: { methods: {
changeRows(filteredRows, searchSchedule) { changeRows(filteredRows, searchSchedule) {
console.log('🚀 ~ changeRows ~ searchSchedule:', searchSchedule);
console.log('🚀 ~ changeRows ~ filteredRows:', filteredRows);
this['searchSchedule'] = searchSchedule; this['searchSchedule'] = searchSchedule;
this['snapshots'] = filteredRows; this['snapshots'] = filteredRows;
}, },