@@ -389,7 +388,7 @@
destroyOnClose @cancel="videoClean">
-
+
@@ -404,11 +403,11 @@
+ font-size: 20px;
+ font-weight: 600;
+ margin: 10px 0;
+ text-align: center;
+ ">
{{ db.attrType || '--' }}
@@ -436,7 +435,6 @@ import {
nextTick,
defineExpose,
computed,
-
} from 'vue'
import {
getCameraByParentId,
@@ -465,7 +463,7 @@ const current = ref(1)
const videoTotal = ref(0)
const router = useRouter()
const whoShow1 = ref(whoShow)
-const isXiHaiAn = whoShow1.value.itShowXiHaiAn || true;
+const isXiHaiAn = whoShow1.value.itShowXiHaiAn || true
const options = reactive({
width: '912px', //播放器宽度
height: '513px', //播放器高度
@@ -482,16 +480,18 @@ const options = reactive({
ligthOff: false, //关灯模式
volume: 0.3, //默认音量大小
control: isXiHaiAn ? false : true, //是否显示控制
- controlBtns: isXiHaiAn ? [] : [
- 'audioTrack',
- 'quality',
- 'speedRate',
- 'volume',
- 'setting',
- 'pip',
- 'pageFullScreen',
- 'fullScreen',
- ], //显示所有按钮,
+ controlBtns: isXiHaiAn
+ ? []
+ : [
+ 'audioTrack',
+ 'quality',
+ 'speedRate',
+ 'volume',
+ 'setting',
+ 'pip',
+ 'pageFullScreen',
+ 'fullScreen',
+ ], //显示所有按钮,
})
const videoList = ref([])
let visible = ref(false) // 视频预览
@@ -635,7 +635,9 @@ const selectedRowKeys = ref([])
const tabList = ref([
{
title: '设施类型',
- content: isXiHaiAn ? ['视频资源'] : ['视频资源', '云资源', '感知资源', '城市云脑会客厅'],
+ content: isXiHaiAn
+ ? ['视频资源']
+ : ['视频资源', '云资源', '感知资源', '城市云脑会客厅'],
},
])
if (!isXiHaiAn) {
@@ -692,7 +694,7 @@ if (whoShow1.value.itShowXiHaiAn) {
const rowClickData = ref(null)
// 打开视频预览
const openVideo = (id, record) => {
- rowClickData.value = record;
+ rowClickData.value = record
console.log('打开视频', id)
const param = {
key: id,
@@ -1075,7 +1077,6 @@ const tabClick = (indexFather, name) => {
if (tabList.value[1]) {
tabList.value[1].title = '视频标签'
}
-
} else if (name == '云资源') {
room.value = true
tableHeight.value = 600
@@ -1188,10 +1189,10 @@ const tabClick = (indexFather, name) => {
wrjFlag.value = false
emits('add', 3)
} else if (name == '无人机') {
- pagination.value.current = 1;
+ pagination.value.current = 1
getSoldierData(indexFather, name)
} else if (name == '单兵设备') {
- pagination.value.current = 1;
+ pagination.value.current = 1
getSoldierData(indexFather, name)
} else if (name == '城市云脑会客厅') {
showMap.value = false
@@ -1244,7 +1245,7 @@ const wrjStateObj = {
0: '待审批',
1: '未申请',
2: '通过',
- 3: '未通过'
+ 3: '未通过',
}
// 获取无人机、单兵设备
const getSoldierData = (indexFather, name) => {
@@ -1268,40 +1269,41 @@ const getSoldierData = (indexFather, name) => {
page: pagination.value.current,
limit: pagination.value.pageSize,
}
- getSoldierList(_params).then(res => {
- console.log('res---获取无人机、单兵设备--------->', res);
- if (res.data.code !== 0) {
- return message.error(res.data.msg)
- }
- let { list = [], total = 0 } = res.data.data;
- pagination.value.total = total
- if (name == '无人机') {
- list.map((wrj) => {
- dataSource2.value.push({
- wrjName: wrj.name,
- wrjState: wrjStateObj[wrj.state],
- url: wrj.url,
- details: wrj.details,
- ...wrj
+ getSoldierList(_params)
+ .then((res) => {
+ console.log('res---获取无人机、单兵设备--------->', res)
+ if (res.data.code !== 0) {
+ return message.error(res.data.msg)
+ }
+ let { list = [], total = 0 } = res.data.data
+ pagination.value.total = total
+ if (name == '无人机') {
+ list.map((wrj) => {
+ dataSource2.value.push({
+ wrjName: wrj.name,
+ wrjState: wrjStateObj[wrj.state],
+ url: wrj.url,
+ details: wrj.details,
+ ...wrj,
+ })
})
- })
- }
+ }
- if (name == '单兵设备') {
- list.map((db) => {
- dataSource2.value.push({
- wrjName: db.name,
- wrjState: wrjStateObj[db.state],
- details: db.details,
- type: db.type,
- ...db
+ if (name == '单兵设备') {
+ list.map((db) => {
+ dataSource2.value.push({
+ wrjName: db.name,
+ wrjState: wrjStateObj[db.state],
+ details: db.details,
+ type: db.type,
+ ...db,
+ })
})
- })
- }
-
- }).catch(err => {
- message.error(err)
- })
+ }
+ })
+ .catch((err) => {
+ message.error(err)
+ })
}
// 打开视频批量预览
const batchPreview = async function (page) {
@@ -1337,16 +1339,18 @@ const batchPreview = async function (page) {
ligthOff: false, //关灯模式
volume: 0.3, //默认音量大小
control: isXiHaiAn ? false : true, //是否显示控制
- controlBtns: isXiHaiAn ? [] : [
- 'audioTrack',
- 'quality',
- 'speedRate',
- 'volume',
- 'setting',
- 'pip',
- 'pageFullScreen',
- 'fullScreen',
- ], //显示所有按钮,
+ controlBtns: isXiHaiAn
+ ? []
+ : [
+ 'audioTrack',
+ 'quality',
+ 'speedRate',
+ 'volume',
+ 'setting',
+ 'pip',
+ 'pageFullScreen',
+ 'fullScreen',
+ ], //显示所有按钮,
},
}
await getStreamByChannelCode(param).then((res) => {
@@ -1428,7 +1432,7 @@ const changePage = (page) => { }
const dept = reactive({})
// eslint-disable-next-line no-undef
if (infrastructure) {
- console.log('infrastructure------------>', infrastructure);
+ console.log('infrastructure------------>', infrastructure)
// eslint-disable-next-line no-undef
dept.deptId = infrastructure.deptId || ''
@@ -1467,7 +1471,10 @@ const apply = () => {
// }
const wrjFlag = ref(false)
const getCamera = (flag, str) => {
- console.log('mapSearchParam.value.cameraName------------>', mapSearchParam.value.cameraName);
+ console.log(
+ 'mapSearchParam.value.cameraName------------>',
+ mapSearchParam.value.cameraName
+ )
if (flag) {
mapSearchParam.value.cameraName = str
console.log('赋值===============》', str, mapSearchParam.value)
@@ -1481,7 +1488,7 @@ const getCamera = (flag, str) => {
pagination.value.total = res.data.count
})
} else {
- console.log('mapSearchParam------------>', mapSearchParam);
+ console.log('mapSearchParam------------>', mapSearchParam)
let params = {
regionId:
mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
@@ -1491,7 +1498,7 @@ const getCamera = (flag, str) => {
longitude: mapSearchParam.value.gpsX || '',
latitude: mapSearchParam.value.gpsY || '',
radius: mapSearchParam.value.radius || '',
- name: mapSearchParam.value.cameraName
+ name: mapSearchParam.value.cameraName,
}
// todo-临时放开
// if (
@@ -1570,21 +1577,21 @@ const columns2 = ref([
title: '名称',
dataIndex: 'wrjName',
key: 'wrjName',
- align: 'center'
+ align: 'center',
},
{
title: '申请状态',
dataIndex: 'wrjState',
width: '60%',
key: 'wrjState',
- align: 'center'
+ align: 'center',
},
{
title: '操作',
dataIndex: 'operation',
width: '20%',
key: 'wrjName',
- align: 'center'
+ align: 'center',
},
])
// const allClick = ref([])
@@ -1649,7 +1656,10 @@ const handleTableChange = (val) => {
mapSearchParam.value.pageNum = val.current
mapSearchParam.value.pageSize = val.pageSize
- let _arr = clickList.value.filter(v => v.content.includes('单兵设备') || v.content.includes('无人机')) || []
+ let _arr =
+ clickList.value.filter(
+ (v) => v.content.includes('单兵设备') || v.content.includes('无人机')
+ ) || []
let _tab_name = _arr[0] && _arr[0].content && _arr[0].content[0]
// 无人机、单兵设备
if (_tab_name) {
@@ -1661,12 +1671,15 @@ const handleTableChange = (val) => {
// 视频预览 提示
const videoShowMsg = (index) => {
- let itemData = null;
+ let itemData = null
if (index) {
itemData = selectedList.value[index]
}
let msg = '请申请后在我的申请中预览视频!'
- if ((itemData && itemData.status != 1) || (rowClickData.value && rowClickData.value.status != 1)) {
+ if (
+ (itemData && itemData.status != 1) ||
+ (rowClickData.value && rowClickData.value.status != 1)
+ ) {
msg = '当前视频离线不可预览!'
} else {
msg = '请申请后在我的申请中预览视频!'