Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Z
ZiBoYingJI
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kimber
ZiBoYingJI
Commits
9b94b542
Commit
9b94b542
authored
Aug 05, 2024
by
xinzhedeai
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://h.gemho.cn:7099/18963165066/ziboyingji
parents
8e78632b
00ddc6aa
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
125 additions
and
86 deletions
+125
-86
index.html
public/datav/index.html
+116
-73
open-air.html
public/datav/open-air.html
+9
-13
No files found.
public/datav/index.html
View file @
9b94b542
...
...
@@ -178,24 +178,11 @@
<select
style=
"margin:0 20px;"
>
<option
value=
"1"
>
淄博市
</option>
</select>
<select
style=
"margin:0 20px;"
>
<option
value=
"370305"
>
临淄区
</option>
<option
value=
"370306"
>
周村区
</option>
<option
value=
"370302"
>
淄川区
</option>
<option
value=
"370303"
>
张店区
</option>
<option
value=
"370304"
>
博山区
</option>
<option
value=
"370321"
>
桓台县
</option>
<option
value=
"370322"
>
高青县
</option>
<option
value=
"370323"
>
沂源县
</option>
<select
style=
"margin:0 20px;"
id=
"selectArea"
>
<option
v-for=
"(item, i) in selectArea"
:value=
"item.id"
>
{{item.name}}
</option>
</select>
<select
style=
"margin:0 20px;width:120px;"
id=
"selectCompany"
>
<option
value=
"1"
>
请选择矿山企业
</option>
<option
value=
"2"
>
淄博卓正新材料科技有限公司
</option>
<option
value=
"3"
>
淄博凯运达运贸有限公司石厂
</option>
<option
value=
"4"
>
淄博博望矿业有限责任公司
</option>
<option
value=
"5"
>
淄博洪泉石料厂
</option>
<option
value=
"6"
>
淄博市淄川区岭子镇杨家村石料厂
</option>
<option
value=
"7"
>
山东宝山科技有限公司水泥用灰岩矿
</option>
<option
v-for=
"(item, i) in selectUnit"
:value=
"item.id"
>
{{item.name}}
</option>
</select>
</div>
<div>
...
...
@@ -834,9 +821,9 @@
<!-- cookie -->
<script
src=
"js/js.cookie.js"
></script>
<script>
const
host
=
location
.
protocol
+
'
//
'
+
(
location
.
hostname
===
'
192.168.3.226
'
?
'
192.168.3.37
'
:
'
192.168.13.200
'
)
+
'
:8013
'
;
//const host = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.3.37' : '192.168.13.200') + ':8013';
const
host
=
location
.
protocol
+
'
//
'
+
(
location
.
hostname
===
'
192.168.3.226
'
?
'
192.168.2.200
'
:
'
192.168.13.200
'
)
+
'
:8013
'
;
const
selfHost
=
location
.
hostname
===
'
192.168.3.226
'
?
'
http://192.168.3.226:8057
'
:
location
.
protocol
+
'
//
'
+
window
.
location
.
host
;
...
...
@@ -963,7 +950,7 @@
isMaskShow
:
false
,
maskTabs
:
[
'
全部
'
,
'
审核中
'
,
'
已通过
'
,
'
未通过
'
],
maskActive
:
0
,
pieList
:
[
],
pieList
:
[],
// marker 弹窗
markerMask
:
false
,
...
...
@@ -972,6 +959,9 @@
markerType
:
null
,
markerTypeName
:
[
'
应急队伍
'
,
'
应急物资
'
,
'
应急预案
'
,
'
应急演练
'
],
markerSearchName
:
''
,
// 搜索的对应 应急队伍、应急物资、应急预案、应急演练 名称
selectArea
:[],
selectUnit
:[],
}
},
watch
:
{
...
...
@@ -1042,15 +1032,114 @@
};
};
}; */
// 区域列表
this
.
reqSelectArea
();
var
selectArea
=
document
.
getElementById
(
"
selectArea
"
);
selectArea
.
onchange
=
function
(
e
){
var
value
=
this
.
selectedOptions
[
0
].
value
;
this
.
reqEnterprise
(
value
);
};
// 企业选择列表
var
selectCompany
=
document
.
getElementById
(
"
selectCompany
"
);
selectCompany
.
onchange
=
function
(
e
){
var
tag
=
e
.
target
||
e
.
srcElement
;
window
.
location
.
reload
()
}
var
value
=
this
.
selectedOptions
[
0
].
value
;
//
window.location.reload()
}
;
},
methods
:
{
reqSelectArea
(){
axios
.
get
(
host
+
'
/api/yingji/deptandenterprise/dept
'
).
then
(
res
=>
{
res
=
res
.
data
;
this
.
selectArea
=
res
.
body
;
this
.
reqEnterprise
(
res
.
body
[
0
].
id
);
});
},
reqEnterprise
(
value
){
var
req
=
{
params
:
{
deptId
:
value
}
};
axios
.
get
(
host
+
'
/api/yingji/deptandenterprise/enterprise
'
,
req
).
then
(
res
=>
{
res
=
res
.
data
;
console
.
log
(
'
enterprise ________________
'
,
res
);
this
.
selectUnit
=
res
.
body
;
var
value
=
res
.
body
[
0
].
id
;
this
.
reqMines
(
value
);
});
},
reqMines
(
id
){
var
loading
=
this
.
$loading
({
lock
:
true
,
text
:
'
加载中
'
,
// spinner: 'el-icon-loading',
background
:
'
rgba(0, 0, 0, 0.7)
'
});
// 查询全部矿山
var
req
=
{
params
:
{
enterpriseId
:
id
}
};
axios
.
get
(
host
+
'
/api/datav/mine
'
,
req
).
then
(
res
=>
{
this
.
mineList
=
res
&&
res
.
data
&&
res
.
data
.
results
;
this
.
mineNumber1
=
this
.
mineList
.
filter
(
x
=>
x
.
mineType
==
1
).
length
;
this
.
mineNumber2
=
this
.
mineList
.
filter
(
x
=>
x
.
mineType
==
2
).
length
;
this
.
mineNumber3
=
this
.
mineList
.
filter
(
x
=>
x
.
mineType
==
3
).
length
;
this
.
mineNumber4
=
this
.
mineList
.
filter
(
x
=>
x
.
hasEnable
==
false
).
length
;
const
markerUpdater
=
this
.
mineList
.
filter
(
mine
=>
{
if
(
!
mine
.
longitude
||
!
mine
.
latitude
)
{
return
false
;
}
return
true
;
}).
map
(
mine
=>
{
return
{
id
:
'
t
'
+
mine
.
mineType
+
'
id
'
+
mine
.
id
,
mineType
:
mine
.
mineType
,
mineId
:
mine
.
id
,
longitude
:
mine
.
longitude
,
latitude
:
mine
.
latitude
,
type
:
mine
.
mineType
,
name
:
mine
.
name
,
number
:
mine
.
code
||
'
-
'
,
address
:
mine
.
address
||
'
-
'
,
userName
:
mine
.
liablePerson
||
'
-
'
,
mobile
:
mine
.
liablePersonPhone
||
'
-
'
,
team
:
mine
.
emergencyTeamNumber
||
0
,
supplies
:
mine
.
emergencySuppliesNumber
||
0
,
plan
:
mine
.
emergencyPlanNumber
||
0
,
drill
:
mine
.
emergencyDrillNumber
||
0
};
});
/* this.marker = [
{ id: 0, longitude: '117.855635', latitude: '37.065754', mineType: 0, mineId: 0, type: 0, name: '应急管理局', number: '0', address: '平度市东阁街道', userName: '某某某', mobile: '18888888888', team: 0, supplies: 0, plan: 0, drill: 0 }
, ...markerUpdater
]; */
this
.
marker
=
[...
markerUpdater
];
console
.
log
(
'
this.marker ________________
'
,
this
.
marker
);
loading
.
close
();
this
.
isReady
=
true
;
// 准备地图
this
.
setMap
();
// 初始化
//_5minus();
this
.
getData
();
});
},
// -------------------------------------------------------------------
querySearchAsync
(
queryString
,
cb
)
{
var
results
=
queryString
?
this
.
marker
.
filter
(
v
=>
v
.
name
.
indexOf
(
queryString
)
!=
-
1
)
:
this
.
marker
...
...
@@ -1541,11 +1630,9 @@
{
text
:
'
报警处理率
'
,
percent
:
rn6
,
legend
:
rn6
+
'
%
'
}
]
}
},
async
getData
(
refesh
)
{
var
loading
;
this
.
refreshTimes
=
this
.
refreshTimes
+
1
;
/**
* 5分钟1次
...
...
@@ -1584,60 +1671,16 @@
* 仅第一次加载时执行
*/
if
(
!
refesh
)
{
loading
=
this
.
$loading
({
lock
:
true
,
text
:
'
加载中
'
,
// spinner: 'el-icon-loading',
background
:
'
rgba(0, 0, 0, 0.7)
'
});
// 查询全部矿山
axios
.
get
(
host
+
'
/api/datav/mine
'
).
then
(
res
=>
{
this
.
mineList
=
res
&&
res
.
data
&&
res
.
data
.
results
;
this
.
mineNumber1
=
this
.
mineList
.
filter
(
x
=>
x
.
mineType
==
1
).
length
;
this
.
mineNumber2
=
this
.
mineList
.
filter
(
x
=>
x
.
mineType
==
2
).
length
;
this
.
mineNumber3
=
this
.
mineList
.
filter
(
x
=>
x
.
mineType
==
3
).
length
;
this
.
mineNumber4
=
this
.
mineList
.
filter
(
x
=>
x
.
hasEnable
==
false
).
length
;
const
markerUpdater
=
this
.
mineList
.
filter
(
mine
=>
{
if
(
!
mine
.
longitude
||
!
mine
.
latitude
)
{
return
false
;
}
return
true
;
}).
map
(
mine
=>
{
return
{
id
:
'
t
'
+
mine
.
mineType
+
'
id
'
+
mine
.
id
,
mineType
:
mine
.
mineType
,
mineId
:
mine
.
id
,
longitude
:
mine
.
longitude
,
latitude
:
mine
.
latitude
,
type
:
mine
.
mineType
,
name
:
mine
.
name
,
number
:
mine
.
code
||
'
-
'
,
address
:
mine
.
address
||
'
-
'
,
userName
:
mine
.
liablePerson
||
'
-
'
,
mobile
:
mine
.
liablePersonPhone
||
'
-
'
,
team
:
mine
.
emergencyTeamNumber
||
0
,
supplies
:
mine
.
emergencySuppliesNumber
||
0
,
plan
:
mine
.
emergencyPlanNumber
||
0
,
drill
:
mine
.
emergencyDrillNumber
||
0
};
});
this
.
marker
=
[
{
id
:
0
,
longitude
:
'
117.855635
'
,
latitude
:
'
37.065754
'
,
mineType
:
0
,
mineId
:
0
,
type
:
0
,
name
:
'
应急管理局
'
,
number
:
'
0
'
,
address
:
'
平度市东阁街道
'
,
userName
:
'
某某某
'
,
mobile
:
'
18888888888
'
,
team
:
0
,
supplies
:
0
,
plan
:
0
,
drill
:
0
}
,
...
markerUpdater
];
loading
.
close
();
this
.
isReady
=
true
;
// 准备地图
this
.
setMap
();
// 初始化
_5minus
();
});
//this.reqMines();
}
if
(
this
.
refreshTimes
%
60
==
0
)
{
_5minus
();
}
setTimeout
(()
=>
this
.
getData
(
'
refesh
'
),
10
*
1000
);
// 10秒一个刷新周期
_5minus
();
setTimeout
(()
=>
this
.
getData
(
'
refesh
'
),
15
*
1000
);
// 10秒一个刷新周期
},
// 危险作业列表
...
...
public/datav/open-air.html
View file @
9b94b542
...
...
@@ -443,7 +443,8 @@
console
.
log
(
'
selectedMineJson ________________
'
,
this
.
selectedMine
);
...
...
@@ -459,24 +460,24 @@
"
appKey
"
:
"
54309ca903e94a9bb14b7f0a69b0da94
"
,
"
appSecret
"
:
"
446ece35fb3a65264a04375b72246b1f
"
,
"
list
"
:
[
{
"
name
"
:
"
视频
2@DS-7804N-K
1
"
,
"
channel
"
:
"
2
.hd.live
"
,
/*
{
"name": "视频1",
"channel": "
1
.hd.live",
"id": "G67791074",
"remark": "无",
"captcha": ""
},
{
"
name
"
:
"
视频
1
"
,
"
channel
"
:
"
1
.hd.live
"
,
"name": "视频
2
",
"channel": "
2
.hd.live",
"id": "G67791073",
"remark": "无",
"captcha": ""
}
}
*/
],
};
if
(
this
.
selectedMine
.
code
===
"
1225421
"
||
true
){
if
(
this
.
selectedMine
.
code
===
"
3703023006
"
){
res
=
{
"
appKey
"
:
"
6039de9e0bf44407a15a15553986433c
"
,
"
appSecret
"
:
"
fb498de47fb488e14305ff300bd30d27
"
,
...
...
@@ -512,9 +513,6 @@
],
};
};
console
.
log
(
'
selectedMineJson ________________
'
,
this
.
selectedMine
);
this
.
info
=
{
appKey
:
res
.
appKey
,
...
...
@@ -536,8 +534,6 @@
var
video
=
document
.
getElementById
(
"
video-container
"
);
video
.
innerHTML
=
''
;
this
.
player
=
new
EZUIKit
.
EZUIKitPlayer
({
autoplay
:
true
,
id
:
"
video-container
"
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment