Merge remote-tracking branch 'origin/dev' into dev
commit
f9dc492fec
|
@ -10,10 +10,12 @@
|
|||
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.16.0/aliplayer-min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="https://api.tianditu.gov.cn/api?v=4.0&tk=e8a16137fd226a62a23cc7ba5c9c78ce"></script>
|
||||
|
||||
<script type="text/javascript" src="static/jswebrtc.min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="https://api.tianditu.gov.cn/api?v=4.0&tk=e8a16137fd226a62a23cc7ba5c9c78ce"></script>
|
||||
<script type="text/javascript" src="./static/map/cesium91/CesiumUnminified/Cesium.js"></script>
|
||||
<script type="text/javascript" src="./static/map/cesium91/CustomCesiumSDK.js"></script>
|
||||
<link href="./static/map/cesium91/CesiumUnminified/Widgets/widgets.css" rel="stylesheet"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
|
|
@ -24,7 +24,6 @@ router.beforeEach((to, from, next) => {
|
|||
router.addRoutes(accessRoutes)
|
||||
next({ ...to, replace: true })
|
||||
} catch (error) {
|
||||
console.info(error)
|
||||
next(`/login`)
|
||||
}
|
||||
})
|
||||
|
@ -37,7 +36,6 @@ router.beforeEach((to, from, next) => {
|
|||
router.addRoutes(accessRoutes)
|
||||
next({ ...to, replace: true })
|
||||
} catch (error) {
|
||||
console.info(error)
|
||||
next(`/login`)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
* @returns {Boolean}
|
||||
*/
|
||||
export function validText(str) {
|
||||
console.info(str)
|
||||
if (str.trim().length < 1) {
|
||||
return false
|
||||
}
|
||||
|
|
|
@ -368,7 +368,7 @@ export default {
|
|||
this.listLoading = false
|
||||
this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID = data.pd.MAJORDANGERSOURCE_DISPOSAL_ID
|
||||
this.disposal.DISPOSAL_TIME = data.pd.DISPOSAL_TIME
|
||||
console.info(this.disposal)
|
||||
|
||||
// this.dialogFormEdit = false
|
||||
// this.hasDisposal = false
|
||||
}).catch((e) => {
|
||||
|
@ -414,7 +414,7 @@ export default {
|
|||
this.uploadDisposalAfterFile()
|
||||
this.listLoading = true
|
||||
this.disposal.DISPOSAL_STATUS = '1'
|
||||
console.info(this.disposal)
|
||||
|
||||
requestFN(
|
||||
'/majordangersourcedisposal/' + methodName,
|
||||
this.disposal
|
||||
|
@ -423,7 +423,6 @@ export default {
|
|||
this.dialogFormEdit = false
|
||||
this.hasDisposal = false
|
||||
this.resetDisposal()
|
||||
console.info(this.disposal)
|
||||
this.timer = setInterval(this.handleTimerOperation, 5000)
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
|
@ -443,7 +442,7 @@ export default {
|
|||
}
|
||||
}
|
||||
// formData.append('FFILE', this.disposal.disposalBeforeFile)
|
||||
console.info(this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID)
|
||||
|
||||
formData.append('FOREIGN_KEY', this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID)
|
||||
formData.append('TYPE', 20)
|
||||
this.uploadFileSubmit(formData, '处置前照片上传完成')
|
||||
|
@ -457,7 +456,7 @@ export default {
|
|||
}
|
||||
}
|
||||
// formData.append('FFILE', this.disposal.disposalAfterFile)
|
||||
console.info(this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID)
|
||||
|
||||
formData.append('FOREIGN_KEY', this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID)
|
||||
formData.append('TYPE', 21)
|
||||
this.uploadFileSubmit(formData, '处置后照片上传完成')
|
||||
|
@ -467,7 +466,7 @@ export default {
|
|||
'/imgfiles/add',
|
||||
formData
|
||||
).then((data) => {
|
||||
console.info(str)
|
||||
|
||||
}).catch((e) => {
|
||||
})
|
||||
},
|
||||
|
|
|
@ -496,9 +496,6 @@ export default {
|
|||
if (this.isClearRectificationor) {
|
||||
this.hiddenForm.RECTIFICATIONOR = ''
|
||||
}
|
||||
|
||||
console.info(this.isClearRectificationor)
|
||||
console.info(this.hiddenForm.RECTIFICATIONOR)
|
||||
this.getReUserList(newVal)
|
||||
this.isClearRectificationor = true
|
||||
}
|
||||
|
|
|
@ -796,7 +796,7 @@ export default {
|
|||
SHIFTDUTYTWO: this.SHIFTDUTYTWO,
|
||||
IS_HAZARDCONFIRMER: this.IS_HAZARDCONFIRMER,
|
||||
USER_ID: this.USER_ID,
|
||||
ISPUSH:'2'
|
||||
ISPUSH: '2'
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
|
|
|
@ -0,0 +1,470 @@
|
|||
<template>
|
||||
<div class="menjin">
|
||||
<div class="block1">
|
||||
<layout-title title="设备在线情况"/>
|
||||
<div class="options">
|
||||
<div v-for="(item,index) in block1OptionsList" :key="index" class="option">
|
||||
<div class="title active">{{ item.title }}</div>
|
||||
<div class="circular">
|
||||
<img :src="item.img" alt="">
|
||||
</div>
|
||||
<div class="label">
|
||||
{{ item.label1 }}:<count-to :start-val="0" :end-val="item.count1" :duration="3600"/>
|
||||
</div>
|
||||
<div v-if="item.label2" class="label">
|
||||
{{ item.label2 }}:<count-to :start-val="0" :end-val="item.count2" :duration="3600"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block4">
|
||||
<layout-title title="区域进出记录"/>
|
||||
<div class="content">
|
||||
<div class="options">
|
||||
<div
|
||||
v-for="(item,index) in block4OptionsTabs"
|
||||
:key="index"
|
||||
:class="['title', {active:index === block4OptionsIndex}]"
|
||||
@click="block4OptionsClick(index)"
|
||||
>
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
<div id="main1"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block3">
|
||||
<layout-title title="口门进出记录"/>
|
||||
<div class="content">
|
||||
<div class="options">
|
||||
<div
|
||||
v-for="(item,index) in block3OptionsList"
|
||||
:key="index"
|
||||
:class="['title', {active:index === block3OptionsIndex}]"
|
||||
@click="block3OptionsClick(index)"
|
||||
>
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<div class="tr">
|
||||
<div class="td">卡口名称</div>
|
||||
<div class="td">{{ block3OptionsIndex===0 ? '人员':'车牌' }}</div>
|
||||
<div class="td">时间</div>
|
||||
<div class="td">状态</div>
|
||||
</div>
|
||||
<div v-for="(item,index) in block3List" :key="index" class="tr">
|
||||
<div class="td line1">{{ item.DOORNAME }}</div>
|
||||
<div class="td">{{ item.NAME }}</div>
|
||||
<div class="td line1">{{ item.TIME.substring(11) }}</div>
|
||||
<div class="td">{{ item.STATUS }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import layoutTitle from './title.vue'
|
||||
import CountTo from 'vue-count-to'
|
||||
import { requestFN } from '@/utils/request'
|
||||
import * as echarts from 'echarts'
|
||||
|
||||
let myChart1
|
||||
export default {
|
||||
components: {
|
||||
layoutTitle,
|
||||
CountTo
|
||||
},
|
||||
props: {
|
||||
corpInfoId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
area: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
gangkou: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
block1OptionsList: [
|
||||
{
|
||||
title: '人员闸机数',
|
||||
img: require('../../../assets/map/menjin/ico1.png'),
|
||||
label1: '在线数',
|
||||
count1: 0
|
||||
// label2: '离线数',
|
||||
// count2: 0
|
||||
},
|
||||
{
|
||||
title: '车辆闸机数',
|
||||
img: require('../../../assets/map/menjin/ico2.png'),
|
||||
label1: '在线数',
|
||||
count1: 0
|
||||
// label2: '离线数',
|
||||
// count2: 0
|
||||
},
|
||||
{
|
||||
title: '摄像头数',
|
||||
img: require('../../../assets/map/menjin/ico3.png'),
|
||||
label1: '摄像头数',
|
||||
count1: 0
|
||||
}
|
||||
],
|
||||
block3OptionsList: ['人员闸机', '车辆闸机'],
|
||||
block3OptionsIndex: 1,
|
||||
block2List: [],
|
||||
block3List: [],
|
||||
block4OptionsTabs: ['人员', '车辆'],
|
||||
block4OptionsIndex: 0,
|
||||
block4OptionsList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getMachineCount() // 设备数
|
||||
this.getEntryAndExitCount()// echar
|
||||
this.listPerpleCarGateMachine('1') // 进出记录
|
||||
window.onresize = function() {
|
||||
myChart1 && myChart1.resize()
|
||||
}
|
||||
},
|
||||
destroyed() {
|
||||
myChart1 = null
|
||||
},
|
||||
methods: {
|
||||
getEntryAndExitCount() {
|
||||
requestFN(
|
||||
'/mkmjRelation/getAllCarAndPeopleInfoCountByArea',
|
||||
{ CORPINFO_ID: this.corpInfoId }
|
||||
).then((data) => {
|
||||
this.block4OptionsList = data.varList
|
||||
this.initEcharts1(this.block4OptionsList)
|
||||
}).catch((e) => {
|
||||
})
|
||||
},
|
||||
initEcharts1(data) {
|
||||
const xAxisData = []
|
||||
const entryData = []
|
||||
const exitData = []
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
if (this.block4OptionsIndex === 0) {
|
||||
if (data[i].TYPE === 'person') {
|
||||
xAxisData.push(data[i].AREA_NAME)
|
||||
console.log(data[i])
|
||||
entryData.push(data[i].INPERSONCOUNT)
|
||||
exitData.push(data[i].OUTPERSONCOUNT)
|
||||
}
|
||||
}
|
||||
if (this.block4OptionsIndex === 1) {
|
||||
if (data[i].TYPE === 'car') {
|
||||
xAxisData.push(data[i].AREA_NAME)
|
||||
console.log(data[i])
|
||||
entryData.push(data[i].INCARCOUNT)
|
||||
exitData.push(data[i].OUTCARCOUNT)
|
||||
}
|
||||
}
|
||||
}
|
||||
myChart1 && myChart1.dispose()
|
||||
myChart1 = echarts.init(document.querySelector('#main1'))
|
||||
const option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器,坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '2%',
|
||||
right: '4%',
|
||||
bottom: '8%',
|
||||
top: '16%',
|
||||
containLabel: true
|
||||
},
|
||||
legend: {
|
||||
data: ['进', '出'],
|
||||
right: 10,
|
||||
top: 12,
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
},
|
||||
itemWidth: 12,
|
||||
itemHeight: 10
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: xAxisData,
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: 'white'
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
fontFamily: 'Microsoft YaHei'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLine: {
|
||||
show: false,
|
||||
lineStyle: {
|
||||
color: 'white'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: 'rgba(255,255,255,0.3)'
|
||||
}
|
||||
},
|
||||
axisLabel: {}
|
||||
},
|
||||
series: [{
|
||||
name: '进',
|
||||
type: 'bar',
|
||||
barWidth: '15%',
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||||
offset: 0,
|
||||
color: '#8bd46e'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#09bcb7'
|
||||
}]),
|
||||
barBorderRadius: 12
|
||||
}
|
||||
},
|
||||
data: entryData
|
||||
},
|
||||
{
|
||||
name: '出',
|
||||
type: 'bar',
|
||||
barWidth: '15%',
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||||
offset: 0,
|
||||
color: '#fccb05'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: '#f5804d'
|
||||
}]),
|
||||
barBorderRadius: 11
|
||||
}
|
||||
|
||||
},
|
||||
data: exitData
|
||||
}
|
||||
]
|
||||
}
|
||||
myChart1.setOption(option)
|
||||
},
|
||||
block4OptionsClick(index) {
|
||||
console.log(index)
|
||||
this.block4OptionsIndex = index
|
||||
this.initEcharts1(this.block4OptionsList)
|
||||
},
|
||||
getMachineCount() {
|
||||
requestFN(
|
||||
'/map/getDoorCount',
|
||||
{
|
||||
CORPINFO_ID: this.corpInfoId
|
||||
}
|
||||
).then((data) => {
|
||||
this.block1OptionsList[0].count1 = data.data.personMachineCount
|
||||
this.block1OptionsList[1].count1 = data.data.carMachineCount
|
||||
this.block1OptionsList[2].count1 = data.data.cameraCount
|
||||
}).catch((e) => {
|
||||
})
|
||||
},
|
||||
|
||||
listPerpleCarGateMachine(type) {
|
||||
requestFN(
|
||||
'/map/getDoorRecord',
|
||||
{
|
||||
TYPE: type,
|
||||
CORPINFO_ID: this.corpInfoId
|
||||
}
|
||||
).then((data) => {
|
||||
this.block3List = data.varList.slice(0, 8)
|
||||
}).catch((e) => {
|
||||
})
|
||||
},
|
||||
block3OptionsClick(index) {
|
||||
this.block3OptionsIndex = index
|
||||
this.listPerpleCarGateMachine(index)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.menjin {
|
||||
.title {
|
||||
background-image: url("../../../assets/map/menjin/title_on.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 113px;
|
||||
height: 26px;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background-image: url("../../../assets/map/menjin/title.png");
|
||||
}
|
||||
}
|
||||
|
||||
.block1 {
|
||||
width: 410px;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10px 15px;
|
||||
border: 1px solid;
|
||||
border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
|
||||
border-top: none;
|
||||
|
||||
.option {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.circular {
|
||||
margin-top: 5px;
|
||||
background-image: url("../../../assets/map/menjin/img1.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
padding-top: 13px;
|
||||
|
||||
img {
|
||||
width: 30px;
|
||||
height: 26px;
|
||||
animation: scale 2s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block4 {
|
||||
margin-top: 10px;
|
||||
width: 410px;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
|
||||
|
||||
.content {
|
||||
border: 1px solid;
|
||||
border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
|
||||
border-top: none;
|
||||
padding: 10px;
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.title {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
#main1{
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block3 {
|
||||
margin-top: 10px;
|
||||
width: 410px;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
|
||||
|
||||
.content {
|
||||
border: 1px solid;
|
||||
border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
|
||||
border-top: none;
|
||||
padding: 10px;
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.title {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 5px;
|
||||
|
||||
.tr {
|
||||
display: flex;
|
||||
|
||||
&:nth-child(odd) {
|
||||
background-color: rgba(42, 86, 158, 0.53);
|
||||
}
|
||||
|
||||
.td {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
|
||||
&:nth-child(2) {
|
||||
flex-basis: 20%;
|
||||
}
|
||||
|
||||
&.green {
|
||||
color: #7ccf41;
|
||||
}
|
||||
|
||||
&.yellow {
|
||||
color: #ffcb05;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scale {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.line1 {
|
||||
width: 150px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
|
@ -0,0 +1,207 @@
|
|||
<template>
|
||||
<div>
|
||||
{{ corpInfoId }}
|
||||
{{ area }}
|
||||
{{ gangkou }}
|
||||
<menjin2 v-if="corpInfoId" :corp-info-id="corpInfoId" :area="area" :gangkou="gangkou"/>
|
||||
<menjin v-else :corp-info-id="corpInfoId" :area="area" :gangkou="gangkou"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import menjin from './menjin'
|
||||
import menjin2 from './menjin2'
|
||||
export default {
|
||||
components: {
|
||||
menjin,
|
||||
menjin2
|
||||
},
|
||||
props: {
|
||||
corpInfoId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
area: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
gangkou: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.menjin {
|
||||
.title {
|
||||
background-image: url("../../../assets/map/menjin/title_on.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 113px;
|
||||
height: 26px;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background-image: url("../../../assets/map/menjin/title.png");
|
||||
}
|
||||
}
|
||||
|
||||
.block1 {
|
||||
width: 410px;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10px 15px;
|
||||
border: 1px solid;
|
||||
border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
|
||||
border-top: none;
|
||||
|
||||
.option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.img{
|
||||
width: 81px;
|
||||
height: 93px;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.info{
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
div{
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block2 {
|
||||
width: 410px;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
|
||||
margin-top: 10px;
|
||||
|
||||
.options {
|
||||
padding: 10px 15px;
|
||||
border: 1px solid;
|
||||
border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
|
||||
border-top: none;
|
||||
#main1{
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block3 {
|
||||
margin-top: 10px;
|
||||
width: 410px;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
|
||||
|
||||
.content {
|
||||
border: 1px solid;
|
||||
border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
|
||||
border-top: none;
|
||||
padding: 10px;
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.title {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 5px;
|
||||
.scroll {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: rgba(2, 30, 81, 0.851);
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.tr {
|
||||
&:nth-child(odd) {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tr {
|
||||
display: flex;
|
||||
|
||||
&:nth-child(odd) {
|
||||
background-color: rgba(42, 86, 158, 0.53);
|
||||
}
|
||||
|
||||
.td {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
|
||||
&:nth-child(2) {
|
||||
flex-basis: 20%;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
flex: none;
|
||||
flex-basis: 50px;
|
||||
}
|
||||
|
||||
&.green {
|
||||
color: #7ccf41;
|
||||
}
|
||||
|
||||
&.yellow {
|
||||
color: #ffcb05;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scale {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.line1 {
|
||||
width: 150px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
|
@ -230,7 +230,7 @@ export default {
|
|||
this.measuresList = data.measuresList
|
||||
this.gasList = data.gasList
|
||||
this.otherProtectiveMeasures = this.validStr(this.info.OTHER_PROTECTIVE_MEASURES.replace(/;_;/g, '')) ? this.info.OTHER_PROTECTIVE_MEASURES.split(';_;') : []
|
||||
console.info(this.otherProtectiveMeasures)
|
||||
|
||||
if (!this.info.WORK_OPERATOR_ID) {
|
||||
this.$set(this.info, 'WORK_OPERATOR_ID', [])
|
||||
} else {
|
||||
|
|
|
@ -9,13 +9,22 @@
|
|||
<windspeedstation v-if="type === '2da29f00852a4653ba3e760b9de57412'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<xf-point v-if="type === 'point'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<xf-control v-if="type === 'xfbf01' || type ==='xfkzs01' || type ==='xfjyd01' || type ==='xfsy01'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<mk-gate-machine v-if="type === 'CAR'||type ==='PERSON' || type ==='CAMERA'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<mk-gate-machine
|
||||
v-if="type === 'CAR'||type ==='PERSON' || type ==='CAMERA'|| type ==='PERSON_MACHINE'|| type ==='CAR_MACHINE' "
|
||||
:id="id"
|
||||
:type="type"
|
||||
:gangkou="gangkou"
|
||||
:corp-id="corpInfoId"
|
||||
:gate-video-id="GATE_VIDEO_ID"
|
||||
:code = "code"
|
||||
:video-type="videoType"
|
||||
:name = "name" />
|
||||
<mk-gate-machine-cfd v-if="type === 'CAR00004'||type ==='PERSON00004' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
|
||||
<zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
|
||||
<video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<!--秦港一公司 边界入侵 详细页面 start-->
|
||||
<!--秦港一公司 边界入侵 详细页面 start-->
|
||||
<video-play-bianjieruqin v-if="type === 'bianjieruqin'" :id="id" :type="type" :gangkou="gangkou"/>
|
||||
<!--秦港一公司 边界入侵 详细页面 end-->
|
||||
<!--秦港一公司 八项作业 详细页面 start-->
|
||||
|
@ -180,6 +189,14 @@ export default {
|
|||
infoname: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
videoType: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
code: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="app-container print-work" style="width: 100%">
|
||||
<div v-if= "type !== 'CAMERA'" class="level-title">
|
||||
<div v-if="corpId == '035958e685cf4850bc40151c5e0617a6' " class="app-container print-work">
|
||||
<div v-if= "type !== 'CAMERA'" class="level-title">\
|
||||
<h1>区域名称:{{ info.GATE_AREA_NAME }}</h1>
|
||||
</div>
|
||||
<table v-if= "type !== 'CAMERA'" class="table-ui">
|
||||
|
@ -55,14 +55,91 @@
|
|||
<video-play v-if="type === 'CAMERA' && info.GATEVIDEO_ID" :id="info.GATEVIDEO_ID" :type="type" :gangkou="gangkou"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="app-container print-work">
|
||||
<div v-if= "type !== 'CAMERA'" class="level-title">
|
||||
<h1>区域名称:{{ info.GATE_AREA_NAME }}</h1>
|
||||
</div>
|
||||
<div v-if= "type !== 'CAMERA'" >
|
||||
<table v-for="(item,index) in varList" :key="index" class="table-ui">
|
||||
<tr>
|
||||
<td class="bbg-transparent">闸机名称</td>
|
||||
<td colspan="5">{{ item.GATE_NAME }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg-transparent">今日进</td>
|
||||
<td width="80px">{{ item.CAR_IN }}</td>
|
||||
<td class="bbg-transparent">今日出</td>
|
||||
<td width="80px">{{ item.CAR_OUT }}</td>
|
||||
<td class="bbg-transparent">当前滞留</td>
|
||||
<td width="80px">{{ item.CAR_IN - item.CAR_OUT }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<table v-if= "type != 'CAMERA'" class="table-ui">
|
||||
<tr v-if="carRecordAllList != null && carRecordAllList.length > 0">
|
||||
<td colspan="6">
|
||||
<table class="table-ui">
|
||||
<tr>
|
||||
<td class="bbg-transparent">车牌</td>
|
||||
<td class="bbg-transparent">时间</td>
|
||||
<td class="bbg-transparent">闸机</td>
|
||||
<td class="bbg-transparent">状态</td>
|
||||
</tr>
|
||||
<tr v-for="(item,index) in carRecordAllList" :key="index">
|
||||
<td>{{ item.LICENSE_PLATE }}</td>
|
||||
<td>{{ item.TIME }}</td>
|
||||
<td>{{ item.COMING_REASON }}</td>
|
||||
<td>{{ item.STATE == '0' ? '进港': '出港' }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="recordAllList != null && recordAllList.length > 0">
|
||||
<td colspan="6">
|
||||
<table class="table-ui">
|
||||
<tr>
|
||||
<td>卡号</td>
|
||||
<td>人员姓名</td>
|
||||
<td>刷卡时间</td>
|
||||
<td>闸机</td>
|
||||
<td>状态</td>
|
||||
</tr>
|
||||
<tr v-for="(item,index) in recordAllList" :key="index">
|
||||
<td>{{ item.CARDTYPE }}</td>
|
||||
<td>{{ item.USERNAME }}</td>
|
||||
<td>{{ item.TIME }}</td>
|
||||
<td>{{ item.EQUIPMENTNAME }}</td>
|
||||
<td>
|
||||
<span v-if="item.STATE == '0'">进</span>
|
||||
<span v-if="item.STATE == '1'">出</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div v-if= "type == 'CAMERA'" class="level-title">
|
||||
<h1>摄像头名称:{{ name }}</h1>
|
||||
</div>
|
||||
<table v-if= "type == 'CAMERA'" class="table-ui">
|
||||
<tr>
|
||||
<td class="bbg-transparent">编码</td>
|
||||
<td >{{ code }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="video">
|
||||
<video-play-gate v-if="type === 'CAMERA' && code" :id="code" :type="videoType" :gangkou="gangkou"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { requestFN } from '@/utils/request'
|
||||
import moment from 'moment'
|
||||
import videoPlay from './video_play.vue'
|
||||
import videoPlayGate from './video_play_gate.vue'
|
||||
export default {
|
||||
components: { videoPlay },
|
||||
components: { videoPlay, videoPlayGate },
|
||||
props: {
|
||||
id: {
|
||||
type: String,
|
||||
|
@ -79,19 +156,53 @@ export default {
|
|||
gangkou: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
corpId: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
GATE_VIDEO_ID: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
code: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
videoType: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
config: config,
|
||||
info: {},
|
||||
recordAllList: []
|
||||
recordAllList: [],
|
||||
varList: [],
|
||||
carRecordAllList: []
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.getData()
|
||||
this.getListData()
|
||||
if (this.type !== 'CAMERA') {
|
||||
this.getData()
|
||||
this.getListData()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
formatDate(date, format) {
|
||||
|
@ -106,8 +217,10 @@ export default {
|
|||
'/map/getGatesInAndOutNumById',
|
||||
{
|
||||
GATE_AREA_ID: this.id,
|
||||
GATE_VIDEO_ID: this.GATE_VIDEO_ID,
|
||||
TYPE: this.type,
|
||||
GANGKOU: this.gangkou
|
||||
GANGKOU: this.gangkou,
|
||||
CORPINFO_ID: this.corpId
|
||||
}
|
||||
).then((data) => {
|
||||
Object.assign(this.info, data.pd)
|
||||
|
@ -117,6 +230,7 @@ export default {
|
|||
this.info.CAR_OUT = 0
|
||||
this.info.PERSON_IN = 0
|
||||
this.info.PERSON_OUT = 0
|
||||
this.varList = data.pd.varList
|
||||
for (let i = 0; i < data.pd.varList.length; i++) {
|
||||
if (data.pd.varList[i].TYPE == 'CAR_IN') {
|
||||
this.info.CAR_IN = data.pd.varList[i].COUNT
|
||||
|
@ -132,6 +246,11 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
if (this.type == 'CAMERA') {
|
||||
Object.assign(this.info, data.pd.info)
|
||||
this.info.CODE = data.pd.video.EXTERNALINDEXCODE
|
||||
this.info.VIDEONAME = data.pd.video.NAME
|
||||
}
|
||||
|
||||
this.$forceUpdate()
|
||||
}).catch((e) => {
|
||||
|
@ -142,11 +261,14 @@ export default {
|
|||
'/map/getGatesInAndOutListById?showCount=10000¤tPage=1',
|
||||
{
|
||||
GATE_AREA_ID: this.id,
|
||||
GATE_VIDEO_ID: this.GATE_VIDEO_ID,
|
||||
TYPE: this.type,
|
||||
GANGKOU: this.gangkou
|
||||
GANGKOU: this.gangkou,
|
||||
CORPINFO_ID: this.corpId
|
||||
}
|
||||
).then((data) => {
|
||||
this.recordAllList = data.recordAllList
|
||||
this.carRecordAllList = data.carRecordAllList
|
||||
this.$forceUpdate()
|
||||
}).catch((e) => {
|
||||
})
|
||||
|
|
|
@ -126,7 +126,6 @@ export default {
|
|||
this.ImgList = data.ImgList
|
||||
this.measuresList = data.varList
|
||||
this.gongdanList = data.data
|
||||
console.info(this.gongdanList)
|
||||
}).catch((e) => {
|
||||
})
|
||||
}
|
||||
|
|
|
@ -105,7 +105,6 @@ export default {
|
|||
this.ImgList = data.ImgList
|
||||
this.measuresList = data.varList
|
||||
this.gongdanList = data.data
|
||||
console.info(this.gongdanList)
|
||||
}).catch((e) => {
|
||||
})
|
||||
}
|
||||
|
|
|
@ -0,0 +1,88 @@
|
|||
<template>
|
||||
<div>
|
||||
<div id="aLiVideoPlayer" class="prism-player"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { requestFN } from '@/utils/request'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
id: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default() {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
gangkou: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
requestUrl: {
|
||||
type: String,
|
||||
default: '/mkmjGateVideo/goAllVideo'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
hls: false,
|
||||
player: null,
|
||||
url: ''
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.player && this.player.dispose()
|
||||
},
|
||||
created() {
|
||||
this.showVideo()
|
||||
},
|
||||
methods: {
|
||||
showVideo() {
|
||||
requestFN(
|
||||
'/platform/door/video/getHlsPath',
|
||||
{
|
||||
INDEXCODE: this.id
|
||||
}
|
||||
).then((res) => {
|
||||
// for (let i = 0; i < data.videoList.length; i++) {
|
||||
// if (data.videoList[0].HLSVIDEOURL) {
|
||||
// this.url = data.videoList[0].GBSVIDEOURL
|
||||
// this.hls = true
|
||||
// } else {
|
||||
this.hls = false
|
||||
this.$nextTick(() => {
|
||||
// eslint-disable-next-line no-undef
|
||||
this.player = new Aliplayer({
|
||||
'id': 'aLiVideoPlayer',
|
||||
'source': res.data.url,
|
||||
'width': '100%',
|
||||
'height': '500px',
|
||||
'autoplay': true,
|
||||
'isLive': true,
|
||||
'rePlay': false,
|
||||
'playsinline': true,
|
||||
'preload': true,
|
||||
'controlBarVisibility': 'hover',
|
||||
'useH5Prism': true
|
||||
}, function(player) {
|
||||
console.log('The player is created')
|
||||
})
|
||||
})
|
||||
// }
|
||||
// }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
|
@ -279,7 +279,7 @@ export default {
|
|||
this.listLoading = false
|
||||
this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID = data.pd.MAJORDANGERSOURCE_DISPOSAL_ID
|
||||
this.disposal.DISPOSAL_TIME = data.pd.DISPOSAL_TIME
|
||||
console.info(this.disposal)
|
||||
|
||||
// this.dialogFormEdit = false
|
||||
// this.hasDisposal = false
|
||||
}).catch((e) => {
|
||||
|
@ -325,7 +325,7 @@ export default {
|
|||
this.uploadDisposalAfterFile()
|
||||
this.listLoading = true
|
||||
this.disposal.DISPOSAL_STATUS = '1'
|
||||
console.info(this.disposal)
|
||||
|
||||
requestFN(
|
||||
'/majordangersourcedisposal/' + methodName,
|
||||
this.disposal
|
||||
|
@ -334,7 +334,7 @@ export default {
|
|||
this.dialogFormEdit = false
|
||||
this.hasDisposal = false
|
||||
this.resetDisposal()
|
||||
console.info(this.disposal)
|
||||
|
||||
this.timer = setInterval(this.handleTimerOperation, 5000)
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
|
@ -354,7 +354,7 @@ export default {
|
|||
}
|
||||
}
|
||||
// formData.append('FFILE', this.disposal.disposalBeforeFile)
|
||||
console.info(this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID)
|
||||
|
||||
formData.append('FOREIGN_KEY', this.disposal.MAJORDANGERSOURCE_DISPOSAL_ID)
|
||||
formData.append('TYPE', 20)
|
||||
this.uploadFileSubmit(formData, '处置前照片上传完成')
|
||||
|
|
|
@ -215,6 +215,8 @@
|
|||
:corp-info-id="dialog.corpInfoId"
|
||||
:gangkou="gangkouActive"
|
||||
:infoname="dialog.infoname"
|
||||
:code="dialog.code"
|
||||
:video-type="dialog.video_type"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -229,7 +231,7 @@ import { requestFN } from '@/utils/request'
|
|||
import gangkouIndex from './components/gangkou_index.vue'
|
||||
import fengongsiIndex from './components/fengongsi_index.vue'
|
||||
import caofeidianIndex from './components/caofeidian_index.vue'
|
||||
import menjin from './components/menjin.vue'
|
||||
import menjin from './components/menjin_index.vue'
|
||||
import menjinCfd from './components/menjinCfd.vue'
|
||||
import xiaofang from './components/xiaofang.vue'
|
||||
import anquan from './components/anquan.vue'
|
||||
|
@ -427,7 +429,7 @@ export default {
|
|||
img: require('../../assets/map/gangkou_index/buttom/ico1.png'),
|
||||
checkImg: require('../../assets/map/gangkou_index/buttom/ico1_on.png'),
|
||||
type: 'PERSON',
|
||||
containAuthorization: [],
|
||||
containAuthorization: ['035958e685cf4850bc40151c5e0617a6'],
|
||||
eliminateAuthorization: []
|
||||
},
|
||||
{
|
||||
|
@ -437,9 +439,29 @@ export default {
|
|||
img: require('../../assets/map/gangkou_index/buttom/ico2.png'),
|
||||
checkImg: require('../../assets/map/gangkou_index/buttom/ico2_on.png'),
|
||||
type: 'CAR',
|
||||
containAuthorization: [],
|
||||
containAuthorization: ['035958e685cf4850bc40151c5e0617a6'],
|
||||
eliminateAuthorization: []
|
||||
},
|
||||
{
|
||||
label: '人员闸机', // 杂货公司的人员
|
||||
dialog_width: '800px',
|
||||
check: false,
|
||||
img: require('../../assets/map/gangkou_index/buttom/ico1.png'),
|
||||
checkImg: require('../../assets/map/gangkou_index/buttom/ico1_on.png'),
|
||||
type: 'PERSON_MACHINE',
|
||||
containAuthorization: ['allCorp'],
|
||||
eliminateAuthorization: ['035958e685cf4850bc40151c5e0617a6']
|
||||
},
|
||||
{
|
||||
label: '车辆闸机', // 杂货公司的车辆
|
||||
dialog_width: '600px',
|
||||
check: false,
|
||||
img: require('../../assets/map/gangkou_index/buttom/ico2.png'),
|
||||
checkImg: require('../../assets/map/gangkou_index/buttom/ico2_on.png'),
|
||||
type: 'CAR_MACHINE',
|
||||
containAuthorization: ['allCorp'],
|
||||
eliminateAuthorization: ['035958e685cf4850bc40151c5e0617a6']
|
||||
},
|
||||
{
|
||||
label: '摄像头',
|
||||
dialog_width: '600px',
|
||||
|
@ -1206,7 +1228,7 @@ export default {
|
|||
}
|
||||
const point_type = pick.id._monitoItems.data.point_type
|
||||
if (point_type.indexOf('标记点') !== -1) {
|
||||
const { label, point_type, data_id, corpInfoId, dialog_width, infoname } = 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.title = label
|
||||
this.dialog.type = point_type.substring(3)
|
||||
|
@ -1214,6 +1236,9 @@ export default {
|
|||
this.dialog.corpInfoId = corpInfoId
|
||||
this.dialog.infoname = infoname
|
||||
this.dialog.width = dialog_width || '50%'
|
||||
this.dialog.code = code
|
||||
this.dialog.video_type = video_type
|
||||
this.dialog.name = name
|
||||
}
|
||||
} else {
|
||||
this.closeBubbles()
|
||||
|
@ -1815,7 +1840,9 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' && urlType === 'peoplePosition') {
|
||||
if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' &&
|
||||
this.CORP_INFO_ID === '033549ed3bd648e49c8a65eb4993ec2f' &&
|
||||
urlType === 'peoplePosition') {
|
||||
this.clearRYDWPoint('+/UwbBQ/')
|
||||
this.removeTrajectory()
|
||||
}
|
||||
|
@ -1853,12 +1880,23 @@ export default {
|
|||
this.cfdBottomOptionsList[pindex].list[index].check = true
|
||||
this.bottomOptionsList[pindex].list[index].check = false
|
||||
}
|
||||
console.info('---------')
|
||||
console.info('---------')
|
||||
console.info(this.CORP_INFO_ID === '033549ed3bd648e49c8a65eb4993ec2f')
|
||||
console.info('---------')
|
||||
console.info('---------')
|
||||
|
||||
if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '035958e685cf4850bc40151c5e0617a6' && urlType === 'peoplePosition') {
|
||||
!this.connecting ? this.createConnection(this.CORP_INFO_ID) : this.doSubscribe()
|
||||
} else if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' && urlType === 'peoplePosition') {
|
||||
} else if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '21590a00ea5e462e9ee44dd332dddc26' &&
|
||||
urlType === 'peoplePosition') {
|
||||
// websocket实时获取人员定位
|
||||
console.info('Assssssss')
|
||||
this.initRYDWWebsocket('21590a00ea5e462e9ee44dd332dddc26')
|
||||
} else if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '033549ed3bd648e49c8a65eb4993ec2f' && urlType === 'peoplePosition') {
|
||||
// websocket实时获取人员定位
|
||||
console.info('Assssssss')
|
||||
this.initRYDWWebsocket('033549ed3bd648e49c8a65eb4993ec2f')
|
||||
} else {
|
||||
requestFN(
|
||||
pointUrl,
|
||||
|
@ -1871,6 +1909,7 @@ export default {
|
|||
).then(async(data) => {
|
||||
const points = []
|
||||
const varList = this.filterNull(data.varList)
|
||||
console.info(data)
|
||||
for (let i = 0; i < varList.length; i++) {
|
||||
const point = {}
|
||||
point.id = pindex + '_' + index + '_' + i
|
||||
|
@ -1913,6 +1952,7 @@ export default {
|
|||
}
|
||||
points.push(point)
|
||||
}
|
||||
console.info(points)
|
||||
if (this.gangkouActive === '00004' && urlType === 'carPosition') {
|
||||
this.timerCfdCarDingwei()
|
||||
this.carLocArr = points
|
||||
|
@ -2751,6 +2791,8 @@ export default {
|
|||
if (containAuthorization.length === 0) return true
|
||||
if (containAuthorization.includes(CORP_INFO_ID)) {
|
||||
return true
|
||||
} else if (containAuthorization.includes('allCorp') && CORP_INFO_ID) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
|
|
|
@ -112,14 +112,46 @@ export default class DragEntity {
|
|||
}
|
||||
}
|
||||
if (value.point_type.indexOf('标记点') !== -1) {
|
||||
billboard = {
|
||||
image: imgMap['img' + value.icon_type],
|
||||
height: 36,
|
||||
width: 30,
|
||||
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
||||
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
||||
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
||||
if (value.label == '人员闸机') {
|
||||
billboard = {
|
||||
image: imgMap['img0_0' ],
|
||||
height: 36,
|
||||
width: 30,
|
||||
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
||||
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
||||
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
||||
}
|
||||
} else if (value.label == '车辆闸机') {
|
||||
billboard = {
|
||||
image: imgMap['img0_1' ],
|
||||
height: 36,
|
||||
width: 30,
|
||||
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
||||
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
||||
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
||||
}
|
||||
} else if (value.label == '摄像头') {
|
||||
billboard = {
|
||||
image: imgMap['img0_2' ],
|
||||
height: 36,
|
||||
width: 30,
|
||||
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
||||
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
||||
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
||||
}
|
||||
} else {
|
||||
billboard = {
|
||||
image: imgMap['img' + value.icon_type],
|
||||
height: 36,
|
||||
width: 30,
|
||||
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
||||
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
||||
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
||||
}
|
||||
}
|
||||
}
|
||||
// 曹妃甸使用
|
||||
|
|
|
@ -595,7 +595,7 @@ export default {
|
|||
this.$refs.form.validate(valid => {
|
||||
if (valid) {
|
||||
requestFN(
|
||||
'/safetyenvironmental/V2/finalcheck',
|
||||
'/hidden/finalcheck',
|
||||
{
|
||||
HIDDEN_ID: this.HIDDEN_ID,
|
||||
FINAL_CHECKDESCR: this.form.FINAL_CHECKDESCR,
|
||||
|
|
|
@ -330,7 +330,7 @@ export default {
|
|||
hiddenCount(INSPECTION_ID) {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/safetyenvironmental/V2/hiddencount',
|
||||
'/safetyenvironmentalexplain/hiddencount',
|
||||
{
|
||||
INSPECTION_ID: INSPECTION_ID
|
||||
}
|
||||
|
@ -347,10 +347,9 @@ export default {
|
|||
},
|
||||
// 完成
|
||||
subCanvas(img64) {
|
||||
console.info('img64:' + img64)
|
||||
this.form.INSPECTED_SITEUSER_SIGN_IMG = img64
|
||||
this.$set(this.form, 'INSPECTED_SITEUSER_SIGN_TIME', formatDate(new Date(), 'YYYY-MM-DD HH:mm'))
|
||||
console.info(this.form)
|
||||
|
||||
this.dialogWriteSign = false
|
||||
},
|
||||
|
||||
|
|
|
@ -96,7 +96,7 @@
|
|||
<el-col :span="11">
|
||||
<el-form-item label="检查人员" prop="INSPECTION_USER_ID">
|
||||
<el-select v-model="item.INSPECTION_USER_ID" clearable placeholder="请选择检查人员" @change="changeHiddenUserList">
|
||||
<el-option v-for="data in INSPECTED_SITEUSER_List" :key="data.USER_ID" :label="data.NAME" :value="data.NAME" />
|
||||
<el-option v-for="data in INSPECTOR_List[index]" :key="data.USER_ID" :label="data.NAME" :value="data.USER_ID" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
@ -530,7 +530,7 @@ export default {
|
|||
this.INSPECTED_SITEUSER_List = []
|
||||
}
|
||||
if (newVal != null && newVal != '') {
|
||||
this.getXgfUserList(newVal)
|
||||
this.getUserList(newVal)
|
||||
}
|
||||
},
|
||||
immediate: false
|
||||
|
@ -600,7 +600,9 @@ export default {
|
|||
updateInspecteDept(DEPARTMENT_ID, i) {
|
||||
// this.form.inspectorList[i].INSPECTION_USER_ID = ''
|
||||
// this.getInspectorList(DEPARTMENT_ID, i)
|
||||
this.getXgfUserList(DEPARTMENT_ID)
|
||||
// this.getXgfUserList(DEPARTMENT_ID)
|
||||
this.form.inspectorList[i].INSPECTION_USER_ID = ''
|
||||
this.getInspectorList(DEPARTMENT_ID, i)
|
||||
},
|
||||
// 获取人员列表
|
||||
getInspectorList(DEPARTMENT_ID, i) {
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="./css/style.css" />
|
||||
<link rel="stylesheet" href="./swiper-master/package/swiper-bundle.min.css">
|
||||
<script src="./js/vue.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="./js/jquery-3.7.1.min.js"></script>
|
||||
<script src="../config.js"></script>
|
||||
<script src="./js/sweetalert.min.js"></script>
|
||||
<script src="./js/ezuikit.js"></script>
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -16,7 +16,7 @@
|
|||
<script src="js/IndoorMap3d.js"></script>
|
||||
<script src="js/Theme.js"></script>
|
||||
<link href="css/indoor3D.css" rel="stylesheet">
|
||||
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../js/pre-loader.js"></script>
|
||||
<!-- vue -->
|
||||
<script src="../js/vue.js"></script>
|
||||
|
|
|
@ -71,7 +71,7 @@
|
|||
<a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
|
||||
</div>
|
||||
-->
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -373,7 +373,7 @@
|
|||
<div style="padding: 0 20px;">
|
||||
<a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
|
||||
</div>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -81,7 +81,7 @@
|
|||
</div>
|
||||
|
||||
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"></script>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -91,7 +91,7 @@
|
|||
|
||||
|
||||
<!--<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"></script>-->
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script src="../../assets/js/vant.min.js"></script>
|
||||
|
|
|
@ -116,7 +116,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src=".../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script src="../../assets/js/vant.min.js"></script>
|
||||
|
|
|
@ -119,7 +119,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<!--全局配置-->
|
||||
<script src="../../../config.js"></script>
|
||||
<script src="../../assets/js/vant.min.js"></script>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<style>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
|
|
|
@ -70,7 +70,7 @@
|
|||
<div style="padding: 0 20px;">
|
||||
<a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
|
||||
</div>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -85,7 +85,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<!--全局配置-->
|
||||
<script src="../../../config.js"></script>
|
||||
<script src="../../assets/js/vant.min.js"></script>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<style>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
|
|
|
@ -321,7 +321,7 @@
|
|||
<div style="padding: 0 20px;">
|
||||
<a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
|
||||
</div>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -82,7 +82,7 @@
|
|||
|
||||
|
||||
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"></script>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -60,7 +60,7 @@
|
|||
<div style="padding: 0 20px;margin-top:20px">
|
||||
<a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
|
||||
</div>
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
|
|
@ -49,7 +49,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
|
||||
<script src="../../../bi/js/sweetalert.min.js"></script>
|
||||
<script src="../../../request.js"></script>
|
||||
|
|
Loading…
Reference in New Issue