guoyuepeng
/
qa-regulatory-gwj-vue
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

重点工程管理和地图展示视频是否在线

pet_li_6.6
limingyu 2024-05-07 10:53:16 +08:00
parent 0c88ca43d7
commit cd1b89a4fa
6 changed files with 94 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/map/gangkou_index/point/ico31_offline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/map/gangkou_index/point/ico31_online.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

2
src/components/OutSourced/index.vue
View File

@ -70,7 +70,7 @@
<el-table-column v-if="otherShow" prop="AMOUT_SUM" label="违约处罚金额(元)" /> <el-table-column v-if="otherShow" prop="AMOUT_SUM" label="违约处罚金额(元)" />
<el-table-column v-if="otherShow" prop="VIDEO_COUNT" label="包含视频监控数(在线视频数)" width="200"> <el-table-column v-if="otherShow" prop="VIDEO_COUNT" label="包含视频监控数(在线视频数)" width="200">
<template slot-scope="{row}"> <template slot-scope="{row}">
<span>{{ row.VIDEO_COUNT }} (0)</span> <span>{{ row.VIDEO_COUNT }} ({{ row.ONLINE_COUNT }})</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="100"> <el-table-column label="操作" align="center" width="100">

6
src/views/keyprojects/videomanager/components/list.vue
View File

@ -145,7 +145,11 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="UNITS_NAME" label="施工相关方" width="250" show-overflow-tooltip /> <el-table-column prop="UNITS_NAME" label="施工相关方" width="250" show-overflow-tooltip />
<el-table-column prop="VIDEO_COUNT" label="视频个数" /> <el-table-column prop="VIDEO_COUNT" label="视频个数(在线数量)" >
<template slot-scope="{row}">
<span>{{ row.VIDEO_COUNT }}({{ row.VIDEO_ONLINE_COUNT }})</span>
</template>
</el-table-column>
<el-table-column prop="STATE" label="状态"> <el-table-column prop="STATE" label="状态">
<template slot-scope="{row}"> <template slot-scope="{row}">
<span v-if="row.STATE == -1">开工申请中</span> <span v-if="row.STATE == -1">开工申请中</span>

116
src/views/map/components/bianjieruqin.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="shipin"> <div class="shipin">
<div class="block1"> <div class="block1">
<layout-title title="视频状态"/> <layout-title title="视频定位"/>
<div class="options"> <div class="options">
<div class="option"> <div class="option">
<div class="leftimg"/> <div class="leftimg"/>
@ -15,7 +15,7 @@
</div> </div>
</div> </div>
<div class="block2"> <div class="block2">
<layout-title title="区域报警数"/> <layout-title title="重点工程"/>
<div class="options"> <div class="options">
<div v-for="(item,index) in block2OptionsList" :key="index" class="option"> <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
<div class="circular"><img :src="item.img" alt=""></div> <div class="circular"><img :src="item.img" alt=""></div>
@ -26,26 +26,25 @@
</div> </div>
</div> </div>
</div> </div>
<div class="block3"> <!-- <div class="block3">-->
<layout-title title="报警记录"/> <!-- <layout-title title="报警记录"/>-->
<div class="content"> <!-- <div class="content">-->
<!-- <div class="table">-->
<div class="table"> <!-- <div class="tr">-->
<div class="tr"> <!-- <div class="td">防区</div>-->
<div class="td">防区</div> <!-- <div class="td">摄像头名称</div>-->
<div class="td">摄像头名称</div> <!-- <div class="td">时间</div>-->
<div class="td">时间</div> <!-- </div>-->
</div> <!-- <div class="scroll">-->
<div class="scroll"> <!-- <div v-for="(item,index) in block3List" :key="index" class="tr">-->
<div v-for="(item,index) in block3List" :key="index" class="tr"> <!-- <div class="td line1">{{ item.region }}</div>-->
<div class="td line1">{{ item.region }}</div> <!-- <div class="td">{{ item.name }}</div>-->
<div class="td">{{ item.name }}</div> <!-- <div class="td">{{ item.time }}</div>-->
<div class="td">{{ item.time }}</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div>
</div> </div>
</template> </template>
@ -79,17 +78,25 @@ export default {
{ {
lable: '视频总数', lable: '视频总数',
count: 0 count: 0
},
{
lable: '在线数量',
count: 0
},
{
lable: '离线数量',
count: 0
} }
], ],
block2OptionsList: [ block2OptionsList: [
{ {
img: require('../../../assets/map/bianjie/img1.png'), img: require('../../../assets/map/gangkou_index/point/ico15.png'),
label: '码头', label: '重点工程总数',
count: 0 count: 0
}, },
{ {
img: require('../../../assets/map/bianjie/img2.png'), img: require('../../../assets/map/gangkou_index/point/ico30.png'),
label: '油罐区域', label: '重点工程开工数量',
count: 0 count: 0
} }
], ],
@ -163,33 +170,70 @@ export default {
this.initgetTable() this.initgetTable()
}, },
methods: { methods: {
// 初始化总摄像头数
// initCount() {
// requestFN(
// '/map/mapPlatformelectronic/listAll',
// {
// CORPINFO_ID: this.corpInfoId,
// AREA: this.area
// }
// ).then((data) => {
// this.block1OptionsList[0].count = data.allForMap
// })
// },
// 初始化总摄像头数 // 初始化总摄像头数
initCount() { initCount() {
requestFN( requestFN(
'/map/mapPlatformelectronic/listAll', '/map/keyProject/listAllLocation',
{ {
CORPINFO_ID: this.corpInfoId, CORPINFO_ID: this.corpInfoId,
AREA: this.area AREA: this.area,
TYPE: 'VIDEO',
GANGKOU: this.gangkou
} }
).then((data) => { ).then((data) => {
this.block1OptionsList[0].count = data.allForMap this.block1OptionsList[0].count = data.varList.length
data.varList.forEach((item) => {
if (item.ONLINE_STATUS === '0') {
this.block1OptionsList[1].count++
} else {
this.block1OptionsList[2].count++
}
})
}) })
}, },
// 初始化港口摄像头数
// initgetTable() {
// requestFN(
// '/map/mapPlatformelectronic/listAllByArea',
// {
// CORPINFO_ID: this.corpInfoId,
// AREA: this.area
// }
// ).then((data) => {
// data.varList.forEach(item => {
// if (item.SUOSHUQUYU === '2') {
// this.block2OptionsList[0].count = item.co
// } else if (item.SUOSHUQUYU === '1') {
// this.block2OptionsList[1].count = item.co
// }
// })
// })
// }
// 初始化港口摄像头数 // 初始化港口摄像头数
initgetTable() { initgetTable() {
requestFN( requestFN(
'/map/mapPlatformelectronic/listAllByArea', '/outsourced/listForCount',
{ {
CORPINFO_ID: this.corpInfoId, CORPINFO_ID: this.corpInfoId
AREA: this.area
} }
).then((data) => { ).then((data) => {
this.block2OptionsList[0].count = data.varList.length
data.varList.forEach(item => { data.varList.forEach(item => {
if (item.SUOSHUQUYU === '2') { if (item.STATE == 1) {
this.block2OptionsList[0].count = item.co this.block2OptionsList[1].count++
} else if (item.SUOSHUQUYU === '1') {
this.block2OptionsList[1].count = item.co
} }
}) })
}) })

8
src/views/map/index.vue
View File

@ -2127,6 +2127,14 @@ export default {
point.name = varList[i].MAP_POINT_NAME point.name = varList[i].MAP_POINT_NAME
point.infoname = varList[i].MAP_POINT_NAME point.infoname = varList[i].MAP_POINT_NAME
} }
// 摄像头是否在线
if (point.icon_type.indexOf('6_1') > -1) {
if (varList[i].ONLINE_STATUS === '0') {
point.icon_type = point.icon_type + '_online'
} else {
point.icon_type = point.icon_type + '_offline'
}
}
points.push(point) points.push(point)
} }
if (this.gangkouActive === '00004' && urlType === 'carPosition') { if (this.gangkouActive === '00004' && urlType === 'carPosition') {