fix: filter schedule style and functionality

Signed-off-by: andy.lee <andy.lee@suse.com>
(cherry picked from commit 57ab9e2830950a63c25960863dba844cd4610ee3)

pkg/harvester/components/FilterVMSchedule.vue

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

pkg/harvester/list/harvesterhci.io.vmsnapshot.vue

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