格式化代码
This commit is contained in:
parent
cecba03c6e
commit
653559e727
|
|
@ -315,7 +315,8 @@
|
|||
openVideo(
|
||||
record.channelCode ||
|
||||
record.channelId ||
|
||||
record.channelCode.channelId, record
|
||||
record.channelCode.channelId,
|
||||
record
|
||||
)
|
||||
">
|
||||
预览
|
||||
|
|
@ -344,9 +345,7 @@
|
|||
<a-button @click="goToApply(record)" type="link" :disabled="record.state != 1">
|
||||
申请
|
||||
</a-button>
|
||||
<a-button @click="showWrj(record)" type="link">
|
||||
详情
|
||||
</a-button>
|
||||
<a-button @click="showWrj(record)" type="link">详情</a-button>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
|
|
@ -355,7 +354,7 @@
|
|||
<a-modal wrapClassName="single-preview-modal" v-model:visible="visible" title="视频预览" :width="960" destroyOnClose>
|
||||
<template #footer></template>
|
||||
<div style="width: 100%; display: flex; justify-content: center">
|
||||
<div style="width: 100%; height: 100%;position:relative">
|
||||
<div style="width: 100%; height: 100%; position: relative">
|
||||
<!-- 预览视频--遮罩 -->
|
||||
<div class="video-cover" @click="videoShowMsg"></div>
|
||||
<vue3VideoPlay v-bind="options" />
|
||||
|
|
@ -389,7 +388,7 @@
|
|||
destroyOnClose @cancel="videoClean">
|
||||
<template #footer></template>
|
||||
<div class="batch-video">
|
||||
<div v-for="(item, index) in videoList" :key="item.id" style="width: 100%; height: 100%;position:relative">
|
||||
<div v-for="(item, index) in videoList" :key="item.id" style="width: 100%; height: 100%; position: relative">
|
||||
<!-- 批量预览视频--遮罩 -->
|
||||
<div class="batch-video-cover" @click="videoShowMsg(index)"></div>
|
||||
<p></p>
|
||||
|
|
@ -404,11 +403,11 @@
|
|||
<div v-for="(db, key) in wrjData" :key="key">
|
||||
<template v-if="typeof db == 'object'">
|
||||
<div style="
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin: 10px 0;
|
||||
text-align: center;
|
||||
">
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin: 10px 0;
|
||||
text-align: center;
|
||||
">
|
||||
{{ db.attrType || '--' }}
|
||||
</div>
|
||||
<template v-if="db.attrValue">
|
||||
|
|
@ -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 = '请申请后在我的申请中预览视频!'
|
||||
|
|
|
|||
Loading…
Reference in New Issue