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
23c58450
Commit
23c58450
authored
Dec 08, 2023
by
danfuman
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改
parent
601de0a7
Changes
9
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
908 additions
and
15 deletions
+908
-15
monitor.svg
dsk-operate-ui/src/assets/icons/svg/monitor.svg
+1
-2
monitorTag.svg
dsk-operate-ui/src/assets/icons/svg/monitorTag.svg
+1
-0
monitorTags.svg
dsk-operate-ui/src/assets/icons/svg/monitorTags.svg
+1
-0
monitors.svg
dsk-operate-ui/src/assets/icons/svg/monitors.svg
+1
-0
EnterpriseMonitoring.vue
dsk-operate-ui/src/views/monitoring/EnterpriseMonitoring.vue
+362
-0
MonitorSettings.vue
dsk-operate-ui/src/views/monitoring/MonitorSettings.vue
+206
-12
MonitoringDynamics.vue
dsk-operate-ui/src/views/monitoring/MonitoringDynamics.vue
+38
-0
MonitoringReport.vue
dsk-operate-ui/src/views/monitoring/MonitoringReport.vue
+297
-0
vue.config.js
dsk-operate-ui/vue.config.js
+1
-1
No files found.
dsk-operate-ui/src/assets/icons/svg/monitor.svg
View file @
23c58450
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
t=
"1543827393750"
class=
"icon"
style=
""
viewBox=
"0 0 1024 1024"
version=
"1.1"
xmlns=
"http://www.w3.org/2000/svg"
p-id=
"4695"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
width=
"200"
height=
"200"
><defs><style
type=
"text/css"
>
@font-face { font-family: rbicon; src: url("chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/fonts/rbicon.woff2") format("woff2"); font-weight: normal; font-style: normal; }
<svg
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
fill=
"none"
version=
"1.1"
width=
"16"
height=
"16"
viewBox=
"0 0 16 16"
><defs><clipPath
id=
"master_svg0_233_92225/11_04949"
><rect
x=
"0"
y=
"0"
width=
"16"
height=
"16"
rx=
"0"
/></clipPath></defs><g
clip-path=
"url(#master_svg0_233_92225/11_04949)"
><g><path
d=
"M6.5,14L6.5,11Q6.5,10.9507543,6.509607,10.9024549Q6.519215,10.854155,6.53806,10.808658Q6.556906,10.763161,6.584265,10.722215Q6.611625,10.681269,6.646447,10.646447Q6.681269,10.611625,6.722215,10.584265Q6.763161,10.556906,6.808658,10.53806Q6.854155,10.519214999999999,6.9024549,10.509607Q6.9507543,10.5,7,10.5L9,10.5Q9.04925,10.5,9.09754,10.509607Q9.14584,10.519214999999999,9.19134,10.53806Q9.23684,10.556906,9.27778,10.584265Q9.31873,10.611625,9.35355,10.646447Q9.38838,10.681269,9.41573,10.722215Q9.44309,10.763161,9.46194,10.808658Q9.48078,10.854155,9.49039,10.9024549Q9.5,10.9507543,9.5,11L9.5,14Q9.5,14.04925,9.49039,14.09754Q9.48078,14.14584,9.46194,14.19134Q9.44309,14.23684,9.41573,14.27778Q9.38838,14.31873,9.35355,14.35355Q9.31873,14.38837,9.27779,14.41573Q9.23684,14.44309,9.19134,14.46194Q9.14584,14.48078,9.09754,14.49039Q9.04925,14.5,9,14.5L7,14.5Q6.9507543,14.5,6.9024549,14.49039Q6.854155,14.48078,6.808658,14.46194Q6.763161,14.44309,6.722215,14.41573Q6.681269,14.38837,6.646447,14.35355Q6.611625,14.31873,6.584265,14.27778Q6.556906,14.23684,6.53806,14.19134Q6.519215,14.14584,6.509607,14.09754Q6.5,14.04925,6.5,14ZM7.5,11.5L7.5,13.5L8.5,13.5L8.5,11.5L7.5,11.5Z"
fill=
"#FFFFFF"
fill-opacity=
"1"
/></g><g><rect
x=
"2"
y=
"3"
width=
"12"
height=
"8"
rx=
"1"
fill-opacity=
"0"
stroke-opacity=
"1"
stroke=
"#FFFFFF"
fill=
"none"
stroke-width=
"1"
/></g><g
transform=
"matrix(1,0.0000922808758332394,-0.00009228093404090032,1,0.0012919330765726045,-0.0003691235033329576)"
><path
d=
"M4,14.5L12.00001,14.5Q12.04926,14.5,12.09756,14.490393Q12.14586,14.480785000000001,12.19135,14.46194Q12.23685,14.443094,12.2778,14.415735Q12.31874,14.388375,12.35357,14.353553Q12.38839,14.318731,12.41575,14.277785Q12.44311,14.236839,12.46195,14.191342Q12.4808,14.145845,12.49041,14.0975451Q12.50001,14.0492457,12.50001,14Q12.50001,13.9507543,12.49041,13.9024549Q12.4808,13.854155,12.46195,13.808658Q12.44311,13.763161,12.41575,13.722215Q12.38839,13.681269,12.35357,13.646447Q12.31874,13.611625,12.2778,13.584265Q12.23685,13.556906,12.19135,13.53806Q12.14586,13.519214999999999,12.09756,13.509607Q12.04926,13.5,12.00001,13.5L4,13.5Q3.9507543,13.5,3.9024549,13.509607Q3.854155,13.519214999999999,3.808658,13.53806Q3.763161,13.556906,3.722215,13.584265Q3.681269,13.611625,3.646447,13.646447Q3.611625,13.681269,3.584265,13.722215Q3.556906,13.763161,3.5380599999999998,13.808658Q3.519215,13.854155,3.509607,13.9024549Q3.5,13.9507543,3.5,14Q3.5,14.0492457,3.509607,14.0975451Q3.519215,14.145845,3.5380599999999998,14.191342Q3.556906,14.236839,3.584265,14.277785Q3.611625,14.318731,3.646447,14.353553Q3.681269,14.388375,3.722215,14.415735Q3.763161,14.443094,3.808658,14.46194Q3.854155,14.480785000000001,3.9024549,14.490393Q3.9507543,14.5,4,14.5Z"
fill-rule=
"evenodd"
fill=
"#FFFFFF"
fill-opacity=
"1"
/></g><g><path
d=
"M11.85355,5.353553Q11.92388,5.283227,11.96194,5.191342Q12,5.0994562,12,5Q12,4.9507543,11.99039,4.9024549Q11.98078,4.854155,11.96194,4.808658Q11.94309,4.763161,11.91573,4.722215Q11.88837,4.681269,11.85355,4.646447Q11.81873,4.611625,11.77778,4.584265Q11.73684,4.556906,11.69134,4.53806Q11.64584,4.519215,11.59754,4.509607Q11.54925,4.5,11.5,4.5Q11.40054,4.5,11.30866,4.53806Q11.21677,4.57612,11.14645,4.646447L11.14626,4.646634L8.5,7.29289L7.35355,6.14645Q7.31873,6.11162,7.27778,6.08427Q7.23684,6.05691,7.19134,6.03806Q7.14584,6.01921,7.09754,6.00961Q7.04925,6,7,6Q6.95075,6,6.90245,6.00961Q6.85416,6.01921,6.80866,6.03806Q6.76316,6.05691,6.7222100000000005,6.08427Q6.68127,6.11162,6.64645,6.14645L4.646634,8.14626L4.646447,8.14645Q4.57612,8.21677,4.53806,8.30866Q4.5,8.40054,4.5,8.5Q4.5,8.54925,4.509607,8.59754Q4.519215,8.64584,4.53806,8.69134Q4.556906,8.73684,4.584265,8.77778Q4.611625,8.81873,4.646447,8.85355Q4.681269,8.88838,4.722215,8.91573Q4.763161,8.94309,4.808658,8.96194Q4.854155,8.98078,4.9024549,8.99039Q4.9507543,9,5,9Q5.0994562,9,5.191342,8.96194Q5.283227,8.92388,5.353553,8.85355L5.353741,8.85337L7,7.20711L8.14645,8.35355Q8.21677,8.42388,8.30866,8.46194Q8.40054,8.5,8.5,8.5Q8.59946,8.5,8.69134,8.46194Q8.78323,8.42388,8.85355,8.35355L11.85337,5.353741L11.85355,5.353553L11.85355,5.353553Z"
fill-rule=
"evenodd"
fill=
"#FFFFFF"
fill-opacity=
"1"
/></g></g></svg>
</style></defs><path
d=
"M64 64V640H896V64H64zM0 0h960v704H0V0z"
p-id=
"4696"
></path><path
d=
"M192 896H768v64H192zM448 640H512v256h-64z"
p-id=
"4697"
></path><path
d=
"M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z"
p-id=
"4698"
></path></svg>
\ No newline at end of file
\ No newline at end of file
dsk-operate-ui/src/assets/icons/svg/monitorTag.svg
0 → 100644
View file @
23c58450
<svg
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
fill=
"none"
version=
"1.1"
width=
"14"
height=
"14"
viewBox=
"0 0 14 14"
><defs><clipPath
id=
"master_svg0_264_80210"
><rect
x=
"0"
y=
"0"
width=
"14"
height=
"14"
rx=
"0"
/></clipPath></defs><g
clip-path=
"url(#master_svg0_264_80210)"
><g><path
d=
"M5.625,12.25L5.625,9.625Q5.625,9.5757543,5.634607,9.5274549Q5.644215,9.479155,5.66306,9.433658Q5.681906,9.388161,5.709265,9.347215Q5.736625,9.306269,5.771447,9.271447Q5.806269,9.236625,5.847215,9.209265Q5.888161,9.181906,5.933658,9.16306Q5.979155,9.144214999999999,6.0274549,9.134607Q6.0757543,9.125,6.125,9.125L7.875,9.125Q7.92425,9.125,7.97254,9.134607Q8.02084,9.144214999999999,8.06634,9.16306Q8.11184,9.181906,8.15278,9.209265Q8.19373,9.236625,8.22855,9.271447Q8.26337,9.306269,8.29073,9.347215Q8.31809,9.388161,8.33694,9.433658Q8.35578,9.479155,8.36539,9.5274549Q8.375,9.5757543,8.375,9.625L8.375,12.25Q8.375,12.29925,8.36539,12.34755Q8.35578,12.39584,8.33694,12.44134Q8.31809,12.48684,8.29073,12.52778Q8.26337,12.56873,8.22855,12.60355Q8.19373,12.63838,8.15278,12.66573Q8.11184,12.69309,8.06634,12.71194Q8.02084,12.73078,7.97254,12.74039Q7.92425,12.75,7.875,12.75L6.125,12.75Q6.0757543,12.75,6.0274549,12.74039Q5.979155,12.73078,5.933658,12.71194Q5.888161,12.69309,5.847215,12.66573Q5.806269,12.63838,5.771447,12.60355Q5.736625,12.56873,5.709265,12.52778Q5.681906,12.48684,5.66306,12.44134Q5.644215,12.39584,5.634607,12.34755Q5.625,12.29925,5.625,12.25ZM6.625,10.125L6.625,11.75L7.375,11.75L7.375,10.125L6.625,10.125Z"
fill=
"#86909C"
fill-opacity=
"1"
/></g><g><rect
x=
"1.75"
y=
"2.625"
width=
"10.5"
height=
"7"
rx=
"1"
fill-opacity=
"0"
stroke-opacity=
"1"
stroke=
"#86909C"
fill=
"none"
stroke-width=
"1"
/></g><g
transform=
"matrix(1,0.0000922808758332394,-0.00009228093404090032,1,0.001130441442001029,-0.0003229830654163379)"
><path
d=
"M3.5,12.75L10.50001,12.75Q10.54926,12.75,10.59756,12.740393Q10.645859999999999,12.730785000000001,10.69135,12.71194Q10.73685,12.693094,10.7778,12.665735Q10.81874,12.638375,10.85356,12.603553Q10.888390000000001,12.568731,10.91575,12.527785Q10.943100000000001,12.486839,10.96195,12.441342Q10.9808,12.395845,10.990400000000001,12.3475451Q11.00001,12.2992457,11.00001,12.25Q11.00001,12.2007543,10.990400000000001,12.1524549Q10.9808,12.104155,10.96195,12.058658Q10.943100000000001,12.013161,10.91575,11.972215Q10.888390000000001,11.931269,10.85356,11.896447Q10.81874,11.861625,10.7778,11.834265Q10.73685,11.806906,10.69135,11.78806Q10.645859999999999,11.769214999999999,10.59756,11.759607Q10.54926,11.75,10.50001,11.75L3.5,11.75Q3.4507543,11.75,3.4024549,11.759607Q3.354155,11.769214999999999,3.308658,11.78806Q3.263161,11.806906,3.222215,11.834265Q3.181269,11.861625,3.146447,11.896447Q3.111625,11.931269,3.084265,11.972215Q3.056906,12.013161,3.0380599999999998,12.058658Q3.019215,12.104155,3.009607,12.1524549Q3,12.2007543,3,12.25Q3,12.2992457,3.009607,12.3475451Q3.019215,12.395845,3.0380599999999998,12.441342Q3.056906,12.486839,3.084265,12.527785Q3.111625,12.568731,3.146447,12.603553Q3.181269,12.638375,3.222215,12.665735Q3.263161,12.693094,3.308658,12.71194Q3.354155,12.730785000000001,3.4024549,12.740393Q3.4507543,12.75,3.5,12.75Z"
fill-rule=
"evenodd"
fill=
"#86909C"
fill-opacity=
"1"
/></g><g><path
d=
"M10.41605,4.728553Q10.48638,4.658227,10.52444,4.566342Q10.5625,4.4744562,10.5625,4.375Q10.5625,4.3257543,10.55289,4.2774549Q10.54328,4.229155,10.52444,4.183658Q10.50559,4.138161,10.47823,4.097215Q10.45087,4.056269,10.41605,4.021447Q10.38123,3.986625,10.34028,3.959265Q10.29934,3.931906,10.25384,3.9130599999999998Q10.20834,3.894215,10.16004,3.884607Q10.11175,3.875,10.0625,3.875Q9.96304,3.875,9.87116,3.9130599999999998Q9.77927,3.95112,9.70895,4.021447L9.70876,4.021634L7.4375,6.29289L6.47855,5.333947Q6.44373,5.299124,6.40278,5.271765Q6.36184,5.244406,6.31634,5.22556Q6.27084,5.206715,6.22254,5.197107Q6.17425,5.1875,6.125,5.1875Q6.07575,5.1875,6.02745,5.197107Q5.97916,5.206715,5.93366,5.22556Q5.88816,5.244406,5.8472100000000005,5.271765Q5.80627,5.299124,5.77145,5.333947L4.021634,7.08376L4.021447,7.08395Q3.95112,7.15427,3.9130599999999998,7.24616Q3.875,7.3380399999999995,3.875,7.4375Q3.875,7.48675,3.884607,7.53504Q3.894215,7.58334,3.9130599999999998,7.62884Q3.931906,7.67434,3.959265,7.71528Q3.986625,7.75623,4.021447,7.79105Q4.056269,7.82588,4.097215,7.85323Q4.138161,7.88059,4.183658,7.89944Q4.229155,7.91829,4.2774549,7.92789Q4.3257543,7.9375,4.375,7.9375Q4.4744562,7.9375,4.566342,7.89944Q4.658227,7.8613800000000005,4.728553,7.79105L4.728741,7.79087L6.125,6.39461L7.08395,7.35355Q7.15427,7.4238800000000005,7.24616,7.46194Q7.3380399999999995,7.5,7.4375,7.5Q7.5369600000000005,7.5,7.62884,7.46194Q7.72073,7.4238800000000005,7.79105,7.35355L10.41587,4.728741L10.41605,4.728553L10.41605,4.728553Z"
fill-rule=
"evenodd"
fill=
"#86909C"
fill-opacity=
"1"
/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/assets/icons/svg/monitorTags.svg
0 → 100644
View file @
23c58450
<svg
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
fill=
"none"
version=
"1.1"
width=
"14"
height=
"14"
viewBox=
"0 0 14 14"
><defs><clipPath
id=
"master_svg0_264_80210"
><rect
x=
"0"
y=
"0"
width=
"14"
height=
"14"
rx=
"0"
/></clipPath></defs><g
clip-path=
"url(#master_svg0_264_80210)"
><g><path
d=
"M5.625,12.25L5.625,9.625Q5.625,9.5757543,5.634607,9.5274549Q5.644215,9.479155,5.66306,9.433658Q5.681906,9.388161,5.709265,9.347215Q5.736625,9.306269,5.771447,9.271447Q5.806269,9.236625,5.847215,9.209265Q5.888161,9.181906,5.933658,9.16306Q5.979155,9.144214999999999,6.0274549,9.134607Q6.0757543,9.125,6.125,9.125L7.875,9.125Q7.92425,9.125,7.97254,9.134607Q8.02084,9.144214999999999,8.06634,9.16306Q8.11184,9.181906,8.15278,9.209265Q8.19373,9.236625,8.22855,9.271447Q8.26337,9.306269,8.29073,9.347215Q8.31809,9.388161,8.33694,9.433658Q8.35578,9.479155,8.36539,9.5274549Q8.375,9.5757543,8.375,9.625L8.375,12.25Q8.375,12.29925,8.36539,12.34755Q8.35578,12.39584,8.33694,12.44134Q8.31809,12.48684,8.29073,12.52778Q8.26337,12.56873,8.22855,12.60355Q8.19373,12.63838,8.15278,12.66573Q8.11184,12.69309,8.06634,12.71194Q8.02084,12.73078,7.97254,12.74039Q7.92425,12.75,7.875,12.75L6.125,12.75Q6.0757543,12.75,6.0274549,12.74039Q5.979155,12.73078,5.933658,12.71194Q5.888161,12.69309,5.847215,12.66573Q5.806269,12.63838,5.771447,12.60355Q5.736625,12.56873,5.709265,12.52778Q5.681906,12.48684,5.66306,12.44134Q5.644215,12.39584,5.634607,12.34755Q5.625,12.29925,5.625,12.25ZM6.625,10.125L6.625,11.75L7.375,11.75L7.375,10.125L6.625,10.125Z"
fill=
"#86909C"
fill-opacity=
"1"
/></g><g><rect
x=
"1.75"
y=
"2.625"
width=
"10.5"
height=
"7"
rx=
"1"
fill-opacity=
"0"
stroke-opacity=
"1"
stroke=
"#86909C"
fill=
"none"
stroke-width=
"1"
/></g><g
transform=
"matrix(1,0.0000922808758332394,-0.00009228093404090032,1,0.001130441442001029,-0.0003229830654163379)"
><path
d=
"M3.5,12.75L10.50001,12.75Q10.54926,12.75,10.59756,12.740393Q10.645859999999999,12.730785000000001,10.69135,12.71194Q10.73685,12.693094,10.7778,12.665735Q10.81874,12.638375,10.85356,12.603553Q10.888390000000001,12.568731,10.91575,12.527785Q10.943100000000001,12.486839,10.96195,12.441342Q10.9808,12.395845,10.990400000000001,12.3475451Q11.00001,12.2992457,11.00001,12.25Q11.00001,12.2007543,10.990400000000001,12.1524549Q10.9808,12.104155,10.96195,12.058658Q10.943100000000001,12.013161,10.91575,11.972215Q10.888390000000001,11.931269,10.85356,11.896447Q10.81874,11.861625,10.7778,11.834265Q10.73685,11.806906,10.69135,11.78806Q10.645859999999999,11.769214999999999,10.59756,11.759607Q10.54926,11.75,10.50001,11.75L3.5,11.75Q3.4507543,11.75,3.4024549,11.759607Q3.354155,11.769214999999999,3.308658,11.78806Q3.263161,11.806906,3.222215,11.834265Q3.181269,11.861625,3.146447,11.896447Q3.111625,11.931269,3.084265,11.972215Q3.056906,12.013161,3.0380599999999998,12.058658Q3.019215,12.104155,3.009607,12.1524549Q3,12.2007543,3,12.25Q3,12.2992457,3.009607,12.3475451Q3.019215,12.395845,3.0380599999999998,12.441342Q3.056906,12.486839,3.084265,12.527785Q3.111625,12.568731,3.146447,12.603553Q3.181269,12.638375,3.222215,12.665735Q3.263161,12.693094,3.308658,12.71194Q3.354155,12.730785000000001,3.4024549,12.740393Q3.4507543,12.75,3.5,12.75Z"
fill-rule=
"evenodd"
fill=
"#86909C"
fill-opacity=
"1"
/></g><g><path
d=
"M10.41605,4.728553Q10.48638,4.658227,10.52444,4.566342Q10.5625,4.4744562,10.5625,4.375Q10.5625,4.3257543,10.55289,4.2774549Q10.54328,4.229155,10.52444,4.183658Q10.50559,4.138161,10.47823,4.097215Q10.45087,4.056269,10.41605,4.021447Q10.38123,3.986625,10.34028,3.959265Q10.29934,3.931906,10.25384,3.9130599999999998Q10.20834,3.894215,10.16004,3.884607Q10.11175,3.875,10.0625,3.875Q9.96304,3.875,9.87116,3.9130599999999998Q9.77927,3.95112,9.70895,4.021447L9.70876,4.021634L7.4375,6.29289L6.47855,5.333947Q6.44373,5.299124,6.40278,5.271765Q6.36184,5.244406,6.31634,5.22556Q6.27084,5.206715,6.22254,5.197107Q6.17425,5.1875,6.125,5.1875Q6.07575,5.1875,6.02745,5.197107Q5.97916,5.206715,5.93366,5.22556Q5.88816,5.244406,5.8472100000000005,5.271765Q5.80627,5.299124,5.77145,5.333947L4.021634,7.08376L4.021447,7.08395Q3.95112,7.15427,3.9130599999999998,7.24616Q3.875,7.3380399999999995,3.875,7.4375Q3.875,7.48675,3.884607,7.53504Q3.894215,7.58334,3.9130599999999998,7.62884Q3.931906,7.67434,3.959265,7.71528Q3.986625,7.75623,4.021447,7.79105Q4.056269,7.82588,4.097215,7.85323Q4.138161,7.88059,4.183658,7.89944Q4.229155,7.91829,4.2774549,7.92789Q4.3257543,7.9375,4.375,7.9375Q4.4744562,7.9375,4.566342,7.89944Q4.658227,7.8613800000000005,4.728553,7.79105L4.728741,7.79087L6.125,6.39461L7.08395,7.35355Q7.15427,7.4238800000000005,7.24616,7.46194Q7.3380399999999995,7.5,7.4375,7.5Q7.5369600000000005,7.5,7.62884,7.46194Q7.72073,7.4238800000000005,7.79105,7.35355L10.41587,4.728741L10.41605,4.728553L10.41605,4.728553Z"
fill-rule=
"evenodd"
fill=
"#86909C"
fill-opacity=
"1"
/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/assets/icons/svg/monitors.svg
0 → 100644
View file @
23c58450
<svg
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
fill=
"none"
version=
"1.1"
width=
"16"
height=
"16"
viewBox=
"0 0 16 16"
><defs><clipPath
id=
"master_svg0_233_92225/11_04949"
><rect
x=
"0"
y=
"0"
width=
"16"
height=
"16"
rx=
"0"
/></clipPath></defs><g
clip-path=
"url(#master_svg0_233_92225/11_04949)"
><g><path
d=
"M6.5,14L6.5,11Q6.5,10.9507543,6.509607,10.9024549Q6.519215,10.854155,6.53806,10.808658Q6.556906,10.763161,6.584265,10.722215Q6.611625,10.681269,6.646447,10.646447Q6.681269,10.611625,6.722215,10.584265Q6.763161,10.556906,6.808658,10.53806Q6.854155,10.519214999999999,6.9024549,10.509607Q6.9507543,10.5,7,10.5L9,10.5Q9.04925,10.5,9.09754,10.509607Q9.14584,10.519214999999999,9.19134,10.53806Q9.23684,10.556906,9.27778,10.584265Q9.31873,10.611625,9.35355,10.646447Q9.38838,10.681269,9.41573,10.722215Q9.44309,10.763161,9.46194,10.808658Q9.48078,10.854155,9.49039,10.9024549Q9.5,10.9507543,9.5,11L9.5,14Q9.5,14.04925,9.49039,14.09754Q9.48078,14.14584,9.46194,14.19134Q9.44309,14.23684,9.41573,14.27778Q9.38838,14.31873,9.35355,14.35355Q9.31873,14.38837,9.27779,14.41573Q9.23684,14.44309,9.19134,14.46194Q9.14584,14.48078,9.09754,14.49039Q9.04925,14.5,9,14.5L7,14.5Q6.9507543,14.5,6.9024549,14.49039Q6.854155,14.48078,6.808658,14.46194Q6.763161,14.44309,6.722215,14.41573Q6.681269,14.38837,6.646447,14.35355Q6.611625,14.31873,6.584265,14.27778Q6.556906,14.23684,6.53806,14.19134Q6.519215,14.14584,6.509607,14.09754Q6.5,14.04925,6.5,14ZM7.5,11.5L7.5,13.5L8.5,13.5L8.5,11.5L7.5,11.5Z"
fill=
"#FFFFFF"
fill-opacity=
"1"
/></g><g><rect
x=
"2"
y=
"3"
width=
"12"
height=
"8"
rx=
"1"
fill-opacity=
"0"
stroke-opacity=
"1"
stroke=
"#FFFFFF"
fill=
"none"
stroke-width=
"1"
/></g><g
transform=
"matrix(1,0.0000922808758332394,-0.00009228093404090032,1,0.0012919330765726045,-0.0003691235033329576)"
><path
d=
"M4,14.5L12.00001,14.5Q12.04926,14.5,12.09756,14.490393Q12.14586,14.480785000000001,12.19135,14.46194Q12.23685,14.443094,12.2778,14.415735Q12.31874,14.388375,12.35357,14.353553Q12.38839,14.318731,12.41575,14.277785Q12.44311,14.236839,12.46195,14.191342Q12.4808,14.145845,12.49041,14.0975451Q12.50001,14.0492457,12.50001,14Q12.50001,13.9507543,12.49041,13.9024549Q12.4808,13.854155,12.46195,13.808658Q12.44311,13.763161,12.41575,13.722215Q12.38839,13.681269,12.35357,13.646447Q12.31874,13.611625,12.2778,13.584265Q12.23685,13.556906,12.19135,13.53806Q12.14586,13.519214999999999,12.09756,13.509607Q12.04926,13.5,12.00001,13.5L4,13.5Q3.9507543,13.5,3.9024549,13.509607Q3.854155,13.519214999999999,3.808658,13.53806Q3.763161,13.556906,3.722215,13.584265Q3.681269,13.611625,3.646447,13.646447Q3.611625,13.681269,3.584265,13.722215Q3.556906,13.763161,3.5380599999999998,13.808658Q3.519215,13.854155,3.509607,13.9024549Q3.5,13.9507543,3.5,14Q3.5,14.0492457,3.509607,14.0975451Q3.519215,14.145845,3.5380599999999998,14.191342Q3.556906,14.236839,3.584265,14.277785Q3.611625,14.318731,3.646447,14.353553Q3.681269,14.388375,3.722215,14.415735Q3.763161,14.443094,3.808658,14.46194Q3.854155,14.480785000000001,3.9024549,14.490393Q3.9507543,14.5,4,14.5Z"
fill-rule=
"evenodd"
fill=
"#FFFFFF"
fill-opacity=
"1"
/></g><g><path
d=
"M11.85355,5.353553Q11.92388,5.283227,11.96194,5.191342Q12,5.0994562,12,5Q12,4.9507543,11.99039,4.9024549Q11.98078,4.854155,11.96194,4.808658Q11.94309,4.763161,11.91573,4.722215Q11.88837,4.681269,11.85355,4.646447Q11.81873,4.611625,11.77778,4.584265Q11.73684,4.556906,11.69134,4.53806Q11.64584,4.519215,11.59754,4.509607Q11.54925,4.5,11.5,4.5Q11.40054,4.5,11.30866,4.53806Q11.21677,4.57612,11.14645,4.646447L11.14626,4.646634L8.5,7.29289L7.35355,6.14645Q7.31873,6.11162,7.27778,6.08427Q7.23684,6.05691,7.19134,6.03806Q7.14584,6.01921,7.09754,6.00961Q7.04925,6,7,6Q6.95075,6,6.90245,6.00961Q6.85416,6.01921,6.80866,6.03806Q6.76316,6.05691,6.7222100000000005,6.08427Q6.68127,6.11162,6.64645,6.14645L4.646634,8.14626L4.646447,8.14645Q4.57612,8.21677,4.53806,8.30866Q4.5,8.40054,4.5,8.5Q4.5,8.54925,4.509607,8.59754Q4.519215,8.64584,4.53806,8.69134Q4.556906,8.73684,4.584265,8.77778Q4.611625,8.81873,4.646447,8.85355Q4.681269,8.88838,4.722215,8.91573Q4.763161,8.94309,4.808658,8.96194Q4.854155,8.98078,4.9024549,8.99039Q4.9507543,9,5,9Q5.0994562,9,5.191342,8.96194Q5.283227,8.92388,5.353553,8.85355L5.353741,8.85337L7,7.20711L8.14645,8.35355Q8.21677,8.42388,8.30866,8.46194Q8.40054,8.5,8.5,8.5Q8.59946,8.5,8.69134,8.46194Q8.78323,8.42388,8.85355,8.35355L11.85337,5.353741L11.85355,5.353553L11.85355,5.353553Z"
fill-rule=
"evenodd"
fill=
"#FFFFFF"
fill-opacity=
"1"
/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/views/monitoring/EnterpriseMonitoring.vue
0 → 100644
View file @
23c58450
<
template
>
<!--企业监控列表-->
<div
class=
"app-container EnterpriseMonitoring"
>
<div
class=
"header"
>
<div
class=
"search"
>
<div
class=
"label"
>
监控维度
</div>
<div
class=
"checkbox"
>
<el-radio-group
v-model=
"radio"
>
<el-radio
v-for=
"item in radioList"
:label=
"item.type"
>
{{
item
.
label
}}
</el-radio>
</el-radio-group>
</div>
</div>
</div>
<div
class=
"content"
>
<div
class=
"table-search"
>
<div
class=
"total"
>
共 162 条
</div>
<div
class=
"right"
>
<span
class=
"add"
>
添加企业
</span>
<span
class=
"add1"
>
批量监控
</span>
</div>
</div>
<div
class=
"table-item"
>
<el-table
class=
"fixed-table"
element-loading-text=
"Loading"
border
highlight-current-row
>
<el-table-column
label=
"序号"
width=
"60"
align=
"left"
fixed
>
<!--
<template
slot-scope=
"scope"
>
{{
pageIndex
*
pageSize
-
pageSize
+
scope
.
$index
+
1
}}
</
template
>
-->
<
template
slot-scope=
"scope"
>
1
</
template
>
</el-table-column>
<el-table-column
label=
"监控对象"
align=
"left"
>
<
template
slot-scope=
"scope"
>
中国中铁股份有限公司
</
template
>
</el-table-column>
<el-table-column
label=
"风险动态"
align=
"left"
>
<
template
slot-scope=
"scope"
>
中国中铁股份有限公司
</
template
>
</el-table-column>
<el-table-column
label=
"监控时间"
width=
"200"
align=
"left"
>
<
template
slot-scope=
"scope"
>
2022-09-02
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
align=
"center"
width=
"180"
class-name=
"small-padding fixed-width"
fixed=
"right"
>
<
template
slot-scope=
"scope"
>
<span>
取消监控
</span>
</
template
>
</el-table-column>
</el-table>
</div>
</div>
<el-dialog
:visible
.
sync=
"jkVisible"
custom-class=
'dialog-claim'
title=
"提示"
width=
"480px"
>
<div
class=
"dialog-content"
><i
class=
"el-icon-warning"
></i>
取消后将错过企业最新动态
</div>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button>
我再想想
</el-button>
<el-button
type=
"primary"
>
确定取消
</el-button>
</div>
</el-dialog>
<el-dialog
:visible
.
sync=
"qyVisible"
custom-class=
'dialog-claim'
title=
"添加监控企业"
width=
"480px"
>
<div
class=
"add-content"
>
<div
class=
"enterprise"
>
<div
class=
"label"
>
企业名称
</div>
<el-input
class=
"name"
placeholder=
"请输入企业名称"
>
<el-button
slot=
"append"
>
搜索
</el-button>
</el-input>
</div>
<div
class=
"companyList"
>
<div
class=
"list"
>
<div
class=
"item"
>
<div
class=
"item-left"
>
<!--<img v-if="item.logoUrl" :src="item.logoUrl" :alt="item.name.replace(/<font color='#FF204E'>/g,'').replace(/<\/font>/g,'')" />-->
<!--<img v-else src="@/assets/images/enterprise.png" :alt="item.name.replace(/<font color='#FF204E'>/g,'').replace(/<\/font>/g,'')" />-->
<img
src=
"@/assets/images/enterprise.png"
/>
</div>
<div
class=
"item-right"
>
<p
class=
"right-title"
>
中国铁建集团
</p>
<p
class=
"right-tips"
>
推荐监控
</p>
</div>
<el-checkbox></el-checkbox>
</div>
</div>
<p
class=
"tips"
>
前往企业查询寻找企业线索
<i
class=
"el-icon-arrow-right"
></i></p>
<div
class=
"btn"
>
<div>
<el-button>
取消
</el-button>
<el-button
type=
"primary"
>
确定
</el-button>
</div>
</div>
</div>
</div>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button>
取消
</el-button>
<el-button
type=
"primary"
>
确定
</el-button>
</div>
</el-dialog>
<el-dialog
:visible
.
sync=
"pldrVisible"
custom-class=
'dialog-claim'
title=
"批量导入监控企业"
width=
"480px"
>
<div
class=
"upload-content"
>
<el-upload
class=
"upload-demo"
drag
action=
"https://jsonplaceholder.typicode.com/posts/"
multiple
>
<i
class=
"el-icon-plus"
></i>
<div
class=
"el-upload__text"
>
将文件拖到此处,或
<em>
点击上传
</em>
</div>
<div
class=
"el-upload__tip"
>
仅允许导入xls、xlsx格式文件
</div>
</el-upload>
</div>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"download"
icon=
"el-icon-download"
>
下载模版
</el-button>
<el-button>
取消
</el-button>
<el-button
type=
"primary"
>
确定
</el-button>
</div>
</el-dialog>
</div>
</template>
<
script
>
export
default
{
name
:
'EnterpriseMonitoring'
,
data
()
{
return
{
radio
:
1
,
radioList
:[
{
type
:
1
,
label
:
'今天'
},
{
type
:
2
,
label
:
'近三天'
},
{
type
:
3
,
label
:
'近一周'
},
{
type
:
4
,
label
:
'近半月'
},
{
type
:
5
,
label
:
'近一个月'
},
{
type
:
6
,
label
:
'自定义日期'
},
],
tableData
:[
{
name
:
'中国中铁股份有限公司'
,
time
:
'2022-09-02'
,
}
],
jkVisible
:
false
,
qyVisible
:
true
,
pldrVisible
:
false
,
}
},
created
()
{
},
methods
:
{
handleClick
()
{
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.EnterpriseMonitoring
{
padding
:
0px
16px
;
.header
{
background
:
#FFFFFF
;
padding
:
25px
16px
;
border-radius
:
4px
;
.search
{
display
:
-
webkit-box
;
align-items
:
flex-start
;
line-height
:
20px
;
.label
{
margin-right
:
24px
;
}
}
}
.content
{
background
:
#FFFFFF
;
border-radius
:
4px
;
margin-top
:
16px
;
padding
:
16px
;
.table-search
{
display
:
flex
;
justify-content
:
space-between
;
font-size
:
12px
;
margin-bottom
:
16px
;
.total
{
color
:
rgba
(
35
,
35
,
35
,
0
.8
);
}
.right
{
span
{
width
:
88px
;
height
:
32px
;
border-radius
:
4px
4px
4px
4px
;
line-height
:
32px
;
text-align
:
center
;
display
:
inline-block
;
font-size
:
14px
;
cursor
:
pointer
;
}
.add
{
color
:
#0081FF
;
border
:
1px
solid
#0081FF
;
margin-right
:
16px
;
}
.add1
{
color
:
#FFFFFF
;
background
:
#0081FF
;
border
:
1px
solid
#0081FF
;
}
}
}
}
::v-deep
.dialog-claim
{
margin
:
0
!
important
;
position
:absolute
;
top
:
50%
;
left
:
50%
;
transform
:translate
(
-50
%
,
-50
%
)
;
.el-dialog__header
{
display
:
block
;
padding
:
16px
20px
;
border-bottom
:
1px
solid
#EEEEEE
;
font-size
:
16px
;
font-weight
:
700
;
color
:
#232323
;
}
.el-dialog__body
{
padding
:
24px
20px
;
font-size
:
14px
;
.dialog-content
{
i
{
margin-right
:
10px
;
font-size
:
16px
;
color
:
#FFAB44
;
}
}
.upload-content
{
.el-upload
{
width
:
100%
;
}
.el-upload-dragger
{
width
:
100%
;
padding-top
:
50px
;
.el-upload__text
{
margin-top
:
24px
;
font-size
:
14px
;
}
.el-upload__tip
{
font-size
:
12px
;
color
:
rgba
(
35
,
35
,
35
,
0
.4
);
}
}
}
.add-content
{
height
:
200px
;
.enterprise
{
display
:
-
webkit-box
;
align-items
:
flex-start
;
line-height
:
32px
;
.name
{
width
:
372px
;
height
:
32px
;
margin-left
:
12px
;
border-radius
:
2px
;
border
:
1px
solid
#DCDFE6
;
}
.el-input__inner
{
border
:
0
;
height
:
32px
;
}
.el-input-group__append
{
border
:
0
;
background
:
#F5F5F5
;
width
:
60px
;
color
:
#0081FF
;
}
}
.companyList
{
width
:
372px
;
margin-left
:
68px
;
margin-top
:
5px
;
background
:
#FFFFFF
;
box-shadow
:
0px
4px
8px
2px
rgba
(
0
,
0
,
0
,
0
.04
)
,
0px
2px
6px
0px
rgba
(
0
,
0
,
0
,
0
.06
)
,
0px
0px
4px
0px
rgba
(
0
,
0
,
0
,
0
.08
);
border-radius
:
4px
;
position
:
absolute
;
.list
{
max-height
:
372px
;
}
.item
{
display
:
flex
;
margin
:
0
16px
;
padding
:
14px
0
10px
0
;
position
:
relative
;
border-bottom
:
1px
solid
#EEEEEE
;
.item-left
{
margin-right
:
12px
;
img
{
width
:
40px
;
height
:
40px
;
}
}
.item-right
{
p
{
margin
:
0
;
padding
:
0
;
}
}
}
.item
:last-child
{
border-bottom
:
0
;
}
.tips
{
border-top
:
1px
solid
#EEEEEE
;
border-bottom
:
1px
solid
#EEEEEE
;
height
:
40px
;
line-height
:
40px
;
color
:
#0081FF
;
font-size
:
12px
;
padding
:
0
0
0
12px
;
margin
:
0
;
}
.btn
{
padding
:
16px
20px
24px
0
;
display
:
block
;
text-align
:
right
;
}
}
}
}
.dialog-footer
{
.download
{
float
:
left
;
}
}
}
}
</
style
>
dsk-operate-ui/src/views/monitoring/MonitorSettings.vue
View file @
23c58450
<
template
>
<
template
>
<!--监控维度设置-->
<div
class=
"app-container MonitorSettings"
>
<div
class=
"app-container MonitorSettings"
>
<div
class=
"M-title"
>
监控维度设置
</div>
<div
class=
"m-title"
>
监控维度设置
</div>
<div
class=
"M-main"
></div>
<div
class=
"m-main"
>
<div
class=
"M-title"
>
监控推送时间设置
</div>
<div
class=
"main-item"
>
<div
class=
"M-main"
></div>
<div
class=
"label"
>
风险类型
</div>
<div
class=
"M-title"
>
监控接收方式
</div>
<div
class=
"main-right"
>
<div
class=
"M-main"
></div>
<div
class=
"checkbox"
>
<div
class=
"checkbox-content-qx"
>
<el-checkbox
v-model=
"checkFx"
@
change=
"checkFxBtn"
>
全部
</el-checkbox>
</div>
<el-checkbox-group
v-model=
"queryParams.fxType"
class=
"keyword_checkbox"
@
change=
"checkFx1Btn"
>
<el-checkbox
v-for=
"item in fxlx"
:label=
"item.value"
:key=
"item.label"
>
{{
item
.
label
}}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
<div
class=
"main-item"
>
<div
class=
"label"
>
监控维度
</div>
<div
class=
"main-right"
>
<div
class=
"checkbox"
>
<div
class=
"checkbox-content-qx"
>
<el-checkbox
v-model=
"checkJkwd"
@
change=
"checkJkwdBtn"
>
全部
</el-checkbox>
</div>
<el-checkbox-group
v-model=
"queryParams.jkwdType"
class=
"keyword_checkbox"
@
change=
"checkJkwd1Btn"
>
<el-checkbox
v-for=
"item in jkwd"
:label=
"item.value"
:key=
"item.label"
>
{{
item
.
label
}}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div
class=
"m-title"
>
监控推送时间设置
</div>
<div
class=
"m-main"
>
<div
class=
"main-item"
>
<div
class=
"label"
>
推送频率
</div>
<el-radio
v-model=
"queryParams.radio"
label=
"1"
>
每天
</el-radio>
<el-radio
v-model=
"queryParams.radio"
label=
"2"
>
工作日(排除节假日)
</el-radio>
</div>
<div
class=
"main-item"
style=
"line-height: 32px;"
>
<div
class=
"label"
>
推送时段
</div>
<el-time-picker
is-range
class=
"timePicker"
v-model=
"queryParams.time"
range-separator=
"至"
start-placeholder=
"开始时间"
end-placeholder=
"结束时间"
placeholder=
"选择时间范围"
>
</el-time-picker>
</div>
</div>
<div
class=
"m-title"
>
监控接收方式
</div>
<div
class=
"m-main"
>
<div
class=
"main-item"
>
<div
class=
"label"
>
接收方式
</div>
<el-radio
v-model=
"queryParams.radio"
label=
"1"
>
全部
</el-radio>
<el-radio
v-model=
"queryParams.radio"
label=
"2"
>
手机短信
</el-radio>
<el-radio
v-model=
"queryParams.radio"
label=
"3"
>
PC
</el-radio>
</div>
<div
class=
"main-item"
style=
"line-height: 32px;"
>
<div
class=
"label"
>
手机号码
</div>
<el-input
class=
"phone"
v-model=
"queryParams.phone"
placeholder=
"请输入手机号"
></el-input>
</div>
</div>
<div
class=
"search"
>
<span
class=
"btn1"
>
保存
</span>
<span
class=
"btn2"
>
重置
</span>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -14,21 +75,154 @@
...
@@ -14,21 +75,154 @@
name
:
'MonitorSettings'
,
name
:
'MonitorSettings'
,
data
()
{
data
()
{
return
{
return
{
fxlx
:[
{
value
:
'1'
,
label
:
'工商风险'
},
{
value
:
'2'
,
label
:
'司法风险'
},
],
jkwd
:[
{
value
:
'1'
,
label
:
'法院公告'
},
{
value
:
'2'
,
label
:
'裁判文书'
},
{
value
:
'3'
,
label
:
'开庭公告'
},
{
value
:
'3'
,
label
:
'股权冻结'
},
],
checkFx
:
true
,
checkJkwd
:
true
,
queryParams
:{
fxType
:[],
jkwdType
:[],
time
:[
new
Date
(
2016
,
9
,
10
,
8
,
40
),
new
Date
(
2016
,
9
,
10
,
9
,
40
)],
radio
:
'1'
,
phone
:
''
}
}
}
},
},
created
()
{
created
()
{
},
},
methods
:
{
methods
:
{
checkFxBtn
(
val
)
{
handleClick
()
{
this
.
queryParams
.
fxType
=
[];
this
.
checkFx
=
true
;
}
this
.
search
();
},
checkFx1Btn
(
val
){
if
(
val
.
length
>
0
)
{
this
.
checkFx
=
false
;
}
else
if
(
val
.
length
==
0
)
{
this
.
checkFx
=
true
;
}
},
checkJkwdBtn
(
val
)
{
this
.
queryParams
.
jkwdType
=
[];
this
.
checkJkwd
=
true
;
},
checkJkwd1Btn
(
val
){
console
.
log
(
val
)
if
(
val
.
length
>
0
)
{
this
.
checkJkwd
=
false
;
}
else
if
(
val
.
length
==
0
)
{
this
.
checkJkwd
=
true
;
}
},
}
}
}
}
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.MonitorSettings
{
padding
:
0px
16px
;
background
:
#ffffff
;
.m-title
{
border-left
:
2px
solid
rgba
(
35
,
35
,
35
,
0
.8
);;
padding-left
:
8px
;
font-size
:
16px
;
height
:
16px
;
line-height
:
16px
;
font-weight
:
700
;
color
:
#232323
;
margin-top
:
16px
;
margin-bottom
:
16px
;
}
.m-main
{
border-bottom
:
1px
solid
#EEEEEE
;
}
.main-item
{
margin-bottom
:
16px
;
display
:
-
webkit-box
;
align-items
:
flex-start
;
.label
{
width
:
88px
;
font-size
:
14px
;
font-weight
:
400
;
color
:
rgba
(
35
,
35
,
35
,
0
.8
);
}
.main-right
{
width
:
calc
(
100%
-
112px
);
.checkbox
{
display
:
flex
;
align-items
:
flex-start
;
.checkbox-content-qx
{
margin-right
:
24px
;
}
}
}
::v-deep
.timePicker
{
width
:
228px
;
height
:
32px
;
.el-range__icon
{
line-height
:
27px
;
}
.el-range__close-icon
{
line-height
:
27px
;
}
}
::v-deep
.phone
{
width
:
228px
;
height
:
32px
;
border-radius
:
2px
2px
2px
2px
;
}
}
.search
{
margin
:
24px
0
0
88px
;
span
{
width
:
60px
;
height
:
32px
;
line-height
:
32px
;
border-radius
:
4px
4px
4px
4px
;
cursor
:
pointer
;
display
:
inline-block
;
text-align
:
center
;
font-size
:
14px
;
}
.btn1
{
background
:
#0081FF
;
border
:
1px
solid
#0081FF
;
color
:
#FFFFFF
;
margin-right
:
12px
;
}
.btn2
{
border
:
1px
solid
#DCDFE6
;
background
:
#ffffff
;
color
:
rgba
(
35
,
35
,
35
,
0
.8
);
}
}
}
</
style
>
</
style
>
dsk-operate-ui/src/views/monitoring/MonitoringDynamics.vue
0 → 100644
View file @
23c58450
<
template
>
<!--监控动态-->
<div
class=
"app-container MonitoringDynamics"
>
<div
class=
"search"
>
</div>
<div
class=
"content"
>
<div
class=
"total"
>
共 162 条
</div>
<div
class=
"table-item"
>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
name
:
'MonitoringDynamics'
,
data
()
{
return
{
}
},
created
()
{
},
methods
:
{
handleClick
()
{
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
</
style
>
dsk-operate-ui/src/views/monitoring/MonitoringReport.vue
0 → 100644
View file @
23c58450
<
template
>
<!--监控报告-->
<div
class=
"app-container MonitoringReport"
>
<div
class=
"header"
>
<el-tabs
v-model=
"activeName"
@
tab-click=
"handleClick"
>
<el-tab-pane
label=
"监控日报"
name=
"first"
></el-tab-pane>
<el-tab-pane
label=
"监控周报"
name=
"second"
></el-tab-pane>
<el-tab-pane
label=
"监控月报"
name=
"third"
></el-tab-pane>
</el-tabs>
</div>
<div
class=
"report-content"
>
<div
class=
"list"
>
<div
class=
"list-title"
>
<div
class=
"flex-box query-box"
>
<div
class=
"flex-box query-params"
>
<span
class=
"common-title"
>
今日
</span>
</div>
<div
class=
"flex-box query-ability"
>
共
<span
style=
"color:#0081FF;padding: 0 4px;"
>
13
</span>
家企业发生
<span
style=
"color:#F7965B;padding: 0 4px;"
>
651
</span>
条动态信息
</div>
</div>
</div>
<div
class=
"item"
>
<div
class=
"item-left"
>
<!--
<img
v-if=
"item.logoUrl"
:src=
"item.logoUrl"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<!--
<img
v-else
src=
"@/assets/images/enterprise.png"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<img
src=
"@/assets/images/enterprise.png"
/>
</div>
<div
class=
"item-right"
>
<p
class=
"right-title"
>
<span>
中国铁建集团
</span>
</p>
<p
class=
"card-right-p"
>
<span
class=
"right-label"
>
提示:
</span>
<span
class=
"right-color color1"
>
11
</span>
<span
class=
"right-label"
>
正向:
</span>
<span
class=
"right-color color1"
>
21
</span>
<span
class=
"right-label"
>
低风险:
</span>
<span
class=
"right-color color1"
>
31
</span>
<span
class=
"right-label"
>
中风险:
</span>
<span
class=
"right-color color1"
>
41
</span>
<span
class=
"right-label"
>
高风险:
</span>
<span
class=
"right-color color1"
>
1
</span>
</p>
<div
class=
"tips"
>
新增
<span>
654
</span>
条动态信息
</div>
</div>
</div>
<div
class=
"item"
>
<div
class=
"item-left"
>
<!--
<img
v-if=
"item.logoUrl"
:src=
"item.logoUrl"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<!--
<img
v-else
src=
"@/assets/images/enterprise.png"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<img
src=
"@/assets/images/enterprise.png"
/>
</div>
<div
class=
"item-right"
>
<p
class=
"right-title"
>
<span>
中国铁建集团
</span>
</p>
<p
class=
"card-right-p"
>
<span
class=
"right-label"
>
提示:
</span>
<span
class=
"right-color color1"
>
11
</span>
<span
class=
"right-label"
>
正向:
</span>
<span
class=
"right-color color2"
>
21
</span>
<span
class=
"right-label"
>
低风险:
</span>
<span
class=
"right-color color3"
>
31
</span>
<span
class=
"right-label"
>
中风险:
</span>
<span
class=
"right-color color4"
>
41
</span>
<span
class=
"right-label"
>
高风险:
</span>
<span
class=
"right-color color5"
>
1
</span>
</p>
<div
class=
"tips"
>
新增
<span>
654
</span>
条动态信息
</div>
</div>
</div>
</div>
<div
class=
"list"
>
<div
class=
"list-title"
>
<div
class=
"flex-box query-box"
>
<div
class=
"flex-box query-params"
>
<span
class=
"common-title"
>
昨日
</span>
</div>
<div
class=
"flex-box query-ability"
>
共
<span
style=
"color:#0081FF;padding: 0 4px;"
>
13
</span>
家企业发生
<span
style=
"color:#F7965B;padding: 0 4px;"
>
651
</span>
条动态信息
</div>
</div>
</div>
<div
class=
"item"
>
<div
class=
"item-left"
>
<!--
<img
v-if=
"item.logoUrl"
:src=
"item.logoUrl"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<!--
<img
v-else
src=
"@/assets/images/enterprise.png"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<img
src=
"@/assets/images/enterprise.png"
/>
</div>
<div
class=
"item-right"
>
<p
class=
"right-title"
>
<span>
中国铁建集团
</span>
</p>
<p
class=
"card-right-p"
>
<span
class=
"right-label"
>
提示:
</span>
<span
class=
"right-color color1"
>
11
</span>
<span
class=
"right-label"
>
正向:
</span>
<span
class=
"right-color color1"
>
21
</span>
<span
class=
"right-label"
>
低风险:
</span>
<span
class=
"right-color color1"
>
31
</span>
<span
class=
"right-label"
>
中风险:
</span>
<span
class=
"right-color color1"
>
41
</span>
<span
class=
"right-label"
>
高风险:
</span>
<span
class=
"right-color color1"
>
1
</span>
</p>
<div
class=
"tips"
>
新增
<span>
654
</span>
条动态信息
</div>
</div>
</div>
<div
class=
"item"
>
<div
class=
"item-left"
>
<!--
<img
v-if=
"item.logoUrl"
:src=
"item.logoUrl"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<!--
<img
v-else
src=
"@/assets/images/enterprise.png"
:alt=
"item.name.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" />-->
<img
src=
"@/assets/images/enterprise.png"
/>
</div>
<div
class=
"item-right"
>
<p
class=
"right-title"
>
<span>
中国铁建集团
</span>
</p>
<p
class=
"card-right-p"
>
<span
class=
"right-label"
>
提示:
</span>
<span
class=
"right-color color1"
>
11
</span>
<span
class=
"right-label"
>
正向:
</span>
<span
class=
"right-color color2"
>
21
</span>
<span
class=
"right-label"
>
低风险:
</span>
<span
class=
"right-color color3"
>
31
</span>
<span
class=
"right-label"
>
中风险:
</span>
<span
class=
"right-color color4"
>
41
</span>
<span
class=
"right-label"
>
高风险:
</span>
<span
class=
"right-color color5"
>
1
</span>
</p>
<div
class=
"tips"
>
新增
<span>
654
</span>
条动态信息
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
name
:
'MonitoringReport'
,
data
()
{
return
{
activeName
:
'first'
,
dataList
:[
{
time
:
'今日'
,
list
:[]
}
]
}
},
created
()
{
},
methods
:
{
handleClick
()
{
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.MonitoringReport
{
padding
:
0px
16px
;
/*background: #ffffff;*/
.header
{
justify-content
:
space-between
;
height
:
48px
;
background
:
#FFFFFF
;
border-radius
:
4px
;
color
:
#232323
;
position
:
sticky
;
top
:
54px
;
z-index
:
999
;
::v-deep
.el-tabs
{
height
:
48px
;
line-height
:
48px
;
.
el-tabs__nav-wrap
:
:
after
{
position
:
static
!
important
;
}
.el-tabs__header
{
margin
:
0
;
.el-tabs__item
{
padding
:
0
16px
;
font-size
:
16px
;
}
.is-active
{
font-weight
:
bold
;
}
}
.el-tabs__content
{
width
:
100%
;
}
}
.location
{
font-size
:
14px
;
color
:
#0081FF
;
i
{
margin-right
:
6px
;
font-size
:
16px
;
}
}
}
.report-content
{
.list
{
background
:
#fff
;
margin-top
:
16px
;
.list-title
{
height
:
56px
;
line-height
:
56px
;
border-bottom
:
1px
solid
#EEEEEE
;
padding
:
0
16px
;
.query-params
{
font-size
:
16px
;
font-weight
:
700
;
color
:
#232323
;
}
.query-ability
{
font-size
:
14px
;
font-weight
:
400
;
color
:
#3D3D3D
;
span
{
margin
:
0
;
}
}
}
.item
{
display
:
flex
;
margin
:
0
16px
;
padding
:
16px
0
;
position
:
relative
;
border-bottom
:
1px
solid
#EEEEEE
;
.item-left
{
margin-right
:
12px
;
img
{
width
:
62px
;
height
:
62px
;
}
}
.item-right
{
p
{
margin
:
0
;
padding
:
0
;
}
.right-title
{
font-size
:
16px
;
font-weight
:
700
;
color
:
#333333
;
margin-bottom
:
10px
;
margin-top
:
2px
;
}
.right-label
{
font-size
:
14px
;
color
:
#666666
;
}
.tips
{
position
:
absolute
;
right
:
0
;
top
:
46px
;
color
:
#666666
;
font-size
:
14px
;
span
{
color
:
#333333
;
padding
:
0
4px
;
}
}
.right-color
{
margin-right
:
24px
;
}
.color1
{
color
:
#0081FF
;
}
.color2
{
color
:
#0CBC6D
;
}
.color3
{
color
:
#F7965B
;
}
.color4
{
color
:
#FF3C3C
;
}
.color5
{
color
:
#FF3C3C
;
}
}
}
.item
:last-child
{
border-bottom
:
0
;
}
}
}
}
</
style
>
dsk-operate-ui/vue.config.js
View file @
23c58450
...
@@ -146,4 +146,4 @@ module.exports = {
...
@@ -146,4 +146,4 @@ module.exports = {
}
}
);
);
}
}
};
};
\ No newline at end of file
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