-
-
Ⅰ级违法事件
-
Ⅱ级违法事件
-
Ⅲ级违法事件
+
+
+ 
+ Ⅰ级违法事件
+
+
+ 
+ Ⅱ级违法事件
+
+
+ 
+ Ⅲ级违法事件
+
- 编号:{{item.num}}
+ 预警类型: {{item.type}}
- 违规行为:{{item.content}}
+ 违规信息: {{item.content}}
-
- 违规地点:{{item.site}}
+
+ 摄像头: {{item.site}}
- 违规时间:{{item.time}}
+ 违规时间: {{item.time}}
-
-
+
+
+ 
diff --git a/src/app/pages/today-warning/today-warning.component.scss b/src/app/pages/today-warning/today-warning.component.scss
index 129b79b..8d719b0 100644
--- a/src/app/pages/today-warning/today-warning.component.scss
+++ b/src/app/pages/today-warning/today-warning.component.scss
@@ -9,12 +9,8 @@
box-sizing: border-box;
padding: 0 20PX;
width: 100%;
- height: 50px;
- line-height: 50px;
- font-family: titlefont;
- font-size: 26px;
- color: #D0EAFF;
- margin: 15px 0;
+ height: 48px;
+ margin: 16px 0;
}
.search {
@@ -74,21 +70,26 @@
overflow-y: auto;
box-sizing: border-box;
padding: 20px 47px 20px 39px;
+
.listitem {
width: 100%;
- height: 75px;
- line-height: 75px;
- border: 1px solid #4c8ac8;
- color: #86bff3;
+ height: 78px;
+ line-height: 78px;
+ border: 1px solid rgba(54, 162, 255, 0.478);
+ color: #91CCFF;
margin-bottom: 12px;
-
+ background: linear-gradient(180deg, rgba(3, 0, 0, 0) 0%, rgba(0, 46, 91, 0.68) 100%);
div {
+ font-size: 15px;
text-align: center;
-
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
button {
+ font-size: 15px;
background-color: #013064;
border: 1px solid #4c8ac8;
- color: #86bff3;
+ color: #91CCFF;
}
}
}
diff --git a/src/app/pages/today-warning/today-warning.component.ts b/src/app/pages/today-warning/today-warning.component.ts
index c952347..d61b579 100644
--- a/src/app/pages/today-warning/today-warning.component.ts
+++ b/src/app/pages/today-warning/today-warning.component.ts
@@ -36,18 +36,18 @@ export class TodayWarningComponent implements OnInit {
}
list: any = [
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:2,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:3,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
- {level:1,num:'DFHDUF54545SDS5D45SD4',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'}
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:2,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:3,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
+ {level:1,type:'加油区违规',content:'工作人员倚靠加油机或者立柱',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'}
]
isVisible = false;
diff --git a/src/app/ui/tabbar/tabbar.component.html b/src/app/ui/tabbar/tabbar.component.html
index 02a2b57..4955849 100644
--- a/src/app/ui/tabbar/tabbar.component.html
+++ b/src/app/ui/tabbar/tabbar.component.html
@@ -1,6 +1,6 @@
- 中化科学至上
+
@@ -10,9 +10,9 @@
|
-
用户名
+
用户名
- 头像
+ 
-
\ No newline at end of file
+
diff --git a/src/app/ui/tabbar/tabbar.component.scss b/src/app/ui/tabbar/tabbar.component.scss
index 29e901a..a4e7d4f 100644
--- a/src/app/ui/tabbar/tabbar.component.scss
+++ b/src/app/ui/tabbar/tabbar.component.scss
@@ -1,23 +1,27 @@
-.box{
- width: 100%;
- height: 52px;
- background-image: linear-gradient(#001530, #051C3C ,#162f50, #243c55);
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: #fff;
- box-sizing: border-box;
- padding: 0 20px;
- color: #8aacce;
+.box {
+ width: 100%;
+ height: 56px;
+ background: linear-gradient(#01142f, #0d2b4f);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ box-sizing: border-box;
+ padding: 0 20px;
+ color: #8aacce;
}
-.boxleft{
- font-size: 18px;
- font-weight: 500;
- // text-shadow: 0px 0px 2px #8df;
- color: rgb(255, 255, 255);
-}
-.boxright{
- span{
- font-size: 15px;
- }
+
+.boxright {
+ display: flex;
+ align-items: center;
+ span {
+ font-size: 16px;
+ color: #FFFFFF;
+ opacity: 0.6;
+ }
+
+ img {
+ width: 36px;
+ height: 36px;
+ }
}
diff --git a/src/app/ui/tabbar/tabbar.component.ts b/src/app/ui/tabbar/tabbar.component.ts
index d47210c..66ac60e 100644
--- a/src/app/ui/tabbar/tabbar.component.ts
+++ b/src/app/ui/tabbar/tabbar.component.ts
@@ -41,7 +41,7 @@ export class TabbarComponent implements OnInit {
h = check(h);
m = check(m);
s = check(s);
- let timestr = y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s;
+ let timestr = y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s;
this.time = timestr;
//时间数字小于10，则在之前加个“0”补位。
function check(i) {
diff --git a/src/app/ui/title/title.component.html b/src/app/ui/title/title.component.html
index 56b04d6..059ce9f 100644
--- a/src/app/ui/title/title.component.html
+++ b/src/app/ui/title/title.component.html
@@ -1,8 +1,8 @@
diff --git a/src/app/ui/title/title.component.scss b/src/app/ui/title/title.component.scss
index 90de46d..35c7a8b 100644
--- a/src/app/ui/title/title.component.scss
+++ b/src/app/ui/title/title.component.scss
@@ -3,27 +3,28 @@
height: 100%;
display: flex;
align-items: center;
-
img {
- max-width: 46px;
- max-height: 46px;
+ width: 65px;
+ height: 65px;
}
-
.content {
flex: 1;
- height: 46px;
+ height: 48px;
display: flex;
align-items: center;
- background-image: linear-gradient(to right, #002147, #033565, #064e8e, #064e8e, #033565, #002147);
+ // background-image: linear-gradient(to right, #002147, #033565, #064e8e, #064e8e, #033565, #002147);
+ background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.32) 50%, rgba(35, 153, 255, 0) 100%);
.contentitem {
width: 100%;
- height: 33px;
- line-height: 33px;
- background-image: linear-gradient(to right, #002147, #0f5ca0, #1c88e6, #1c88e6, #0f5ca0, #002147);
-
+ height: 32px;
+ display: flex;
+ align-items: center;
+ // background-image: linear-gradient(to right, #002147, #0f5ca0, #1c88e6, #1c88e6, #0f5ca0, #002147);
+ background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.8) 50%, rgba(35, 153, 255, 0) 100%);
span {
- margin-left: 20px;
+
+ margin-left: 10px;
color: #bce0ff;
font-size: 20px;
font-family: titlefont;
diff --git a/src/assets/images/caiji.jpg b/src/assets/images/caiji.jpg
deleted file mode 100644
index a085544eb4d069de47e8eecd52bee415eb376372..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 1595819
zcmbTd2Ut_V)-Jq52Msl#g7g{?Yv{d`AT6O85JW%;7!agM?;uDoD!qkjK!pIJ6zO7v
zB!F}QQF_r(r2g@o`<-+C|GD@6-@WrB^SpblHG9^qnVmiJ&gA6l$t+N&7l63~0C2c8
zzytsQ2zVMv1B6i#FZKI3EhI%P
- 
+