视频监控添加选择器

src/views/emergencyCommandMap/LeftSection/VideoMonitorEdit.vue

@@ -19,6 +19,21 @@
           <el-form-item prop="name">
             <el-input v-model="queryParams.name" class="custom-input2" placeholder="请输入摄像头名称" size="large" style="width: 500px" />
           </el-form-item>
+
+          <span>实景视频：</span>
+          <el-select
+            v-model="active"
+            placeholder="请选择"
+            class="custom-select"
+            popper-class="custom-select-popper"
+            :teleported="false"
+            style="width: 140px"
+            @change="initData"
+          >
+            <el-option v-for="item in videoList" :key="item.name" :label="item.name" :value="item.value" />
+          </el-select>
+
+
           <el-form-item>
             <div class="common-btn-primary" @click="handleQuery">搜索</div>
             <div class="common-btn" @click="resetQuery">重置</div>
@@ -103,7 +118,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);
 // 选中的视频