shaojiahao
/
Sinopec-Anxin
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://39.106.78.171:3000/shaojiahao/Sinopec-Anxin

dev
刘向辉 3 years ago
parent
6aec9c9a87 3c0c01d710
commit
aba6f459e0
9 changed files with 70 additions and 103 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 30
      src/app/pages/criminal-records-admin/criminal-records-admin.component.html
  2. 17
      src/app/pages/criminal-records-admin/criminal-records-admin.component.scss
  3. 22
      src/app/pages/criminal-records-admin/criminal-records-admin.component.ts
  4. 58
      src/app/pages/criminal-records/criminal-records.component.html
  5. 14
      src/app/pages/criminal-records/criminal-records.component.scss
  6. 22
      src/app/pages/criminal-records/criminal-records.component.ts
  7. 6
      src/app/pages/today-warning-admin/today-warning-admin.component.html
  8. 2
      src/app/pages/today-warning-admin/today-warning-admin.component.scss
  9. 2
      src/app/pages/today-warning/today-warning.component.scss

30
src/app/pages/criminal-records-admin/criminal-records-admin.component.html
Unescape View File

@ -97,15 +97,15 @@
<div class="tablebox">
<div class="table">
<div nz-row class="th">
<div nz-col nzSpan="4" style="box-sizing: border-box;padding-left: 18px;">
事件编号
</div>
<div nz-col nzSpan="2">
<div nz-col nzSpan="2" style="box-sizing: border-box;padding-left: 18px;">
事件级别
</div>
<div nz-col nzSpan="4">
事件类型
</div>
<div nz-col nzSpan="4">
所属公司
</div>
<div nz-col nzSpan="2">
区域
</div>
@ -116,7 +116,7 @@
加油站
</div>
<div nz-col nzSpan="3">
地点
摄像头
</div>
<div nz-col nzSpan="3">
违规时间
@ -127,32 +127,32 @@
</div>
<div class="tbody">
<div nz-row class="tr" *ngFor="let item of list">
<div nz-col nzSpan="4" style="box-sizing: border-box;padding-left: 18px;">
{{item.id}}
<div nz-col nzSpan="2" style="box-sizing: border-box;padding-left: 18px;">
Ⅰ级
</div>
<div nz-col nzSpan="2">
{{item.level}}
<div nz-col nzSpan="4">
日常违规行为
</div>
<div nz-col nzSpan="4">
{{item.type}}
中化某某省公司
</div>
<div nz-col nzSpan="2">
山东淄博
山东-淄博
</div>
<div nz-col nzSpan="1" style="text-align: right;box-sizing: border-box;padding-right: 8px;">
自营
</div>
<div nz-col nzSpan="4">
{{item.name}}
中化山东省淄博市第6加油站
</div>
<div nz-col nzSpan="3">
{{item.site}}
加油区2号摄像头
</div>
<div nz-col nzSpan="3">
{{item.time}}
2021-10-12 09:28:13
</div>
<div nz-col nzSpan="1">
<span (click)="look()">查看</span>
<span class="look" (click)="look()">查看</span>
</div>
</div>
</div>

17
src/app/pages/criminal-records-admin/criminal-records-admin.component.scss
Unescape View File

@ -1,4 +1,4 @@
.recordsbox {
.recordsboxadmin {
width: 100%;
height: 100%;
display: flex;
@ -173,7 +173,10 @@
.th {
height: 38px;
line-height: 38px;
background: #054783;
background: rgba(35, 153, 255, 0.2);
border: 1px solid rgba(35, 217, 255, 0.4);
box-shadow: 0 0 3px 0 rgba(35, 217, 255, 0.4) inset;
color: #23D9FF;
}
.tbody {
@ -184,6 +187,16 @@
height: 38px;
line-height: 38px;
border-bottom: 1px solid #0d3761;
div {
color: #91CCFF;
.look {
color: #36A2FF;
cursor: pointer;
}
}
}
}
}

22
src/app/pages/criminal-records-admin/criminal-records-admin.component.ts
Unescape View File

@ -203,27 +203,7 @@ export class CriminalRecordsAdminComponent implements OnInit {
}
list: any = [
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' },
{ id: 'SDFFDCDC484C8DCCCDGG', level: 'Ⅰ级', type: '工作人员倚靠加油机或立柱', name: '中化山东省淄博市第6加油站', site: '加油区2号摄像头', time: '2021-10-12 09:28:13' }
]
list: any = [1,1,1,1,1,1,1,1,1,1,1,1]
look() {
this.router.navigate(['home/records/petrolStation'])
}

58
src/app/pages/criminal-records/criminal-records.component.html
Unescape View File

@ -68,62 +68,44 @@
<div class="tablebox">
<div class="table">
<div nz-row class="th">
<div nz-col nzSpan="4" style="box-sizing: border-box;padding-left: 18px;">
事件编号
<div nz-col nzSpan="4" style="box-sizing: border-box;padding-left: 6%;">
预警级别
</div>
<div nz-col nzSpan="2">
事件级别
<div nz-col nzSpan="5">
预警类型
</div>
<div nz-col nzSpan="4">
事件类型
</div>
<div nz-col nzSpan="2">
区域
</div>
<div nz-col nzSpan="1">
<div nz-col nzSpan="5">
违规信息
</div>
<div nz-col nzSpan="4">
加油站
</div>
<div nz-col nzSpan="3">
地点
摄像头
</div>
<div nz-col nzSpan="3">
<div nz-col nzSpan="4">
违规时间
</div>
<div nz-col nzSpan="1">
<div nz-col nzSpan="2">
操作
</div>
</div>
<div class="tbody">
<div nz-row class="tr" *ngFor="let item of list">
<div nz-col nzSpan="4" style="box-sizing: border-box;padding-left: 18px;">
{{item.id}}
<div nz-col nzSpan="4" style="box-sizing: border-box;padding-left: 6%;">
Ⅰ级
</div>
<div nz-col nzSpan="2">
{{item.level}}
</div>
<div nz-col nzSpan="4">
{{item.type}}
</div>
<div nz-col nzSpan="2">
山东淄博
<div nz-col nzSpan="5">
日常违规行为
</div>
<div nz-col nzSpan="1" style="text-align: right;box-sizing: border-box;padding-right: 8px;">
自营
<div nz-col nzSpan="5">
工作人员倚靠加油机或立柱
</div>
<div nz-col nzSpan="4">
{{item.name}}
</div>
<div nz-col nzSpan="3">
{{item.site}}
加油区2号摄像头
</div>
<div nz-col nzSpan="3">
{{item.time}}
<div nz-col nzSpan="4">
2021-10-12 09:28:13
</div>
<div nz-col nzSpan="1">
查看
<div nz-col nzSpan="2">
<span class="look">查看</span>
</div>
</div>
</div>

14
src/app/pages/criminal-records/criminal-records.component.scss
Unescape View File

@ -84,7 +84,10 @@
.th {
height: 38px;
line-height: 38px;
background: #054783;
background: rgba(35, 153, 255, 0.2);
border: 1px solid rgba(35, 217, 255, 0.4);
box-shadow: 0 0 3px 0 rgba(35, 217, 255, 0.4) inset;
color: #23D9FF;
}
.tbody {
@ -95,6 +98,15 @@
height: 38px;
line-height: 38px;
border-bottom: 1px solid #0d3761;
div {
color: #91CCFF;
.look {
color: #36A2FF;
cursor: pointer;
}
}
}
}
}

22
src/app/pages/criminal-records/criminal-records.component.ts
Unescape View File

@ -35,25 +35,5 @@ export class CriminalRecordsComponent implements OnInit {
}
list: any = [
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'},
{id:'SDFFDCDC484C8DCCCDGG',level:'Ⅰ级',type:'工作人员倚靠加油机或立柱',name:'中化山东省淄博市第6加油站',site:'加油区2号摄像头',time:'2021-10-12 09:28:13'}
]
list: any = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
}

6
src/app/pages/today-warning-admin/today-warning-admin.component.html
Unescape View File

@ -26,14 +26,14 @@
<nz-form-item class="searchParams">
<nz-form-control>
<nz-select id="company" formControlName="company" nzPlaceHolder="请选择所属公司">
<nz-select id="company" formControlName="company" nzPlaceHolder="请选择所属机构">
<nz-option nzValue="1" nzLabel="一级"></nz-option>
<nz-option nzValue="2" nzLabel="二级"></nz-option>
<nz-option nzValue="3" nzLabel="三级"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item class="searchParams">
<!-- <nz-form-item class="searchParams">
<nz-form-control>
<nz-select id="area" formControlName="area" nzPlaceHolder="请选择区域">
<nz-option nzValue="1" nzLabel="一级"></nz-option>
@ -50,7 +50,7 @@
<nz-option nzValue="3" nzLabel="三级"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
</nz-form-item> -->
<nz-form-item class="searchParams">
<nz-form-control [nzSm]="16" [nzXs]="24">
<nz-date-picker id="datePicker" formControlName="datePicker" nzPlaceHolder="请选择时间"></nz-date-picker>

2
src/app/pages/today-warning-admin/today-warning-admin.component.scss
Unescape View File

@ -27,7 +27,7 @@
justify-content: space-around;
.searchParams {
width: 14.5%;
width: 22%;
}
.btn {

2
src/app/pages/today-warning/today-warning.component.scss
Unescape View File

@ -40,7 +40,7 @@
nz-date-picker {
background-color: rgba(0, 0, 0, 0);
width: 145%;
width: 100%;
}
}

Write Preview
Loading…
Cancel
Save