Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Sign in
Toggle navigation
Z
zhxf_vue
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
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
葛齐林
zhxf_vue
Commits
ec84a979
Commit
ec84a979
authored
May 13, 2021
by
xiexingan
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'dev' of gitlab.suntrayoa.com:geqilin/zhxf_vue into dev
parents
1c1e0574
4b937855
Changes
2
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
795 additions
and
698 deletions
+795
-698
no-query-detail.vue
src/pages/ol/demo/no-query-detail.vue
+377
-279
query-detail.vue
src/pages/ol/demo/query-detail.vue
+418
-419
No files found.
src/pages/ol/demo/no-query-detail.vue
View file @
ec84a979
This diff is collapsed.
Click to expand it.
src/pages/ol/demo/query-detail.vue
View file @
ec84a979
...
@@ -77,19 +77,19 @@
...
@@ -77,19 +77,19 @@
//- <p class="leftP">线路站点 : <span>
{{
dataForm
.
lineStation
}}
</span></p>
//- <p class="leftP">线路站点 : <span>
{{
dataForm
.
lineStation
}}
</span></p>
//- </div>
//- </div>
<div class="quDetailM">
<div class="quDetailM">
<p class="leftP">资源点名称 :
{{
dataForm
.
name
}}
枪机
</p>
<p class="leftP">资源点名称 :
{{
dataForm
.
name
}}
</p>
</div>
</div>
<div class="quDetailM">
<div class="quDetailM">
<p class="leftP">资源点类型 :
{{
dataForm
.
typeName
}}
枪机
</p>
<p class="leftP">资源点类型 :
{{
dataForm
.
typeName
}}
</p>
</div>
</div>
<div class="quDetailM">
<div class="quDetailM">
<p class="leftP">资源点编码 :
{{
dataForm
.
code
}}
QJ-0002
</p>
<p class="leftP">资源点编码 :
{{
dataForm
.
code
}}
</p>
</div>
</div>
<div class="quDetailM">
<div class="quDetailM">
<p class="leftP">资源点状态 :
{{
dataForm
.
status
==
1
?
'
正常'
:
'异常
'
}}
</p>
<p class="leftP">资源点状态 :
{{
dataForm
.
status
==
1
?
'
在线'
:
'离线
'
}}
</p>
</div>
</div>
<div class="quDetailM">
<div class="quDetailM">
<p class="leftP">部署位置 :
{{
dataForm
.
deployLocation
}}
场景一
</p>
<p class="leftP">部署位置 :
{{
dataForm
.
deployLocation
}}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -200,58 +200,56 @@ export default {
...
@@ -200,58 +200,56 @@ export default {
if
(
data
&&
data
.
code
===
0
)
{
if
(
data
&&
data
.
code
===
0
)
{
this
.
dataForm
=
data
.
bean
this
.
dataForm
=
data
.
bean
//如果当前设备摄像头为离线状态,则不加载画面
//如果当前设备摄像头为离线状态,则不加载画面
if
(
data
.
bean
.
byx2
==
0
&&
this
.
flvPlayer
)
{
// if (data.bean.byx2 == 0 && this.flvPlayer) {
//资源点状态(0=离线,1=在线)
// //资源点状态(0=离线,1=在线)
this
.
flvPlayer
.
pause
()
// this.flvPlayer.pause()
this
.
flvPlayer
.
unload
()
// this.flvPlayer.unload()
this
.
flvPlayer
.
detachMediaElement
()
// this.flvPlayer.detachMediaElement()
this
.
flvPlayer
.
destroy
()
// this.flvPlayer.destroy()
this
.
flvPlayer
=
null
// this.flvPlayer = null
return
// return
}
else
if
(
data
.
bean
.
byx2
==
0
&&
!
this
.
flvPlayer
)
{
// } else if (data.bean.byx2 == 0 && !this.flvPlayer) {
return
// return
}
else
if
(
this
.
flvPlayer
)
{
// } else if (this.flvPlayer) {
this
.
flvPlayer
.
pause
()
// this.flvPlayer.pause()
this
.
flvPlayer
.
unload
()
// this.flvPlayer.unload()
this
.
flvPlayer
.
detachMediaElement
()
// this.flvPlayer.detachMediaElement()
this
.
flvPlayer
.
destroy
()
// this.flvPlayer.destroy()
this
.
flvPlayer
=
null
// this.flvPlayer = null
}
// }
this
.
$http
({
// this.$http({
url
:
this
.
$http
.
adornUrlEq
(
'/camera/camerasPlay'
),
// url: this.$http.adornUrlEq('/camera/camerasPlay'),
method
:
'post'
,
// method: 'post',
data
:
{
// data: {
id
:
data
.
bean
.
id
,
// id: data.bean.id,
stationId
:
data
.
bean
.
stationId
,
// stationId: data.bean.stationId,
userId
:
localStorage
.
getItem
(
'userId'
),
// userId: localStorage.getItem('userId'),
levelType
:
1
,
// levelType: 1,
controlType
:
3
// controlType: 3
}
// }
}).
then
((
data
)
=>
{
// }).then((data) => {
if
(
data
&&
data
.
code
===
0
)
{
// if (data && data.code === 0) {
this
.
videoSrc
=
data
.
url
// this.videoSrc = data.url
//视频连接
// //视频连接
this
.
flvPlayer
=
null
// this.flvPlayer = null
if
(
flvjs
.
isSupported
())
{
// if (flvjs.isSupported()) {
this
.
flvPlayer
=
flvjs
.
createPlayer
({
// this.flvPlayer = flvjs.createPlayer({
type
:
'flv'
,
// type: 'flv',
enableWorker
:
true
,
//浏览器端开启flv.js的worker,多进程运行flv.js
// enableWorker: true, //浏览器端开启flv.js的worker,多进程运行flv.js
isLive
:
true
,
//直播模式
// isLive: true, //直播模式
hasAudio
:
false
,
//关闭音频
// hasAudio: false, //关闭音频
hasVideo
:
true
,
// hasVideo: true,
stashInitialSize
:
128
,
// stashInitialSize: 128,
enableStashBuffer
:
false
,
//播放flv时,设置是否启用播放缓存,只在直播起作用。
// enableStashBuffer: false, //播放flv时,设置是否启用播放缓存,只在直播起作用。
url
:
this
.
videoSrc
// url: this.videoSrc
})
// })
this
.
$nextTick
(
function
()
{
// this.$nextTick(function() {
this
.
flvPlayer
.
attachMediaElement
(
// this.flvPlayer.attachMediaElement(this.$refs.video)
this
.
$refs
.
video
// this.flvPlayer.load()
)
// })
this
.
flvPlayer
.
load
()
// }
})
// }
}
// })
}
})
}
}
})
})
},
},
...
@@ -357,7 +355,8 @@ export default {
...
@@ -357,7 +355,8 @@ export default {
font-weight
:
bold
;
font-weight
:
bold
;
}
}
.info-video
{
.info-video
{
padding
:
10px
;
height
:
160px
;
padding
:
10px
;
height
:
160px
;
}
}
.info-form
{
.info-form
{
padding
:
10px
;
padding
:
10px
;
...
@@ -369,8 +368,8 @@ export default {
...
@@ -369,8 +368,8 @@ export default {
width
:
100%
;
width
:
100%
;
}
}
.video
{
.video
{
width
:
100%
;
height
:
180px
;
width
:
100%
;
height
:
180px
;
}
}
.animation
{
.animation
{
animation
:
myfirst
1s
;
animation
:
myfirst
1s
;
...
...
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