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

267公司显示人员定位

liujun-267公司人员定位新增
liujun 2025-01-14 18:17:53 +08:00
parent 0a4f9898cb
commit 901f26088f
2 changed files with 100 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/map/dialog/index.vue
View File

@ -62,8 +62,28 @@
<carPositionCfdD v-if="type === 'carPosition'" :id="id" :type="type" :infoname="infoname"/> <carPositionCfdD v-if="type === 'carPosition'" :id="id" :type="type" :infoname="infoname"/>
<!--曹妃甸东 八项作业 曹实业详细页面 end--> <!--曹妃甸东 八项作业 曹实业详细页面 end-->
<peoplePositionNine v-if="type === 'peoplePositionNine'" :id="id" :type="type" :infoname="infoname"/> <peoplePositionNine v-if="type === 'peoplePositionNine'" :id="id" :type="type" :infoname="infoname"/>
<peoplePositionOne v-if="type === 'peoplePositionOne' && !(corpInfoId === '035958e685cf4850bc40151c5e0617a6' || corpInfoId === '21590a00ea5e462e9ee44dd332dddc26' || corpInfoId ==='033549ed3bd648e49c8a65eb4993ec2f' || !corpInfoId)" :id="id" :type="type" /> <peoplePositionOne
<peoplePositionYGS v-if="type === 'peoplePositionOne' && (corpInfoId === '035958e685cf4850bc40151c5e0617a6' || corpInfoId === '21590a00ea5e462e9ee44dd332dddc26' || corpInfoId ==='033549ed3bd648e49c8a65eb4993ec2f' || !corpInfoId)" :id="id" :type="type" :corp-id="corpInfoId" /> v-if="type === 'peoplePositionOne' && !(
corpInfoId === '035958e685cf4850bc40151c5e0617a6'
|| corpInfoId === '17973964c87346e7a4a737cf252557d9'
|| corpInfoId === '97b87eba9f9c49a0a917c1f412016fb1'
|| corpInfoId === '286dcae730aa43ba82c97a676f9d8ee2'
|| corpInfoId === '21590a00ea5e462e9ee44dd332dddc26'
)"
:id="id"
:type="type" />
<peoplePositionYGS
v-if="type === 'peoplePositionOne' && (corpInfoId === '035958e685cf4850bc40151c5e0617a6'
|| corpInfoId === '17973964c87346e7a4a737cf252557d9'
|| corpInfoId === '97b87eba9f9c49a0a917c1f412016fb1'
|| corpInfoId === '286dcae730aa43ba82c97a676f9d8ee2'
|| corpInfoId === '21590a00ea5e462e9ee44dd332dddc26'
|| corpInfoId === '033549ed3bd648e49c8a65eb4993ec2f'
)"
:id="id"
:type="type"
:corp-id="corpInfoId" />
<!-- 重点工程 start --> <!-- 重点工程 start -->
<outSourceInfo v-if="type === 'PROJECT'" :id="id" :type="type" /> <outSourceInfo v-if="type === 'PROJECT'" :id="id" :type="type" />
<outSourceVideoInfo v-if="type === 'VIDEO'" :id="id" :type="type" /> <outSourceVideoInfo v-if="type === 'VIDEO'" :id="id" :type="type" />

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

@ -23,7 +23,9 @@
<!-- @dragAreaEntity="dragAreaEntity"--> <!-- @dragAreaEntity="dragAreaEntity"-->
<!-- />--> <!-- />-->
<info v-if="!gangkouActive"/> <info v-if="!gangkouActive"/>
<gangkou-index v-if="gangkouActive === '00003' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && !CORP_INFO_ID" :area="area"/> <gangkou-index
v-if="gangkouActive === '00003' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && !CORP_INFO_ID"
:area="area"/>
<fengongsi-index <fengongsi-index
v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00005' && gangkouActive !== '00002' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID" v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00005' && gangkouActive !== '00002' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
:corp-info-id="CORP_INFO_ID" :corp-info-id="CORP_INFO_ID"
@ -308,6 +310,7 @@ import loadMapBoxCzks from './js/mapboxCzks'
import loadMapBox from './js/mapbox' import loadMapBox from './js/mapbox'
import AnquanCfd from './components/anquanCfd' import AnquanCfd from './components/anquanCfd'
import mqtt from 'mqtt' import mqtt from 'mqtt'
let viewer = null let viewer = null
let drag = null let drag = null
let ry_drag = null let ry_drag = null
@ -1268,14 +1271,14 @@ export default {
function S4() { function S4() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1) return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
} }
return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4() return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4()
}, },
keepalive(token) { keepalive(token) {
// 第二套方案 // 第二套方案
requestFN( requestFN(
'/map/loginOrKeepAlive', '/map/loginOrKeepAlive',
{ {}
}
).then((data) => { ).then((data) => {
}) })
@ -1484,7 +1487,19 @@ export default {
this.bubble(id) this.bubble(id)
} }
if (this.gangkouActive === '00002' && point_type === 'peoplePositionCzks') { if (this.gangkouActive === '00002' && point_type === 'peoplePositionCzks') {
const { label, point_type, id, corpInfoId, name, infoname, personPhoto, RyDeptName, RyPostName, RyRealName, personTypeName } = pick.id._monitoItems.data const {
label,
point_type,
id,
corpInfoId,
name,
infoname,
personPhoto,
RyDeptName,
RyPostName,
RyRealName,
personTypeName
} = pick.id._monitoItems.data
this.dialog.visible = true this.dialog.visible = true
this.dialog.title = label this.dialog.title = label
this.dialog.type = point_type this.dialog.type = point_type
@ -1536,7 +1551,17 @@ export default {
return return
} }
if (point_type.indexOf('标记点') !== -1) { if (point_type.indexOf('标记点') !== -1) {
const { label, point_type, data_id, corpInfoId, dialog_width, infoname, code, video_type, name } = pick.id._monitoItems.data const {
label,
point_type,
data_id,
corpInfoId,
dialog_width,
infoname,
code,
video_type,
name
} = pick.id._monitoItems.data
this.dialog.visible = true this.dialog.visible = true
this.dialog.title = label this.dialog.title = label
this.dialog.name = name this.dialog.name = name
@ -2247,7 +2272,12 @@ export default {
} }
if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '035958e685cf4850bc40151c5e0617a6' && urlType === 'peoplePosition') { if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '035958e685cf4850bc40151c5e0617a6' && urlType === 'peoplePosition') {
!this.connecting ? this.createConnection(this.CORP_INFO_ID) : this.doSubscribe() !this.connecting ? this.createConnection(this.CORP_INFO_ID) : this.doSubscribe()
} else if (this.gangkouActive === '00003' && (this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' || this.CORP_INFO_ID === '033549ed3bd648e49c8a65eb4993ec2f' || this.CORP_INFO_ID === '') && urlType === 'peoplePosition') { } else if (this.gangkouActive === '00003' && (this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' ||
this.CORP_INFO_ID === '17973964c87346e7a4a737cf252557d9' ||
this.CORP_INFO_ID === '97b87eba9f9c49a0a917c1f412016fb1' ||
this.CORP_INFO_ID === '286dcae730aa43ba82c97a676f9d8ee2' ||
this.CORP_INFO_ID === '033549ed3bd648e49c8a65eb4993ec2f' ||
this.CORP_INFO_ID === '') && urlType === 'peoplePosition') {
// websocket实时获取人员定位 // websocket实时获取人员定位
this.initRYDWWebsocket(this.CORP_INFO_ID) this.initRYDWWebsocket(this.CORP_INFO_ID)
} else { } else {
@ -2965,7 +2995,7 @@ export default {
const index = ninePerLoc.findIndex(item1 => { const index = ninePerLoc.findIndex(item1 => {
return item1.id.toString() === item.cardId.toString() return item1.id.toString() === item.cardId.toString()
}) })
this.isPointWithinTheArea(this.pointBox, ) this.isPointWithinTheArea(this.pointBox,)
if (index !== -1) { if (index !== -1) {
ninePerLoc[index].x = item.longitude ninePerLoc[index].x = item.longitude
ninePerLoc[index].y = item.latitude ninePerLoc[index].y = item.latitude
@ -3070,13 +3100,15 @@ export default {
// console.info(decodedStr) // console.info(decodedStr)
if (decodedStr) { if (decodedStr) {
// const perTrack = JSON.parse(decodedStr) // const perTrack = JSON.parse(decodedStr)
const perTrack = { 'msg': '000', 'data': [ const perTrack = {
'8905,118.50022313549867,38.92716921306408,-88.96163116878053,0.15,8905,测试工单', 'msg': '000', 'data': [
'8001,118.5044033058593,38.926660124965956,-88.96163116878053,0.15,8001,张悦', '8905,118.50022313549867,38.92716921306408,-88.96163116878053,0.15,8905,测试工单',
'8002,118.48886198164132,38.916885738277635,-88.96163116878053,0.15,8002,齐津铖', '8001,118.5044033058593,38.926660124965956,-88.96163116878053,0.15,8001,张悦',
'8003,118.50289308906841,38.92012841170512,-88.96163116878053,0.15,8003,白伟', '8002,118.48886198164132,38.916885738277635,-88.96163116878053,0.15,8002,齐津铖',
'8004,118.48820877892216,38.91690951376236,-88.96163116878053,0.15,8004,孙海官' '8003,118.50289308906841,38.92012841170512,-88.96163116878053,0.15,8003,白伟',
] } '8004,118.48820877892216,38.91690951376236,-88.96163116878053,0.15,8004,孙海官'
]
}
if (perTrack.msg === '000' && perTrack.data && perTrack.data.length > 0) { if (perTrack.msg === '000' && perTrack.data && perTrack.data.length > 0) {
perTrack.data.forEach(item => { perTrack.data.forEach(item => {
const newPos = item.split(',') const newPos = item.split(',')
@ -3122,7 +3154,9 @@ export default {
// Convert binary string to character-number array // Convert binary string to character-number array
var charData = strData.split('').map(function(x) { return x.charCodeAt(0) }) var charData = strData.split('').map(function(x) {
return x.charCodeAt(0)
})
// Turn number array into byte-array // Turn number array into byte-array
@ -3239,11 +3273,17 @@ export default {
_this.perLocArr.forEach((item, index) => { _this.perLocArr.forEach((item, index) => {
// 判断是否存在于四色区域内 // 判断是否存在于四色区域内
const redFiled = [] const redFiled = []
_this.pointBoxCfd.redList.forEach(item => { redFiled.push(...item['position']) }) _this.pointBoxCfd.redList.forEach(item => {
redFiled.push(...item['position'])
})
const orangeFiled = [] const orangeFiled = []
_this.pointBoxCfd.orangeList.forEach(item => { orangeFiled.push(...item['position']) }) _this.pointBoxCfd.orangeList.forEach(item => {
orangeFiled.push(...item['position'])
})
const yellowFiled = [] const yellowFiled = []
_this.pointBoxCfd.yellowList.forEach(item => { yellowFiled.push(...item['position']) }) _this.pointBoxCfd.yellowList.forEach(item => {
yellowFiled.push(...item['position'])
})
if (this.redList.indexOf(item.cardNo) > -1) { if (this.redList.indexOf(item.cardNo) > -1) {
_this.$set(_this.perLocArr[index], 'color', 'red') _this.$set(_this.perLocArr[index], 'color', 'red')
} else if (redFiled !== [] && _this.forEachIsPointInPolygon(_this.pointBoxCfd.redList, item.position.x, item.position.y)) { } else if (redFiled !== [] && _this.forEachIsPointInPolygon(_this.pointBoxCfd.redList, item.position.x, item.position.y)) {
@ -3489,7 +3529,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
width: 100px; width: 100px;
height:30px; height: 30px;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -3648,7 +3688,7 @@ export default {
text-align: center; text-align: center;
.suspension_img { .suspension_img {
width:60px; width: 60px;
height: 60px; height: 60px;
cursor: pointer; cursor: pointer;
@ -3747,19 +3787,22 @@ export default {
transform: translateY(0); transform: translateY(0);
} }
} }
.people_trajectory{
.people_trajectory {
position: absolute; position: absolute;
top: -60px; top: -60px;
left: 0; left: 0;
width: 400px; width: 400px;
padding: 10px; padding: 10px;
background-image: linear-gradient(to right, rgb(31 62 129 / 57%) 0%, rgb(17 93 255 / 40%) 50%, rgb(31 62 129 / 57%) 100%); background-image: linear-gradient(to right, rgb(31 62 129 / 57%) 0%, rgb(17 93 255 / 40%) 50%, rgb(31 62 129 / 57%) 100%);
.search_btn{
.search_btn {
background-color: #1563e3; background-color: #1563e3;
color: #fff; color: #fff;
border-color: #1563e3; border-color: #1563e3;
} }
.reset_btn{
.reset_btn {
background-color: #558be5; background-color: #558be5;
color: #fff; color: #fff;
border-color: #558be5; border-color: #558be5;
@ -3770,27 +3813,33 @@ export default {
.cesium-viewer-toolbar, .cesium-viewer-fullscreenContainer, .cesium-infoBox-visible { .cesium-viewer-toolbar, .cesium-viewer-fullscreenContainer, .cesium-infoBox-visible {
display: none !important; display: none !important;
} }
.people_trajectory .el-input__inner{
.people_trajectory .el-input__inner {
background-color: #100693 !important; background-color: #100693 !important;
border-color: #100693 !important; border-color: #100693 !important;
color: #fff !important; color: #fff !important;
} }
.people_trajectory_select{
.people_trajectory_select {
background-color: #100693 !important; background-color: #100693 !important;
border-color: #100693 !important; border-color: #100693 !important;
} }
.people_trajectory_select .el-select-dropdown__item{
.people_trajectory_select .el-select-dropdown__item {
color: #fff !important; color: #fff !important;
} }
.people_trajectory_select .el-select-dropdown__item.hover{
.people_trajectory_select .el-select-dropdown__item.hover {
background-color: #2111ec !important; background-color: #2111ec !important;
color: #fff !important; color: #fff !important;
} }
.people_trajectory_select .popper__arrow{
.people_trajectory_select .popper__arrow {
border-top-color: #100693 !important; border-top-color: #100693 !important;
border-bottom-color: #100693 !important; border-bottom-color: #100693 !important;
} }
.people_trajectory_select .popper__arrow::after{
.people_trajectory_select .popper__arrow::after {
border-top-color: #100693 !important; border-top-color: #100693 !important;
border-bottom-color: #100693 !important; border-bottom-color: #100693 !important;
} }