Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dsk-operate-sys-cscec
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
fulixin
dsk-operate-sys-cscec
Commits
aee84ab6
Commit
aee84ab6
authored
Dec 19, 2023
by
danfuman
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改
parent
32e33f1a
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
165 additions
and
68 deletions
+165
-68
EnterpriseMonitoring.vue
dsk-operate-ui/src/views/monitoring/EnterpriseMonitoring.vue
+82
-32
MonitoringDynamics.vue
dsk-operate-ui/src/views/monitoring/MonitoringDynamics.vue
+83
-36
No files found.
dsk-operate-ui/src/views/monitoring/EnterpriseMonitoring.vue
View file @
aee84ab6
...
@@ -32,39 +32,50 @@
...
@@ -32,39 +32,50 @@
</div>
</div>
</div>
</div>
<div
class=
"table-item"
>
<div
class=
"table-item"
>
<el-table
<div
v-if=
"tableDataTotal > 0 && !isSkeleton"
>
class=
"fixed-table"
<el-table
element-loading-text=
"Loading"
class=
"fixed-table"
:data=
"tableData"
element-loading-text=
"Loading"
border
:data=
"tableData"
highlight-current-row
border
>
highlight-current-row
<el-table-column
label=
"序号"
width=
"60"
align=
"left"
fixed
>
<template
slot-scope=
"scope"
>
{{
queryParams
.
pageNum
*
queryParams
.
pageSize
-
queryParams
.
pageSize
+
scope
.
$index
+
1
}}
</
template
>
</el-table-column>
<el-table-column
label=
"监控对象"
align=
"left"
prop=
"companyName"
></el-table-column>
<el-table-column
label=
"风险动态"
align=
"left"
>
<
template
slot-scope=
"scope"
>
<span
class=
"color1 span"
>
高风险
{{
scope
.
row
.
highRiskCount
}}
</span>
<span
class=
"color2 span"
>
中风险
{{
scope
.
row
.
middleRiskCount
}}
</span>
<span
class=
"color3 span"
>
低风险
{{
scope
.
row
.
lowRiskCount
}}
</span>
<span
class=
"color4 span"
>
提示
{{
scope
.
row
.
promptCount
}}
</span>
<span
class=
"color5 span"
>
正向
{{
scope
.
row
.
positiveCount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"监控时间"
width=
"240"
align=
"left"
prop=
"createTime"
></el-table-column>
<el-table-column
label=
"操作"
align=
"left"
width=
"180"
class-name=
"small-padding fixed-width"
fixed=
"right"
>
>
<
template
slot-scope=
"scope"
>
<el-table-column
label=
"序号"
width=
"60"
align=
"left"
fixed
>
<span
style=
"color:#0081FF;"
@
click=
"handleCancel(scope.row.companyId)"
>
取消监控
</span>
<template
slot-scope=
"scope"
>
{{
queryParams
.
pageNum
*
queryParams
.
pageSize
-
queryParams
.
pageSize
+
scope
.
$index
+
1
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
label=
"监控对象"
align=
"left"
prop=
"companyName"
></el-table-column>
</el-table>
<el-table-column
label=
"风险动态"
align=
"left"
>
<
template
slot-scope=
"scope"
>
<span
class=
"color1 span"
>
高风险
{{
scope
.
row
.
highRiskCount
}}
</span>
<span
class=
"color2 span"
>
中风险
{{
scope
.
row
.
middleRiskCount
}}
</span>
<span
class=
"color3 span"
>
低风险
{{
scope
.
row
.
lowRiskCount
}}
</span>
<span
class=
"color4 span"
>
提示
{{
scope
.
row
.
promptCount
}}
</span>
<span
class=
"color5 span"
>
正向
{{
scope
.
row
.
positiveCount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"监控时间"
width=
"240"
align=
"left"
prop=
"createTime"
></el-table-column>
<el-table-column
label=
"操作"
align=
"left"
width=
"180"
class-name=
"small-padding fixed-width"
fixed=
"right"
>
<
template
slot-scope=
"scope"
>
<span
style=
"color:#0081FF;"
@
click=
"handleCancel(scope.row.companyId)"
>
取消监控
</span>
</
template
>
</el-table-column>
</el-table>
</div>
<skeleton
v-if=
"isSkeleton"
style=
"padding: 16px"
></skeleton>
<div
class=
"empty"
v-if=
"tableDataTotal === 0 && !isSkeleton"
>
<img
class=
"img"
src=
"@/assets/images/project/empty.png"
>
<div
class=
"p1"
>
抱歉,没找到相关数据
</div>
<div
class=
"p2"
>
建议调整关键词或筛选条件,重新搜索
</div>
</div>
</div>
<div
class=
"pagination-box"
v-if=
"tableDataTotal>queryParams.pageSize"
>
<el-pagination
background
:current-page=
"queryParams.pageNum"
:page-size=
"queryParams.pageSize"
:total=
"tableDataTotal"
layout=
"prev, pager, next, jumper"
@
current-change=
"handleCurrentChange"
@
size-change=
"handleSizeChange"
/>
</div>
</div>
</div>
</div>
...
@@ -136,12 +147,17 @@
...
@@ -136,12 +147,17 @@
<
script
>
<
script
>
import
{
companyPage
,
companyList
,
companyAdd
,
companyCancel
,
queryMonitorCompany
}
from
'@/api/monitoring/monitoring'
import
{
companyPage
,
companyList
,
companyAdd
,
companyCancel
,
queryMonitorCompany
}
from
'@/api/monitoring/monitoring'
import
{
getToken
}
from
'@/utils/auth'
import
{
getToken
}
from
'@/utils/auth'
import
skeleton
from
'../component/skeleton'
export
default
{
export
default
{
name
:
'EnterpriseMonitoring'
,
name
:
'EnterpriseMonitoring'
,
components
:
{
skeleton
},
data
()
{
data
()
{
return
{
return
{
radio
:
null
,
radio
:
null
,
date
:[],
date
:[],
isSkeleton
:
true
,
radioList
:[
radioList
:[
{
{
type
:
null
,
type
:
null
,
...
@@ -202,6 +218,7 @@
...
@@ -202,6 +218,7 @@
console
.
log
(
this
.
queryParams
)
console
.
log
(
this
.
queryParams
)
companyPage
(
this
.
queryParams
).
then
(
res
=>
{
companyPage
(
this
.
queryParams
).
then
(
res
=>
{
console
.
log
(
res
)
console
.
log
(
res
)
this
.
isSkeleton
=
false
;
this
.
tableData
=
res
.
rows
this
.
tableData
=
res
.
rows
this
.
tableDataTotal
=
res
.
total
this
.
tableDataTotal
=
res
.
total
})
})
...
@@ -266,6 +283,18 @@
...
@@ -266,6 +283,18 @@
break
;
break
;
}
}
},
},
// 重置页数
handleSizeChange
(
val
)
{
this
.
queryParams
.
pageNum
=
1
this
.
queryParams
.
pageSize
=
val
this
.
querySubmit
()
},
// 跳转指定页数
handleCurrentChange
(
val
)
{
this
.
queryParams
.
pageNum
=
val
this
.
querySubmit
()
window
.
scrollTo
(
0
,
0
);
},
// 时间选择改变后的回调
// 时间选择改变后的回调
changePicker
(
value
)
{
changePicker
(
value
)
{
if
(
value
&&
value
.
length
)
{
if
(
value
&&
value
.
length
)
{
...
@@ -430,6 +459,27 @@
...
@@ -430,6 +459,27 @@
color
:
#0CBC6D
;
color
:
#0CBC6D
;
}
}
}
}
.empty
{
margin
:
0
auto
;
height
:
550px
;
text-align
:
center
;
border-top
:
1px
solid
#EFEFEF
;
.img
{
width
:
108px
;
height
:
108px
;
margin-bottom
:
24px
;
margin-top
:
150px
;
}
.p1
{
color
:
#333333
;
font-size
:
16px
;
}
.p2
{
color
:
#999999
;
font-size
:
14px
;
margin-top
:
8px
;
}
}
}
}
::v-deep
.dialogAdd
{
::v-deep
.dialogAdd
{
.el-dialog__body
{
.el-dialog__body
{
...
...
dsk-operate-ui/src/views/monitoring/MonitoringDynamics.vue
View file @
aee84ab6
...
@@ -67,42 +67,53 @@
...
@@ -67,42 +67,53 @@
<div
class=
"content"
>
<div
class=
"content"
>
<div
class=
"total"
>
共
{{
tableDataTotal
}}
条
</div>
<div
class=
"total"
>
共
{{
tableDataTotal
}}
条
</div>
<div
class=
"table-item"
>
<div
class=
"table-item"
>
<el-table
<div
v-if=
"tableDataTotal > 0 && !isSkeleton"
>
class=
"fixed-table"
<el-table
:data=
"tableData"
class=
"fixed-table"
element-loading-text=
"Loading"
:data=
"tableData"
border
element-loading-text=
"Loading"
highlight-current-row
border
>
highlight-current-row
<el-table-column
label=
"序号"
width=
"60"
align=
"left"
fixed
>
<template
slot-scope=
"scope"
>
{{
queryParams
.
pageNum
*
queryParams
.
pageSize
-
queryParams
.
pageSize
+
scope
.
$index
+
1
}}
</
template
>
</el-table-column>
<el-table-column
label=
"监控对象"
prop=
"companyName"
align=
"left"
width=
"250"
></el-table-column>
<el-table-column
label=
"风险级别"
prop=
"riskLevel"
align=
"left"
width=
"120"
></el-table-column>
<el-table-column
label=
"监控类型"
prop=
"parentName"
align=
"left"
width=
"150"
></el-table-column>
<el-table-column
label=
"动态内容"
prop=
"details"
align=
"left"
>
<
template
slot-scope=
"scope"
>
<div
v-for=
"(item,index) in scope.row.Array"
:key=
"index"
>
<div>
<span
style=
"color: #999;"
>
{{
item
.
key
}}
:
</span>
<span>
{{
item
.
value
}}
</span>
</div>
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"更新时间"
prop=
"createTime"
align=
"left"
width=
"150"
></el-table-column>
<el-table-column
label=
"操作"
align=
"center"
width=
"150"
class-name=
"small-padding fixed-width"
fixed=
"right"
>
>
<
template
slot-scope=
"scope"
>
<el-table-column
label=
"序号"
width=
"60"
align=
"left"
fixed
>
<span
style=
"cursor: pointer;"
@
click=
"handleDetail"
>
查看详情
</span>
<template
slot-scope=
"scope"
>
{{
queryParams
.
pageNum
*
queryParams
.
pageSize
-
queryParams
.
pageSize
+
scope
.
$index
+
1
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
label=
"监控对象"
prop=
"companyName"
align=
"left"
width=
"250"
></el-table-column>
</el-table>
<el-table-column
label=
"风险级别"
prop=
"riskLevel"
align=
"left"
width=
"120"
></el-table-column>
<el-table-column
label=
"监控类型"
prop=
"parentName"
align=
"left"
width=
"150"
></el-table-column>
<el-table-column
label=
"动态内容"
prop=
"details"
align=
"left"
>
<
template
slot-scope=
"scope"
>
<div
v-for=
"(item,index) in scope.row.Array"
:key=
"index"
>
<div>
<span
style=
"color: #999;"
>
{{
item
.
key
}}
:
</span>
<span>
{{
item
.
value
}}
</span>
</div>
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"更新时间"
prop=
"createTime"
align=
"left"
width=
"150"
></el-table-column>
<el-table-column
label=
"操作"
align=
"center"
width=
"150"
class-name=
"small-padding fixed-width"
fixed=
"right"
>
<
template
slot-scope=
"scope"
>
<span
style=
"cursor: pointer;"
@
click=
"handleDetail"
>
查看详情
</span>
</
template
>
</el-table-column>
</el-table>
</div>
<skeleton
v-if=
"isSkeleton"
style=
"padding: 16px"
></skeleton>
<div
class=
"empty"
v-if=
"tableDataTotal === 0 && !isSkeleton"
>
<img
class=
"img"
src=
"@/assets/images/project/empty.png"
>
<div
class=
"p1"
>
抱歉,没找到相关数据
</div>
<div
class=
"p2"
>
建议调整关键词或筛选条件,重新搜索
</div>
</div>
</div>
<div
class=
"pagination-box"
v-if=
"tableDataTotal>queryParams.pageSize"
>
<el-pagination
background
:current-page=
"queryParams.pageNum"
:page-size=
"queryParams.pageSize"
:total=
"tableDataTotal"
layout=
"prev, pager, next, jumper"
@
current-change=
"handleCurrentChange"
@
size-change=
"handleSizeChange"
/>
</div>
</div>
</div>
</div>
<el-dialog
:visible
.
sync=
"dialogVisible"
custom-class=
'dialog-claim'
:title=
"title"
width=
"720px"
>
<el-dialog
:visible
.
sync=
"dialogVisible"
custom-class=
'dialog-claim'
:title=
"title"
width=
"720px"
>
...
@@ -149,14 +160,16 @@
...
@@ -149,14 +160,16 @@
import
{
changeTime
}
from
"@/assets/js/common.js"
import
{
changeTime
}
from
"@/assets/js/common.js"
import
{
dynamicPage
,
companyDetail
,
rulesSelect
}
from
'@/api/monitoring/monitoring'
import
{
dynamicPage
,
companyDetail
,
rulesSelect
}
from
'@/api/monitoring/monitoring'
import
InfoTable
from
'../detail/party-a/component/infoTable'
;
import
InfoTable
from
'../detail/party-a/component/infoTable'
;
import
skeleton
from
'../component/skeleton'
export
default
{
export
default
{
name
:
'MonitoringDynamics'
,
name
:
'MonitoringDynamics'
,
components
:
{
components
:
{
InfoTable
InfoTable
,
skeleton
},
},
data
()
{
data
()
{
return
{
return
{
changeTime
,
changeTime
,
isSkeleton
:
true
,
radio
:
null
,
radio
:
null
,
date
:
''
,
date
:
''
,
radioList
:[
radioList
:[
...
@@ -337,6 +350,7 @@
...
@@ -337,6 +350,7 @@
this
.
queryParams
.
condition
.
fxjbType
=
this
.
riskLevel
.
join
()
this
.
queryParams
.
condition
.
fxjbType
=
this
.
riskLevel
.
join
()
}
}
dynamicPage
(
this
.
queryParams
).
then
(
res
=>
{
dynamicPage
(
this
.
queryParams
).
then
(
res
=>
{
this
.
isSkeleton
=
false
;
this
.
tableData
=
res
.
rows
;
this
.
tableData
=
res
.
rows
;
this
.
tableDataTotal
=
res
.
total
;
this
.
tableDataTotal
=
res
.
total
;
this
.
tableData
.
forEach
(
el
=>
{
this
.
tableData
.
forEach
(
el
=>
{
...
@@ -433,6 +447,18 @@
...
@@ -433,6 +447,18 @@
break
;
break
;
}
}
},
},
// 重置页数
handleSizeChange
(
val
)
{
this
.
queryParams
.
pageNum
=
1
this
.
queryParams
.
pageSize
=
val
this
.
querySubmit
()
},
// 跳转指定页数
handleCurrentChange
(
val
)
{
this
.
queryParams
.
pageNum
=
val
this
.
querySubmit
()
window
.
scrollTo
(
0
,
0
);
},
// 时间选择改变后的回调
// 时间选择改变后的回调
changePicker
(
value
)
{
changePicker
(
value
)
{
if
(
value
&&
value
.
length
)
{
if
(
value
&&
value
.
length
)
{
...
@@ -703,6 +729,27 @@
...
@@ -703,6 +729,27 @@
margin-right
:
4px
;
margin-right
:
4px
;
}
}
}
}
.empty
{
margin
:
0
auto
;
height
:
550px
;
text-align
:
center
;
border-top
:
1px
solid
#EFEFEF
;
.img
{
width
:
108px
;
height
:
108px
;
margin-bottom
:
24px
;
margin-top
:
150px
;
}
.p1
{
color
:
#333333
;
font-size
:
16px
;
}
.p2
{
color
:
#999999
;
font-size
:
14px
;
margin-top
:
8px
;
}
}
}
}
::v-deep
.dialog-claim
{
::v-deep
.dialog-claim
{
.el-dialog__header
{
.el-dialog__header
{
...
...
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