修改 地图

src/views/dashboard/index.vue

@@ -2,7 +2,7 @@
     <div class="default-main">
         <el-form :inline="true" :model="formInline" class="demo-form-inline">
             <el-form-item label="区域">
-                <el-input v-model="formInline.deptInd" placeholder="请选择区域" clearable />
+                <Area v-model="formInline.deptIndex" />
             </el-form-item>
             <el-form-item label="时间">
                 <el-date-picker v-model="formInline.searchBeginTime" type="date" placeholder="请选择时间" />
@@ -15,24 +15,30 @@
             <el-tab-pane label="图形" name="1">
                 <Echart :list="list" ref="echarts" />
             </el-tab-pane>
-            <el-tab-pane label="表格"  name="2"><Tableabove ref="table" /></el-tab-pane>
+            <el-tab-pane label="表格" name="2"><Tableabove ref="table" /></el-tab-pane>
         </el-tabs>
     </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted, reactive, ref, onBeforeMount } from 'vue'
-const activeName = ref('1')
+import Area from '@/components/form/area/index.vue'
+import { useDictData } from '@/stores/dictData'
 import Echart from '@/views/dashboard/components/echart.vue'
 import Tableabove from '@/views/dashboard/components/Tableabove.vue'
+import { onMounted, reactive, ref, onBeforeMount } from 'vue'
 
+defineOptions({
+    name: 'Region/overview'
+})
+const activeName = ref('1')
 import { getAreaCalculation } from '@/api/test'
 const list = ref([])
 const echarts = ref()
 const table = ref()
+const dictData = useDictData()
 const formInline = reactive({
     deptInd: '',
-    deptIndex: '5699e5916a18a6381e1ac92da5bd2628',
+    deptIndex: dictData.state.area[0].id,
     monitorFlag: 2,
     powerFlag: 2,
     serverName: 'event-boot',