[update] resturct data-analysis files struct

src/components/data-analysis/chart-container/XAxisSlide.vue

@@ -0,0 +1,8 @@
+<template>
+  <slideout v-model="showSlideOut" title="The title" :size="'30%'" dock="left" resizable> </slideout>
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue'
+  const showSlideOut = ref(false)
+</script>
+<scss></scss>

src/components/data-analysis/file-container/FileContainer.vue

@@ -28,7 +28,7 @@
   import { ref, reactive } from 'vue'
   import { useChannelStore } from '@/stores/data-analysis/channel'
   import { useFileViewStore } from '@/stores/data-analysis/file-view'
-  import FileView from '@/components/data-analysis/FileView.vue'
+  import FileView from './FileView.vue'
 
   const channelStore = useChannelStore()
   const fileViewStore = useFileViewStore()

src/components/data-analysis/file-container/FileView.vue

@@ -16,7 +16,6 @@
         <va-button @click="expandAll(false)">Close</va-button>
       </va-button-group>
     </div>
-    <!-- <div v-if="loading">Loading...</div> -->
     <va-inner-loading :loading="loading">
       <div>
         <TableFormat

src/pages/admin/data-analysis/DataAnalysis.vue

@@ -9,16 +9,16 @@
       </div>
     </div>
     <template v-for="chart in chartManager.children" :key="chart.id">
-      <LineChartContainer ref="linechart_ref" :chart="chart" class="h-[100%] col-span-2"></LineChartContainer>
+      <ChartContainer ref="linechart_ref" :chart="chart" class="h-[100%] col-span-2"></ChartContainer>
     </template>
   </div>
 </template>
 
 <script setup lang="ts">
   import useMqtt from '@/composables/utils/useMqtt'
-  import FileContainer from '@/components/data-analysis/FileContainer.vue'
-  import ControlPanel from '@/components/data-analysis/ControlPanel.vue'
-  import LineChartContainer from '@/components/data-analysis/LineChartContainer.vue'
+  import FileContainer from '@/components/data-analysis/file-container/FileContainer.vue'
+  import ControlPanel from '@/components/data-analysis/setting-container/SettingContainer.vue'
+  import ChartContainer from '@/components/data-analysis/chart-container/ChartContainer.vue'
   import { useChartStore } from '@/stores/data-analysis/chart'
   import { ref, reactive, onMounted } from 'vue'