导出

src/types/components.d.ts

@@ -13,10 +13,29 @@ declare module 'vue' {
     Dialog: typeof import('./../components/Dialog/index.vue')['default']
     DictTag: typeof import('./../components/DictTag/index.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSlider: typeof import('element-plus/es')['ElSlider']
+    ElText: typeof import('element-plus/es')['ElText']
+    ElTimeline: typeof import('element-plus/es')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
+    ElTree: typeof import('element-plus/es')['ElTree']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
     FileUpload: typeof import('./../components/FileUpload/index.vue')['default']
     FlvVideo: typeof import('./../components/FlvVideo/index.vue')['default']
     FooterSection: typeof import('./../components/FooterSection/index.vue')['default']
@@ -48,4 +67,7 @@ declare module 'vue' {
     VideoTagEdit: typeof import('./../components/VideoTagEdit/index.vue')['default']
     YztMap: typeof import('./../components/Map/YztMap/index.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }

src/views/globalMap/RightMenu/ForestDefenseVideo/index.vue

@@ -52,7 +52,7 @@
           >
             <el-option v-for="item in selectOptions2" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
-          <div class="common-btn-primary5">导出</div>
+          <div class="common-btn-primary5" @click="handleExport">导出</div>
         </div>
         <div class="tree-box">
           <el-tree ref="tree" :data="treeData" default-expand-all>
@@ -77,6 +77,7 @@
 import DetailDialog from './DetailDialog.vue';
 import { getVideoForestFireList } from '@/api/globalMap/forestDefenseVideo';
 import useMapStore from '@/store/modules/map';
+import { download2 } from '@/utils/request';
 
 const statisticsData = ref({
   online: '',
@@ -110,6 +111,11 @@ const handleClick = (data) => {
     });
   }
 };
+const filename = '视频列表';
+const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const handleExport = () => {
+  download2(`${baseUrl}/api/videoResource/videoinfo/get_video_forest_fire_export`, filename + '.xlsx');
+};
 onMounted(() => {
   selectOptions1.value = [
     { label: '测试1', value: 1 },

src/views/routineCommandMap/RightSection/index.vue

@@ -1,3 +1,4 @@
+<script src="chartOptions.ts"></script>
 <template>
   <div class="right-section">
     <div class="common-title gradient-text">突发事件</div>