Compare commits
2 Commits
e92dd8a55e
...
c3a7457eb4
| Author | SHA1 | Date |
|---|---|---|
|
|
c3a7457eb4 | |
|
|
19d668d140 |
|
|
@ -62,7 +62,7 @@
|
||||||
<ListVideoNameIcon :dataStyle="option.dataStyle" />
|
<ListVideoNameIcon :dataStyle="option.dataStyle" />
|
||||||
</div>
|
</div>
|
||||||
<div class="leftDivVideoListIcontitle">
|
<div class="leftDivVideoListIcontitle">
|
||||||
<span>{{ item.jkdmckjg }}</span>
|
<span>{{ item.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -163,6 +163,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -196,6 +197,9 @@
|
||||||
} from './svg/index';
|
} from './svg/index';
|
||||||
import { MonitorHK, MonitorLC, MonitorTX, MonitorQX } from './video/index';
|
import { MonitorHK, MonitorLC, MonitorTX, MonitorQX } from './video/index';
|
||||||
import Axios from 'axios';
|
import Axios from 'axios';
|
||||||
|
import { getAppEnvConfig } from '@/utils/env'
|
||||||
|
|
||||||
|
var { VITE_GLOB_API_URL } = getAppEnvConfig();
|
||||||
|
|
||||||
const { createMessage } = useMessage();
|
const { createMessage } = useMessage();
|
||||||
|
|
||||||
|
|
@ -224,16 +228,26 @@
|
||||||
const searchValue = ref('');
|
const searchValue = ref('');
|
||||||
|
|
||||||
async function getMonitorList(){
|
async function getMonitorList(){
|
||||||
let res = await Axios.get("http://221.2.83.254:9001/api/YingJiJu/LoadCameraInfo?county=%E8%B4%B9%E5%8E%BF&pageIndex=1&pageSize=999");
|
const querys = {
|
||||||
let result = res.data.data
|
page:1,
|
||||||
return result;
|
limit:999
|
||||||
|
};
|
||||||
|
|
||||||
|
return Axios({
|
||||||
|
method: "get",
|
||||||
|
url: VITE_GLOB_API_URL + '/api/FireManagement/GetCameraInfoPageList',
|
||||||
|
params: querys,
|
||||||
|
headers: {
|
||||||
|
'X-Token': localStorage.getItem("X-Token")
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const dataListAfterSearch = ref(option.dataset[0].value);
|
const dataListAfterSearch = ref(option.dataset[0].value);
|
||||||
|
|
||||||
|
|
||||||
getMonitorList().then(res=>{
|
getMonitorList().then(res=>{
|
||||||
dataListAfterSearch.value = res;
|
dataListAfterSearch.value = res.data.result.items;
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -388,7 +402,7 @@
|
||||||
|
|
||||||
// 不显示已有视频
|
// 不显示已有视频
|
||||||
if (
|
if (
|
||||||
option.videoList.some((li: any) => li.title == item.jkdmckjg) &&
|
option.videoList.some((li: any) => li.title == item.name) &&
|
||||||
option.videoList.some((li: any) => li.videourl == item.videourl)
|
option.videoList.some((li: any) => li.videourl == item.videourl)
|
||||||
) {
|
) {
|
||||||
createMessage.warning('点击的视频【' + item.title + '】已展示!');
|
createMessage.warning('点击的视频【' + item.title + '】已展示!');
|
||||||
|
|
@ -646,7 +660,8 @@
|
||||||
.leftDivVideoListIcontitle {
|
.leftDivVideoListIcontitle {
|
||||||
width: v-bind('`${option.dataStyle.leftListWidth_Title}px`');
|
width: v-bind('`${option.dataStyle.leftListWidth_Title}px`');
|
||||||
height: v-bind('`${option.dataStyle.leftListAloneHeight}px`');
|
height: v-bind('`${option.dataStyle.leftListAloneHeight}px`');
|
||||||
|
background: #15251c;
|
||||||
|
border-bottom: 2px solid #3baf64;
|
||||||
span {
|
span {
|
||||||
height: v-bind('`${option.dataStyle.leftListAloneHeight}px`');
|
height: v-bind('`${option.dataStyle.leftListAloneHeight}px`');
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
|
|
|
||||||
|
|
@ -7,50 +7,31 @@
|
||||||
<a-divider orientation="left">基本信息</a-divider>
|
<a-divider orientation="left">基本信息</a-divider>
|
||||||
|
|
||||||
<a-descriptions bordered class="mt-4" :column="2" size="small">
|
<a-descriptions bordered class="mt-4" :column="2" size="small">
|
||||||
<a-descriptions-item label="线索名称">
|
|
||||||
{{ detailInfo.name }}
|
<a-descriptions-item label="线索编号">
|
||||||
</a-descriptions-item>
|
{{ detailInfo.clueNo }}
|
||||||
<a-descriptions-item label="功能分类">
|
|
||||||
{{ detailInfo.model }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="线索分类">
|
|
||||||
{{ detailInfo.cameraType }}
|
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="线索状态">
|
<a-descriptions-item label="线索状态">
|
||||||
{{ detailInfo.status }}
|
{{ detailInfo.state }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="设备厂商">
|
<a-descriptions-item label="线索描述">
|
||||||
{{ detailInfo.manufacturer }}
|
{{ detailInfo.describe }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="设备序列号">
|
<a-descriptions-item label="线索地址">
|
||||||
{{ detailInfo.serialNumber }}
|
{{ detailInfo.address }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="设备通道">
|
<a-descriptions-item label="线索来源">
|
||||||
{{ detailInfo.channel }}
|
{{ detailInfo.sourceType }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="平台IP">
|
<a-descriptions-item label="严重程度">
|
||||||
{{ detailInfo.ip }}
|
{{ detailInfo.degreeType }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="平台端口">
|
<a-descriptions-item label="上报人员">
|
||||||
{{ detailInfo.port }}
|
{{ detailInfo.reportPerson }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="APPKey">
|
<a-descriptions-item label="上报时间">
|
||||||
{{ detailInfo.appKey }}
|
{{ detailInfo.reportTime }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="APPSecret">
|
|
||||||
{{ detailInfo.appSecret }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
|
|
||||||
<a-descriptions-item label="线索位置">
|
|
||||||
{{ detailInfo.lng }} , {{ detailInfo.lat }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="更新时间">
|
|
||||||
{{ detailInfo.updateTime }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="原始路径">
|
|
||||||
{{ detailInfo.regionPathName }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
|
|
||||||
</a-descriptions>
|
</a-descriptions>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,55 +1,41 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="p-4">
|
<div class="p-4">
|
||||||
<a-row :gutter="60">
|
<a-row :gutter="40">
|
||||||
|
|
||||||
<a-col :span="12">
|
<a-col :span="14">
|
||||||
|
|
||||||
<a-divider orientation="left">基本信息</a-divider>
|
<a-divider orientation="left">基本信息</a-divider>
|
||||||
|
|
||||||
<a-descriptions bordered class="mt-4" :column="2">
|
<a-descriptions bordered class="mt-4" :column="2" size="small">
|
||||||
|
|
||||||
<a-descriptions-item label="任务编号">
|
<a-descriptions-item label="任务编号">
|
||||||
{{ detailInfo.clueNo }}
|
{{ detailInfo.clueNo }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="任务名称">
|
<a-descriptions-item label="任务描述">
|
||||||
{{ detailInfo.describe }}
|
{{ detailInfo.content }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="功能分类">
|
<a-descriptions-item label="任务地址">
|
||||||
{{ detailInfo.model }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="任务状态">
|
|
||||||
{{ detailInfo.state }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="任务">
|
|
||||||
{{ detailInfo.manufacturer }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="任务名称">
|
|
||||||
{{ detailInfo.serialNumber }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="任务名称">
|
|
||||||
{{ detailInfo.channel }}
|
|
||||||
</a-descriptions-item>
|
|
||||||
<a-descriptions-item label="任务位置">
|
|
||||||
{{ detailInfo.address }}
|
{{ detailInfo.address }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="任务来源">
|
<a-descriptions-item label="任务来源">
|
||||||
{{ detailInfo.sourceType }}
|
{{ detailInfo.sourceType }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="任务程度">
|
<a-descriptions-item label="任务状态">
|
||||||
{{ detailInfo.regionPathName }}
|
{{ detailInfo.state }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="上报人员">
|
<a-descriptions-item label="下发人员">
|
||||||
{{ detailInfo.reportPerson }}
|
{{ detailInfo.taskUser }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="上报时间">
|
<a-descriptions-item label="下发时间">
|
||||||
{{ detailInfo.reportTime }}
|
{{ detailInfo.taskTime }}
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
</a-descriptions>
|
</a-descriptions>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
||||||
<a-col :span="12">
|
<a-col :span="10">
|
||||||
<a-divider orientation="left">位置信息</a-divider>
|
<a-divider orientation="left">位置信息</a-divider>
|
||||||
<div class="map-container">
|
<div class="map-container">
|
||||||
|
<Map :position="[detailInfo.lng,detailInfo.lat]"></Map>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
@ -57,9 +43,8 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { defaultValue } from 'mars3d-cesium';
|
import { ref,defineProps,watch } from 'vue';
|
||||||
import { ref,defineProps } from 'vue';
|
import Map from '../components/Map.vue';
|
||||||
import * as mars3d from 'mars3d'
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
detailInfo:{
|
detailInfo:{
|
||||||
|
|
@ -68,10 +53,21 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
const detailInfo: any = ref({});
|
const detailInfo: any = ref({});
|
||||||
|
|
||||||
detailInfo.value = props.detailInfo;
|
detailInfo.value = props.detailInfo;
|
||||||
|
|
||||||
|
watch(
|
||||||
|
()=>props.detailInfo,
|
||||||
|
(newVal,oldVal)=>{
|
||||||
|
detailInfo.value = newVal;
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
console.log("detailInfo.value",detailInfo.value);
|
||||||
const dataSource = ref([]);
|
const dataSource = ref([]);
|
||||||
const columns = ref([
|
const columns = ref([
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -29,10 +29,13 @@
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<a-modal
|
<a-modal
|
||||||
v-model:visible="detailModelVisible"
|
v-model:visible="detailModelVisible"
|
||||||
|
:get-container="getContainer"
|
||||||
title="线索信息"
|
title="线索信息"
|
||||||
wrap-class-name="full-modal"
|
wrap-class-name="modal"
|
||||||
width="80%"
|
width="80%"
|
||||||
:footer="null"
|
:footer="null"
|
||||||
|
:mask="true"
|
||||||
|
:keyboard="false"
|
||||||
>
|
>
|
||||||
<Detail :detailInfo="detailInfo" @close="closeDetail" />
|
<Detail :detailInfo="detailInfo" @close="closeDetail" />
|
||||||
</a-modal>
|
</a-modal>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue