监控视频添加选择器

src/types/components.d.ts

@@ -65,6 +65,7 @@ declare module 'vue' {
     ImagePreview: typeof import('./../components/ImagePreview/index.vue')['default']
     ImageUpload: typeof import('./../components/ImageUpload/index.vue')['default']
     Index2: typeof import('./../components/Dialog/index2.vue')['default']
+    InfoDialog: typeof import('./../components/InfoDialog/index.vue')['default']
     LangSelect: typeof import('./../components/LangSelect/index.vue')['default']
     LineWidthSelect: typeof import('./../components/LineWidthSelect/index.vue')['default']
     Map: typeof import('./../components/Map/index.vue')['default']

src/views/emergencyCommandMap/LeftSection/VideoMonitorEdit.vue

@@ -23,6 +23,18 @@
             <div class="common-btn-primary" @click="handleQuery">搜索</div>
             <div class="common-btn" @click="resetQuery">重置</div>
           </el-form-item>
+          <span>实景视频：</span>
+          <el-select
+            v-model="active"
+            placeholder="请选择"
+            class="custom-select"
+            popper-class="custom-select-popper"
+            :teleported="false"
+            style="width: 640px"
+            @change="initData"
+          >
+            <el-option v-for="item in videoList" :key="item.name" :label="item.name" :value="item.value" />
+          </el-select>
         </el-form>
       </div>
       <div v-show="!editVideo" class="common-btn-primary2 edit-icon" style="margin-top: -20px" @click="activeEdit">编辑首页视频</div>
@@ -103,7 +115,17 @@ const queryParams = reactive({
   realisticVideoType: '',
   name: ''
 });
-
+const active = ref('0');
+const videoList = ref([
+  { name: '全量视频', value: '0' },
+  { name: '江河湖库视频', value: '1' },
+  { name: '林火视频', value: '2' },
+  { name: '高速公路视频', value: '3' },
+  { name: '汛期视频', value: '4' },
+  { name: '雨情视频', value: '5' },
+  { name: '台风视频', value: '6' },
+  { name: '交通局视频', value: '7' }
+]);
 let total = ref(0);
 let editVideo = ref(false);
 // 选中的视频