<script setup lang="ts">
/**
 * @Name: index.vue
 * @Description: 分析页
 * @Author: Cheney
 */
import { provide, ref } from 'vue';
import QueryCondition from './QueryCondition.vue';
import IndicatorOverview from './IndicatorOverview.vue';
import IndicatorChart from './IndicatorChart.vue';
import QuerySummary from './QuerySummary.vue';

const filter = ref({
  // 初始化 QueryCondition组件的filter
  layerType: 'asin_view',
  searchTerm: '',
  reportType: 'MONTHLY',
  reportDate: ['2024-04-01', '2024-06-01'],
  variable: 'B00TEST0001',
  metric: 'Search_Query_Score',
});
provide('filter', filter);
</script>

<template>
  <div class="py-2 px-2.5">
    <QueryCondition />
    <IndicatorOverview />
    <IndicatorChart />
    <el-card shadow="hover" body-class="flex gap-5"  style="border: none;">
      <QuerySummary class="flex-1" />
      <QuerySummary class="flex-1" />
    </el-card>

  </div>
</template>

<style scoped></style>
