|
|
@@ -1,39 +1,24 @@
|
|
|
<template>
|
|
|
- <Dialog customShow type="xl" title="视频监控" class="dialog" hide-footer @close="reset">
|
|
|
+ <Dialog custom-show type="xl" title="视频监控" class="dialog" hide-footer @close="reset">
|
|
|
<div class="search-box">
|
|
|
<div class="box-left">
|
|
|
- <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="200px" label-position="left">
|
|
|
- <!-- <el-form-item label="实景视频" prop="eventType">-->
|
|
|
- <!-- <el-select-->
|
|
|
- <!-- v-model="queryParams.realisticVideoType"-->
|
|
|
- <!-- size="large"-->
|
|
|
- <!-- class="custom-select"-->
|
|
|
- <!-- popper-class="custom-select-popper"-->
|
|
|
- <!-- :teleported="false"-->
|
|
|
- <!-- placeholder="全部"-->
|
|
|
- <!-- >-->
|
|
|
- <!-- <el-option label="全部" value=""></el-option>-->
|
|
|
- <!-- <el-option v-for="item in realistic_video" key="item.value" :label="item.label" :value="item.value" />-->
|
|
|
- <!-- </el-select>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
+ <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="70px" label-position="left">
|
|
|
<el-form-item prop="name">
|
|
|
- <el-input v-model="queryParams.name" class="custom-input2" placeholder="请输入摄像头名称" size="large" style="width: 500px" />
|
|
|
+ <el-input v-model="queryParams.name" class="custom-input2" placeholder="请输入摄像头名称" style="width: 500px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="实景视频" prop="dict_value">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.dict_value"
|
|
|
+ class="custom-select"
|
|
|
+ popper-class="custom-select-popper"
|
|
|
+ :teleported="false"
|
|
|
+ placeholder="全部"
|
|
|
+ @change="handleQuery"
|
|
|
+ >
|
|
|
+ <el-option label="全部" value="" />
|
|
|
+ <el-option v-for="item in video_type" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
</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>
|
|
|
@@ -81,6 +66,7 @@
|
|
|
layout="total, prev, pager, next"
|
|
|
@pagination="getList"
|
|
|
/>
|
|
|
+ <div v-if="total === 0" style="width: 100%; text-align: center; font-size: 18px; font-weight: bold">暂无数据</div>
|
|
|
</div>
|
|
|
<div id="container" style="display: none"></div>
|
|
|
</Dialog>
|
|
|
@@ -108,27 +94,16 @@ const props = defineProps({
|
|
|
});
|
|
|
const emits = defineEmits(['update:modelValue']);
|
|
|
const proxy = getCurrentInstance()?.proxy;
|
|
|
-const { realistic_video } = toRefs<any>(proxy?.useDict('realistic_video'));
|
|
|
+const { video_type } = toRefs<any>(proxy?.useDict('video_type'));
|
|
|
|
|
|
//查看更多数据
|
|
|
const queryFormRef = ref();
|
|
|
const queryParams = reactive({
|
|
|
current: 1,
|
|
|
size: 8,
|
|
|
- realisticVideoType: '',
|
|
|
+ dict_value: '',
|
|
|
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);
|
|
|
// 选中的视频
|
|
|
@@ -159,10 +134,12 @@ const getList = async () => {
|
|
|
current: queryParams.current,
|
|
|
size: queryParams.size,
|
|
|
query: {
|
|
|
- name: queryParams.name,
|
|
|
- realisticVideoType: queryParams.realisticVideoType
|
|
|
+ name: queryParams.name
|
|
|
}
|
|
|
};
|
|
|
+ if (!!queryParams.dict_value) {
|
|
|
+ newParams.query.dict_value = queryParams.dict_value;
|
|
|
+ }
|
|
|
getEmergencyVideoCata(newParams).then((res) => {
|
|
|
selectData.value.forEach((item) => {
|
|
|
for (let i = 0; i < res.rows.length; i++) {
|
|
|
@@ -194,7 +171,7 @@ const deleteItem = (index) => {
|
|
|
/** 表单重置 */
|
|
|
const reset = () => {
|
|
|
queryParams.current = 1;
|
|
|
- queryParams.realisticVideoType = '';
|
|
|
+ queryParams.dict_value = '';
|
|
|
queryParams.name = '';
|
|
|
emits('update:modelValue', false);
|
|
|
};
|
zhangyihao