Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
V
video-monitoring
Project
Project
Details
Activity
Releases
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
刘怀志
video-monitoring
Commits
37bb190e
Commit
37bb190e
authored
Aug 12, 2024
by
拾柒
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改bug
parent
dfd04c23
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
86 additions
and
54 deletions
+86
-54
index.scss
src/assets/styles/index.scss
+3
-1
index.vue
src/components/TopNav/index.vue
+1
-1
Navbar.vue
src/layout/components/Navbar.vue
+6
-1
index.vue
src/views/employee/index.vue
+41
-32
index.vue
src/views/history/index.vue
+17
-2
index.vue
src/views/video/index.vue
+16
-16
playback.vue
src/views/video/playback.vue
+2
-1
No files found.
src/assets/styles/index.scss
View file @
37bb190e
...
@@ -126,7 +126,9 @@ aside {
...
@@ -126,7 +126,9 @@ aside {
height
:
100vh
;
/* 视口高度 */
height
:
100vh
;
/* 视口高度 */
margin
:
0
;
margin
:
0
;
//padding: 0;
//padding: 0;
overflow
:
hidden
;
/* 防止内容溢出 */
//overflow: hidden; /* 防止内容溢出 */
overflow-y
:
auto
;
overflow-x
:
hidden
;
padding-left
:
40px
;
padding-left
:
40px
;
padding-right
:
40px
;
padding-right
:
40px
;
padding-top
:
20px
;
padding-top
:
20px
;
...
...
src/components/TopNav/index.vue
View file @
37bb190e
...
@@ -214,7 +214,7 @@ export default {
...
@@ -214,7 +214,7 @@ export default {
this
.
roles
=
this
.
$store
.
getters
.
roles
;
this
.
roles
=
this
.
$store
.
getters
.
roles
;
},
},
created
()
{
created
()
{
this
.
getinfo
();
//
this.getinfo();
},
},
methods
:
{
methods
:
{
updateBackTag
(
path
)
{
updateBackTag
(
path
)
{
...
...
src/layout/components/Navbar.vue
View file @
37bb190e
...
@@ -40,7 +40,7 @@
...
@@ -40,7 +40,7 @@
<!--
</el-form-item>
-->
<!--
</el-form-item>
-->
</el-form>
</el-form>
<span
slot=
"footer"
class=
"dialog-footer"
>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click
.
native=
"resetPwdVisible = false
"
>
取 消
</el-button>
<el-button
@
click
=
"closePwd
"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"submit"
>
确 定
</el-button>
<el-button
type=
"primary"
@
click=
"submit"
>
确 定
</el-button>
</span>
</span>
</el-dialog>
</el-dialog>
...
@@ -148,12 +148,17 @@ export default {
...
@@ -148,12 +148,17 @@ export default {
}
}
},
},
methods
:
{
methods
:
{
closePwd
()
{
this
.
resetPwdVisible
=
false
this
.
$refs
[
'form'
].
resetFields
();
},
submit
()
{
submit
()
{
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
if
(
valid
)
{
if
(
valid
)
{
updateUserPwd
(
this
.
user
.
oldPassword
,
this
.
user
.
newPassword
).
then
(
response
=>
{
updateUserPwd
(
this
.
user
.
oldPassword
,
this
.
user
.
newPassword
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
"修改成功"
);
this
.
$modal
.
msgSuccess
(
"修改成功"
);
this
.
resetPwdVisible
=
false
;
this
.
resetPwdVisible
=
false
;
this
.
$refs
[
'form'
].
resetFields
();
});
});
}
}
});
});
...
...
src/views/employee/index.vue
View file @
37bb190e
<
template
>
<
template
>
<div
class=
"app-container"
>
<div
class=
"app-container"
>
<div
style=
"background-color: #F6F6FA;
height: 95vh;
padding-left: 30px;padding-right: 30px"
>
<div
style=
"background-color: #F6F6FA;
margin-bottom:20px;
padding-left: 30px;padding-right: 30px"
>
<div>
<div>
<span
style=
"display: flex;justify-content: flex-start;align-items: center;"
><div
style=
"border: 1px solid #116FBB;width: 2px;height: 20px;margin-right: 5px"
></div><h5
style=
"color: #116FBB"
>
员工信息管理
</h5></span>
<span
style=
"display: flex;justify-content: flex-start;align-items: center;"
><div
style=
"border: 1px solid #116FBB;width: 2px;height: 20px;margin-right: 5px"
></div><h5
style=
"color: #116FBB"
>
员工信息管理
</h5></span>
</div>
</div>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<!--部门数据-->
<!--部门数据-->
<el-col
:span=
"4"
:xs=
"24"
>
<!--
<el-col
:span=
"4"
:xs=
"24"
>
--
>
<div
class=
"head-container"
v-if=
"false"
>
<!--
<div
class=
"head-container"
v-if=
"false"
>
--
>
<el-input
<!--
<el-input-->
v-model=
"deptName"
<!-- v-model="deptName"-->
placeholder=
"请输入部门名称"
<!-- placeholder="请输入部门名称"-->
clearable
<!-- clearable-->
size=
"small"
<!-- size="small"-->
prefix-icon=
"el-icon-search"
<!-- prefix-icon="el-icon-search"-->
style=
"margin-bottom: 20px"
<!-- style="margin-bottom: 20px"-->
/
>
<!-- />--
>
</div
>
<!--
</div>
--
>
<div
class=
"head-container"
v-if=
"false"
>
<!--
<div
class=
"head-container"
v-if=
"false"
>
--
>
<el-tree
<!--
<el-tree-->
:data=
"deptOptions"
<!-- :data="deptOptions"-->
:props=
"defaultProps"
<!-- :props="defaultProps"-->
:expand-on-click-node=
"false"
<!-- :expand-on-click-node="false"-->
:filter-node-method=
"filterNode"
<!-- :filter-node-method="filterNode"-->
ref=
"tree"
<!-- ref="tree"-->
node-key=
"id"
<!-- node-key="id"-->
default-expand-all
<!-- default-expand-all-->
highlight-current
<!-- highlight-current-->
@
node-click=
"handleNodeClick"
<!-- @node-click="handleNodeClick"-->
/
>
<!-- />--
>
</div
>
<!--
</div>
--
>
</el-col
>
<!--
</el-col>
--
>
<!--用户数据-->
<!--用户数据-->
<el-col
:span=
"24"
:xs=
"24"
>
<el-col
:span=
"24"
:xs=
"24"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
...
@@ -268,14 +268,14 @@
...
@@ -268,14 +268,14 @@
</el-col>
</el-col>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"权重"
>
<el-form-item
label=
"权重"
>
<el-input-number
v-model=
"form.weightNum"
controls-position=
"right"
:min=
"1"
></el-input-number>
<el-input-number
v-model=
"form.weightNum"
controls-position=
"right"
:min=
"1"
:max=
"100000"
></el-input-number>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
</el-row>
</el-row>
<el-row>
<el-row>
<el-col
:span=
"24"
>
<el-col
:span=
"24"
>
<el-form-item
label=
"备注"
>
<el-form-item
label=
"备注"
>
<el-input
v-model=
"form.remark"
type=
"textarea"
placeholder=
"请输入内容"
></el-input>
<el-input
v-model=
"form.remark"
type=
"textarea"
placeholder=
"请输入内容"
maxlength=
"255"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
</el-row>
</el-row>
...
@@ -863,7 +863,7 @@ export default {
...
@@ -863,7 +863,7 @@ export default {
</
script
>
</
script
>
<
style
>
<
style
scoped
>
/* styles.css 文件 */
/* styles.css 文件 */
...
@@ -907,6 +907,17 @@ export default {
...
@@ -907,6 +907,17 @@ export default {
.status-disabled
{
.status-disabled
{
color
:
red
;
/* 已禁用状态的颜色 */
color
:
red
;
/* 已禁用状态的颜色 */
}
}
.text-right
{
text-align
:
right
;
}
::v-deep
.el-table
{
overflow-y
:
auto
;
overflow-x
:
hidden
;
}
::v-deep
.el-table__body-wrapper
{
overflow-x
:
hidden
;
overflow-y
:
auto
;
}
</
style
>
</
style
>
<!-- 按钮靠右对齐 -->
<!-- 按钮靠右对齐 -->
...
@@ -918,7 +929,5 @@ export default {
...
@@ -918,7 +929,5 @@ export default {
transform
:
translateY
(
-10%
);
transform
:
translateY
(
-10%
);
}
}
.text-right
{
text-align
:
right
;
}
</
style
>
</
style
>
src/views/history/index.vue
View file @
37bb190e
...
@@ -3,7 +3,7 @@
...
@@ -3,7 +3,7 @@
<div
<div
style=
"
style=
"
background-color: white;
background-color: white;
height: 95vh
;
margin-bottom: 30px
;
padding-left: 30px;
padding-left: 30px;
padding-right: 30px;
padding-right: 30px;
"
"
...
@@ -109,7 +109,7 @@
...
@@ -109,7 +109,7 @@
@
selection-change=
"handleSelectionChange"
@
selection-change=
"handleSelectionChange"
style=
"min-height: 650px"
style=
"min-height: 650px"
>
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/
>
<!--
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
--
>
<el-table-column
label=
"序号"
align=
"center"
width=
"100"
>
<el-table-column
label=
"序号"
align=
"center"
width=
"100"
>
<template
slot-scope=
"scope"
>
<template
slot-scope=
"scope"
>
...
@@ -292,6 +292,9 @@ export default {
...
@@ -292,6 +292,9 @@ export default {
monitorTime
:
undefined
,
monitorTime
:
undefined
,
monitorState
:
undefined
,
monitorState
:
undefined
,
id
:
undefined
,
id
:
undefined
,
monitoringFinallytime
:
''
,
monitoringStarttime
:
''
}
,
}
,
// 表单参数
// 表单参数
form
:
{
}
,
form
:
{
}
,
...
@@ -391,6 +394,10 @@ export default {
...
@@ -391,6 +394,10 @@ export default {
}
,
}
,
/** 重置按钮操作 */
/** 重置按钮操作 */
resetQuery
()
{
resetQuery
()
{
this
.
queryParams
.
monitoringFinallytime
=
''
this
.
queryParams
.
monitoringStarttime
=
''
this
.
queryParams
.
monitorState
=
''
this
.
queryParams
.
monitoringName
=
''
this
.
resetForm
(
"queryForm"
);
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
this
.
handleQuery
();
}
,
}
,
...
@@ -476,4 +483,12 @@ export default {
...
@@ -476,4 +483,12 @@ export default {
.
green
-
icon
.
el
-
icon
-
view
{
.
green
-
icon
.
el
-
icon
-
view
{
color
:
#
51
ad51
;
color
:
#
51
ad51
;
}
}
::
v
-
deep
.
el
-
table
{
overflow
-
y
:
auto
;
overflow
-
x
:
hidden
;
}
::
v
-
deep
.
el
-
table__body
-
wrapper
{
overflow
-
x
:
hidden
;
overflow
-
y
:
auto
;
}
<
/style
>
<
/style
>
src/views/video/index.vue
View file @
37bb190e
...
@@ -6,8 +6,8 @@
...
@@ -6,8 +6,8 @@
<div
id=
"video-container"
style=
"width: 910px; height: 380px"
@
click=
"abv"
>
<div
id=
"video-container"
style=
"width: 910px; height: 380px"
@
click=
"abv"
>
</div>
</div>
<div
style=
"display: flex;"
>
<div
style=
"display: flex;"
>
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<!--
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain--
>
@
click=
"fulScreen"
></el-button
>
<!-- @click="fulScreen">
</el-button>
--
>
<el-button
v-if=
"recordButton"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<el-button
v-if=
"recordButton"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
@
click=
"startSave"
></el-button>
@
click=
"startSave"
></el-button>
<el-button
v-if=
"!recordButton"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
<el-button
v-if=
"!recordButton"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
...
@@ -20,8 +20,8 @@
...
@@ -20,8 +20,8 @@
<div
id=
"video-container1"
style=
"width: 910px; height: 380px"
>
<div
id=
"video-container1"
style=
"width: 910px; height: 380px"
>
</div>
</div>
<div
style=
"display: flex;"
>
<div
style=
"display: flex;"
>
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<!--
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain--
>
@
click=
"fulScreen1"
></el-button
>
<!-- @click="fulScreen1">
</el-button>
--
>
<el-button
v-if=
"recordButton1"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<el-button
v-if=
"recordButton1"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
@
click=
"startSave1"
></el-button>
@
click=
"startSave1"
></el-button>
<el-button
v-if=
"!recordButton1"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
<el-button
v-if=
"!recordButton1"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
...
@@ -37,8 +37,8 @@
...
@@ -37,8 +37,8 @@
<div
id=
"video-container2"
style=
"width: 910px; height: 380px"
>
<div
id=
"video-container2"
style=
"width: 910px; height: 380px"
>
</div>
</div>
<div
style=
"display: flex;"
>
<div
style=
"display: flex;"
>
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<!--
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain--
>
@
click=
"fulScreen2"
></el-button
>
<!-- @click="fulScreen2">
</el-button>
--
>
<el-button
v-if=
"recordButton2"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<el-button
v-if=
"recordButton2"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
@
click=
"startSave2"
></el-button>
@
click=
"startSave2"
></el-button>
<el-button
v-if=
"!recordButton2"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
<el-button
v-if=
"!recordButton2"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
...
@@ -51,8 +51,8 @@
...
@@ -51,8 +51,8 @@
<div
id=
"video-container3"
style=
"width: 910px; height: 380px"
>
<div
id=
"video-container3"
style=
"width: 910px; height: 380px"
>
</div>
</div>
<div
style=
"display: flex;"
>
<div
style=
"display: flex;"
>
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<!--
<el-button
icon=
"el-icon-full-screen"
style=
"border: transparent;background-color: transparent;font-size: large"
plain--
>
@
click=
"fulScreen"
></el-button
>
<!-- @click="fulScreen">
</el-button>
--
>
<el-button
v-if=
"recordButton3"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
<el-button
v-if=
"recordButton3"
icon=
"el-icon-video-camera"
style=
"border: transparent;background-color: transparent;font-size: large"
plain
@
click=
"startSave3"
></el-button>
@
click=
"startSave3"
></el-button>
<el-button
v-if=
"!recordButton3"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
<el-button
v-if=
"!recordButton3"
icon=
"el-icon-video-camera-solid"
style=
"border: transparent;background-color: transparent;font-size: large;color: #F6F6FA"
plain
...
@@ -165,31 +165,31 @@ export default {
...
@@ -165,31 +165,31 @@ export default {
}
else
{
}
else
{
this
.
$message
.
error
(
"获取视频流失败"
)
this
.
$message
.
error
(
"获取视频流失败"
)
}
}
console
.
info
(
'视频流是0'
,
res
)
})
})
}
else
if
(
this
.
deviceList
.
length
==
2
){
}
else
if
(
this
.
deviceList
.
length
==
2
){
getStream
(
this
.
deviceList
[
0
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
0
],
this
.
accessToken
).
then
(
res
=>
{
console
.
info
(
'视频流是1'
,
res
)
this
.
getInit
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
getStream
(
this
.
deviceList
[
1
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
1
],
this
.
accessToken
).
then
(
res
=>
{
console
.
info
(
'视频流是2'
,
res
)
this
.
getInit1
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
}
else
if
(
this
.
deviceList
.
length
===
3
){
}
else
if
(
this
.
deviceList
.
length
===
3
){
getStream
(
this
.
deviceList
[
0
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
0
],
this
.
accessToken
).
then
(
res
=>
{
console
.
info
(
'视频流是3'
,
res
)
this
.
getInit
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
getStream
(
this
.
deviceList
[
1
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
1
],
this
.
accessToken
).
then
(
res
=>
{
console
.
info
(
'视频流是4'
,
res
)
this
.
getInit1
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
getStream
(
this
.
deviceList
[
2
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
2
],
this
.
accessToken
).
then
(
res
=>
{
console
.
info
(
'视频流是5'
,
res
)
this
.
getInit2
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
}
else
if
(
this
.
deviceList
.
length
==
4
)
{
}
else
if
(
this
.
deviceList
.
length
==
4
)
{
getStream
(
this
.
deviceList
[
0
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
0
],
this
.
accessToken
).
then
(
res
=>
{
this
.
getInit
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
this
.
getInit
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
getStream
(
this
.
deviceList
[
1
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
1
],
this
.
accessToken
).
then
(
res
=>
{
console
.
info
(
''
,
)
this
.
getInit1
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
this
.
getInit1
(
this
.
accessToken
,
res
.
data
.
data
.
url
)
})
})
getStream
(
this
.
deviceList
[
2
],
this
.
accessToken
).
then
(
res
=>
{
getStream
(
this
.
deviceList
[
2
],
this
.
accessToken
).
then
(
res
=>
{
...
...
src/views/video/playback.vue
View file @
37bb190e
...
@@ -33,7 +33,7 @@
...
@@ -33,7 +33,7 @@
<el-form-item
label=
"监控状态"
>
<el-form-item
label=
"监控状态"
>
<el-input
<el-input
disabled
disabled
:value=
"carryRowCode.monitorState === 0 ? '进行中' : '已完成' "
:value=
"carryRowCode.monitorState === 0
|| carryRowCode.monitorState === '0'
? '进行中' : '已完成' "
></el-input>
></el-input>
</el-form-item>
</el-form-item>
</el-form>
</el-form>
...
@@ -95,6 +95,7 @@ export default {
...
@@ -95,6 +95,7 @@ export default {
},
},
mounted
()
{
mounted
()
{
console
.
info
(
'传递的数据'
,
this
.
$route
.
query
.
carryRowCode
)
this
.
carryRowCode
=
this
.
$route
.
query
.
carryRowCode
;
this
.
carryRowCode
=
this
.
$route
.
query
.
carryRowCode
;
this
.
code
=
this
.
$route
.
query
.
carryRowCode
.
code
;
this
.
code
=
this
.
$route
.
query
.
carryRowCode
.
code
;
this
.
startTime
=
this
.
$route
.
query
.
carryRowCode
.
monitoringStarttime
this
.
startTime
=
this
.
$route
.
query
.
carryRowCode
.
monitoringStarttime
...
...
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