城市内湖框架页面

src/views/water/lake/statistic/inner/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="ele-body">
+    <a-card :bordered="false">
+      <a-tabs v-model:activeKey="activeKey">
+        <a-tab-pane key="raw" tab="原始数据">
+          <raw :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></raw>
+        </a-tab-pane>
+        <a-tab-pane key="com-nutritional" tab="综合营养指标">
+            <com-nutritional :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></com-nutritional>
+        </a-tab-pane>
+        <a-tab-pane key="average" tab="平均数据">
+            <average :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></average>
+        </a-tab-pane>
+        <a-tab-pane key="avg-nutritional" tab="平均营养指数">
+            <avg-nutritional :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></avg-nutritional>
+        </a-tab-pane>
+        <a-tab-pane key="comparison" tab="年度对比">
+            <comparison :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></comparison>
+        </a-tab-pane>
+      </a-tabs>
+    </a-card>
+  </div>
+</template>
+
+<script>
+  import Raw from "./component/raw.vue";
+  import ComNutritional from "./component/com-nutritional.vue";
+  import Average from "./component/average.vue";
+  import AvgNutritional from "./component/avg-nutritional.vue";
+  import Comparison from "./component/comparison.vue";
+  export default {
+    name: 'StatisticLake',
+    components: {
+        Raw,
+        ComNutritional,
+        Average,
+        AvgNutritional,
+        Comparison,
+        
+    },
+    data() {
+      return {
+        activeKey: 'raw',
+        searchForm:{},
+        filterKeys:[]
+      };
+        
+    },
+    methods: {
+     changeSearch(data){
+         this.searchForm = data
+     },
+     changeFilter(data){
+         this.filterKeys = data
+     }
+    }
+
+  }
+</script>
+
+<style scoped>
+.ele-body{
+    padding: 0 !important;
+}
+</style>