add mode input form

src/components/data-analysis/ControlPanel.vue

@@ -2,13 +2,22 @@
   <div>
     <va-card class="h-full">
       <va-card-content>
+        <!-- {{ simpleSelectModel}} -->
         <va-select
           v-model="simpleSelectModel"
-          :label="'Filter'"
+          :label="'Filter Mode'"
           text-by="description"
           track-by="id"
           :options="simpleOptions"
         />
+        <va-card-content>
+          <div v-if="simpleSelectModel.id === 1">
+            <va-slider v-model="VTModeModel" label="percentage(%)" track-label-visible :min="0" :max="50" />
+          </div>
+          <div v-else-if="simpleSelectModel.id === 2">b</div>
+          <div v-else></div>
+        </va-card-content>
+
         <va-button class="mt-2" @click="filterData">Start</va-button>
         <!-- <div v-if="simpleSelectModel.id === 1">
           <va-button>test</va-button>
@@ -24,11 +33,12 @@
   export default {
     emits: ['filter-data'],
     setup(props, { emit }) {
+      const VTModeModel = 5
       const simpleSelectModel = ref({})
       const simpleOptions = ref([
         {
           id: 1,
-          description: 'First option',
+          description: 'V-T mode',
         },
         {
           id: 2,
@@ -43,7 +53,7 @@
         emit('filter-data')
       }
 
-      return { props, simpleSelectModel, simpleOptions, filterData }
+      return { props, simpleSelectModel, simpleOptions, VTModeModel, filterData }
     },
   }
 </script>