Commit 4e744283 authored by wangqinghua's avatar wangqinghua

智能运维监管平台 --白色主题

parent 56734a1a
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
</div> </div>
<div class="tag-warn tag-form handle"> <div class="tag-warn tag-form handle">
<ng-container *ngFor="let item of warnCountList"> <ng-container *ngFor="let item of warnCountList">
<span style="color: #799bf2" [ngClass]="{'select-border': selectHostId == item.hostid}" (click)="search(item.hostid)"> <span [ngClass]="{'select-border': selectHostId == item.hostid}" (click)="search(item.hostid)">
<nz-tag *ngIf="item.level == 4 || item.level == 5" class="tag-red" [nzColor]="color.red"></nz-tag> <nz-tag *ngIf="item.level == 4 || item.level == 5" class="tag-red" [nzColor]="color.red"></nz-tag>
<nz-tag *ngIf="item.level == 2 || item.level == 3" class="tag-yellow" [nzColor]="color.yellow"></nz-tag> <nz-tag *ngIf="item.level == 2 || item.level == 3" class="tag-yellow" [nzColor]="color.yellow"></nz-tag>
{{item.name}}({{item.size}}) {{item.name}}({{item.size}})
......
...@@ -73,14 +73,7 @@ export class AnalysisDealComponent implements OnInit { ...@@ -73,14 +73,7 @@ export class AnalysisDealComponent implements OnInit {
type: 'category', type: 'category',
data: this.dealList.map(e => { data: this.dealList.map(e => {
return e.username; return e.username;
}), })
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
...@@ -88,12 +81,7 @@ export class AnalysisDealComponent implements OnInit { ...@@ -88,12 +81,7 @@ export class AnalysisDealComponent implements OnInit {
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} 个', formatter: '{value} 个'
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
}, },
boundaryGap: [0, 0.1], boundaryGap: [0, 0.1],
}, },
......
...@@ -74,14 +74,7 @@ export class AnalysisEventComponent implements OnInit { ...@@ -74,14 +74,7 @@ export class AnalysisEventComponent implements OnInit {
type: 'category', type: 'category',
data: this.eventList.map(e => { data: this.eventList.map(e => {
return e.typeName; return e.typeName;
}), })
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
...@@ -89,12 +82,7 @@ export class AnalysisEventComponent implements OnInit { ...@@ -89,12 +82,7 @@ export class AnalysisEventComponent implements OnInit {
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} 个', formatter: '{value} 个'
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
}, },
boundaryGap: [0, 0.1], boundaryGap: [0, 0.1],
}, },
......
...@@ -72,14 +72,7 @@ export class AnalysisStatusComponent implements OnInit { ...@@ -72,14 +72,7 @@ export class AnalysisStatusComponent implements OnInit {
type: 'category', type: 'category',
data: this.statusList.map(e => { data: this.statusList.map(e => {
return e.operateStatusName; return e.operateStatusName;
}), })
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
...@@ -87,12 +80,7 @@ export class AnalysisStatusComponent implements OnInit { ...@@ -87,12 +80,7 @@ export class AnalysisStatusComponent implements OnInit {
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} 个', formatter: '{value} 个'
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
}, },
boundaryGap: [0, 0.1], boundaryGap: [0, 0.1],
}, },
......
...@@ -85,10 +85,10 @@ ...@@ -85,10 +85,10 @@
</nz-spin> </nz-spin>
<div nz-row nzGutter="4" style="margin: 20px 0"> <div nz-row nzGutter="4" style="margin: 20px 0">
<div nz-col nzSpan="20"> <div nz-col nzSpan="20">
<h3 class="color-999">常见问题TOP10</h3> <h3>常见问题TOP10</h3>
</div> </div>
<div nz-col nzSpan="4" class="text-right"> <div nz-col nzSpan="4" class="text-right">
<button [nzLoading]="isDownload1" (click)="downLoadCommon()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button> <button [nzLoading]="isDownload1" (click)="downLoadCommon()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button>
</div> </div>
</div> </div>
<nz-table #nzTable [nzData]="commonList"> <nz-table #nzTable [nzData]="commonList">
...@@ -115,10 +115,10 @@ ...@@ -115,10 +115,10 @@
</nz-table> </nz-table>
<div nz-row nzGutter="4" style="margin: 20px 0"> <div nz-row nzGutter="4" style="margin: 20px 0">
<div nz-col nzSpan="20"> <div nz-col nzSpan="20">
<h3 class="color-999">统计报告</h3> <h3>统计报告</h3>
</div> </div>
<div nz-col nzSpan="4" class="text-right"> <div nz-col nzSpan="4" class="text-right">
<button [nzLoading]="isDownload2" (click)="downLoadReport()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button> <button [nzLoading]="isDownload2" (click)="downLoadReport()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button>
</div> </div>
</div> </div>
<nz-table #nzTable1 [nzData]="reportList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)"> <nz-table #nzTable1 [nzData]="reportList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)">
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
</td> </td>
<td> <td>
<span class="cursor main-color" (click)="showErrorModal(data)"> {{data.error}}</span> <span class="cursor main-color" (click)="showErrorModal(data)"> {{data.error}}</span>
</td> </td>
</tr> </tr>
</ng-container> </ng-container>
</tbody> </tbody>
......
...@@ -95,12 +95,7 @@ export class ResourceUsabilComponent implements OnInit { ...@@ -95,12 +95,7 @@ export class ResourceUsabilComponent implements OnInit {
setTopEcharts(){ setTopEcharts(){
this.chartTopOption = { this.chartTopOption = {
title: { title: {
text: '可用性TOP 10', text: '可用性TOP 10'
textStyle: {
fontWeight: 'normal',
fontSize: 24,
color: "#fff",
}
}, },
tooltip : { tooltip : {
trigger: 'axis', trigger: 'axis',
...@@ -114,13 +109,6 @@ export class ResourceUsabilComponent implements OnInit { ...@@ -114,13 +109,6 @@ export class ResourceUsabilComponent implements OnInit {
data: this.topList.map(e=>{ data: this.topList.map(e=>{
return e.name; return e.name;
}), }),
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
}, },
yAxis: { yAxis: {
...@@ -128,13 +116,7 @@ export class ResourceUsabilComponent implements OnInit { ...@@ -128,13 +116,7 @@ export class ResourceUsabilComponent implements OnInit {
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} %', formatter: '{value} %'
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
}, },
}, },
series: [{ series: [{
...@@ -175,12 +157,7 @@ export class ResourceUsabilComponent implements OnInit { ...@@ -175,12 +157,7 @@ export class ResourceUsabilComponent implements OnInit {
setLastEcharts(){ setLastEcharts(){
this.chartLastOption = { this.chartLastOption = {
title: { title: {
text: '可用性LAST 10', text: '可用性LAST 10'
textStyle: {
fontWeight: 'normal',
fontSize: 24,
color: "#fff",
}
}, },
tooltip : { tooltip : {
trigger: 'axis', trigger: 'axis',
...@@ -193,26 +170,14 @@ export class ResourceUsabilComponent implements OnInit { ...@@ -193,26 +170,14 @@ export class ResourceUsabilComponent implements OnInit {
type: 'category', type: 'category',
data: this.lastList.map(e=>{ data: this.lastList.map(e=>{
return e.name; return e.name;
}), })
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} %', formatter: '{value} %'
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
}, },
}, },
series: [{ series: [{
......
...@@ -14,5 +14,6 @@ export class AppComponent { ...@@ -14,5 +14,6 @@ export class AppComponent {
event.stopPropagation(); event.stopPropagation();
} }
console.log("智能运行监管平台:v2.0.1 update By 2019-04-01") console.log("智能运行监管平台:v2.0.1 update By 2019-04-01")
} }
} }
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<div class="leftDiv"> <div class="leftDiv">
<div #leftDiv class="leftDiv-container"> <div #leftDiv class="leftDiv-container">
<div nz-row class="padding-10"> <div nz-row class="padding-10">
<div nz-col nzSpan="12"> <h2 style="color: #999999">运行情况统计</h2></div> <div nz-col nzSpan="12"> <h2>运行情况统计</h2></div>
<div nz-col nzSpan="12"> <div nz-col nzSpan="12">
<nz-select style="width: 200px;float: right" nzPlaceHolder="选择分组" [(ngModel)]="obj.leftGroupId" (ngModelChange)="countGroupItem()"> <nz-select style="width: 200px;float: right" nzPlaceHolder="选择分组" [(ngModel)]="obj.leftGroupId" (ngModelChange)="countGroupItem()">
<ng-container *ngFor="let item of groupList;let i = index;"> <ng-container *ngFor="let item of groupList;let i = index;">
...@@ -78,14 +78,14 @@ ...@@ -78,14 +78,14 @@
</div> </div>
</div> </div>
<div #rightDiv nz-col nzSpan="8" class="rightDiv"> <div #rightDiv nz-col nzSpan="8" class="rightDiv">
<h2 style="color: #999999">资源数量统计<span><span class="main-color-font">{{deviceNo}}</span>个资源</span></h2> <h2>资源数量统计<span><span class="main-color-font">{{deviceNo}}</span>个资源</span></h2>
<div echarts [options]="rightOneChart" style="height: 250px;width: 100%"></div> <div echarts [options]="rightOneChart" style="height: 250px;width: 100%"></div>
<div echarts [options]="rightTwoChart" style="height: 250px;width: 100%"></div> <div echarts [options]="rightTwoChart" style="height: 250px;width: 100%"></div>
</div> </div>
</div> </div>
<div nz-row class="padding-15-0"> <div nz-row class="padding-15-0">
<div nz-col nzSpan="12"> <div nz-col nzSpan="12">
<h2 class="color-999">当前告警</h2> <h2>当前告警</h2>
</div> </div>
<div nz-col nzSpan="12" class="text-right"> <div nz-col nzSpan="12" class="text-right">
<nz-select style="width: 200px;" nzPlaceHolder="选择分组" [(ngModel)]="obj.alarmGroupId" <nz-select style="width: 200px;" nzPlaceHolder="选择分组" [(ngModel)]="obj.alarmGroupId"
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
</nz-table> </nz-table>
<div nz-row class="padding-15-0"> <div nz-row class="padding-15-0">
<div nz-col nzSpan="12"> <div nz-col nzSpan="12">
<h2 class="color-999">关注资源</h2> <h2>关注资源</h2>
</div> </div>
<div nz-col nzSpan="12" class="text-right"> <div nz-col nzSpan="12" class="text-right">
<button nz-button nzType="default" (click)="showAddFollow()"><i class="anticon anticon-plus-circle-o"></i>添加资源 <button nz-button nzType="default" (click)="showAddFollow()"><i class="anticon anticon-plus-circle-o"></i>添加资源
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
</div> </div>
<div nz-row> <div nz-row>
<ng-container *ngFor="let item of followList;let i = index;"> <ng-container *ngFor="let item of followList;let i = index;">
<div nz-col nzSpan="12" class="follow color-999"> <div nz-col nzSpan="12" class="follow">
<span (click)="cancel(i,item)" class="cursor calcle-follow"><i <span (click)="cancel(i,item)" class="cursor calcle-follow"><i
class="anticon anticon-close-circle"></i></span> class="anticon anticon-close-circle"></i></span>
<div class="follow-container"> <div class="follow-container">
...@@ -170,8 +170,8 @@ ...@@ -170,8 +170,8 @@
内存使用率 {{(item.memory).toFixed(2)}}% 内存使用率 {{(item.memory).toFixed(2)}}%
</p> </p>
<!--<p>--> <!--<p>-->
<!--<nz-tag nzColor="#73b6e4"></nz-tag>--> <!--<nz-tag nzColor="#73b6e4"></nz-tag>-->
<!--带宽使用率 {{item.lose}}%--> <!--带宽使用率 {{item.lose}}%-->
<!--</p>--> <!--</p>-->
</div> </div>
</div> </div>
......
...@@ -103,7 +103,7 @@ export class HomeComponent implements OnInit,AfterViewInit { ...@@ -103,7 +103,7 @@ export class HomeComponent implements OnInit,AfterViewInit {
} }
ngAfterViewInit(){ ngAfterViewInit(){
let rightHeight = this.rightDiv.nativeElement.clientHeight; let rightHeight = this.rightDiv.nativeElement.clientHeight;
this.renderer.setStyle(this.leftDiv.nativeElement,"height",rightHeight +"px"); this.renderer.setStyle(this.leftDiv.nativeElement,"height",rightHeight +"px");
} }
...@@ -334,7 +334,7 @@ export class HomeComponent implements OnInit,AfterViewInit { ...@@ -334,7 +334,7 @@ export class HomeComponent implements OnInit,AfterViewInit {
y: '40%', y: '40%',
itemGap: 50, itemGap: 50,
textStyle: { textStyle: {
color: '#f999', color: '#333',
fontSize: 18, fontSize: 18,
fontWeight: 'normal', fontWeight: 'normal',
}, },
...@@ -421,7 +421,7 @@ export class HomeComponent implements OnInit,AfterViewInit { ...@@ -421,7 +421,7 @@ export class HomeComponent implements OnInit,AfterViewInit {
y: '40%', y: '40%',
itemGap: 50, itemGap: 50,
textStyle: { textStyle: {
color: '#999', color: '#333',
fontSize: 18, fontSize: 18,
fontWeight: 'normal', fontWeight: 'normal',
}, },
......
...@@ -18,7 +18,6 @@ p { ...@@ -18,7 +18,6 @@ p {
} }
.flex-item > p{ .flex-item > p{
margin: 10px 0; margin: 10px 0;
color: #ffffff;
} }
.leftDiv { .leftDiv {
......
...@@ -10,10 +10,10 @@ import {CommonService} from '../../shared/common/common.service'; ...@@ -10,10 +10,10 @@ import {CommonService} from '../../shared/common/common.service';
selector: 'jhi-main', selector: 'jhi-main',
templateUrl: './main.component.html', templateUrl: './main.component.html',
styles:[` styles:[`
.container{ .container{
margin: 0 16px; margin: 0 16px;
background-color: #171a2f; background-color: #fff;
} }
`] `]
}) })
export class JhiMainComponent implements OnInit { export class JhiMainComponent implements OnInit {
...@@ -32,7 +32,7 @@ export class JhiMainComponent implements OnInit { ...@@ -32,7 +32,7 @@ export class JhiMainComponent implements OnInit {
) {} ) {}
private getPageTitle(routeSnapshot: ActivatedRouteSnapshot) { private getPageTitle(routeSnapshot: ActivatedRouteSnapshot) {
let title: string = (routeSnapshot.data && routeSnapshot.data['pageTitle']) ? routeSnapshot.data['pageTitle'] : '智能运维监管平台'; let title: string = (routeSnapshot.data && routeSnapshot.data['pageTitle']) ? routeSnapshot.data['pageTitle'] : '智能监控';
if (routeSnapshot.firstChild) { if (routeSnapshot.firstChild) {
title = this.getPageTitle(routeSnapshot.firstChild) || title; title = this.getPageTitle(routeSnapshot.firstChild) || title;
} }
......
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
<div nz-row> <div nz-row>
<div nz-col class="handle" [nzSpan]="12"> <div nz-col class="handle" [nzSpan]="12">
<a style="color: #799bf2" class="margin-right-10" routerLink="../main/home">首页</a> <a style="color: #799bf2" class="margin-right-10" routerLink="../main/home">首页</a>
<a style="color: #799bf2" href="http://10.100.0.7:8181/#/autologin?password=MSC2FFR62REPRM6AF03F432D3071DBB&username=tjfx&security=1" target="_blank" class="main-color margin-right-10">安防设备监控</a>
<span style="color: #799bf2" (click)="transition()">快捷添加 +</span> <span style="color: #799bf2" (click)="transition()">快捷添加 +</span>
<span #parent class="span-hov"> <span #parent class="span-hov">
<span #children class="addBtn"> <span #children class="addBtn">
......
...@@ -544,4 +544,4 @@ export class NeTopologyComponent implements OnInit, DoCheck, AfterViewInit, OnDe ...@@ -544,4 +544,4 @@ export class NeTopologyComponent implements OnInit, DoCheck, AfterViewInit, OnDe
); );
} }
} }
\ No newline at end of file
...@@ -53,55 +53,55 @@ ...@@ -53,55 +53,55 @@
<!--正常--> <!--正常-->
<ng-container *ngIf="!searchStatus"> <ng-container *ngIf="!searchStatus">
<ng-template ngFor let-data [ngForOf]="nzTable.data"> <ng-template ngFor let-data [ngForOf]="nzTable.data">
<ng-template ngFor let-item [ngForOf]="expandDataCache[data.host]"> <ng-template ngFor let-item [ngForOf]="expandDataCache[data.host]">
<tr *ngIf="(item.parent&&item.parent.expand)||!(item.parent)"> <tr *ngIf="(item.parent&&item.parent.expand)||!(item.parent)">
<!--父级--> <!--父级-->
<ng-container *ngIf="!item.level">
<td></td>
<td class="cursor" [nzIndentSize]="item.level*20" nzShowExpand [nzExpand]='item.expand'
(nzExpandChange)="getChildren(item)">
<span>{{item.name}}</span> <span style="color: #1b6b5b; margin-left: 10px">模版数量:{{item.templatescount}}</span>
</td>
<td>{{item.description}}</td>
<td></td>
<td></td>
<td></td>
</ng-container>
<!--子集-->
<ng-container *ngIf="item.level">
<td nzShowCheckbox [nzIndeterminate]="indeterminate"
(nzCheckedChange)="selectChecked($event,item)" [(nzChecked)]="item.checked"></td>
<td class="cursor" [nzIndentSize]="item.level*20">
<span>{{item.name}}</span>
</td>
<td>{{item.description}}</td>
<td class="main-color cursor">
<span (click)="goToDiscovery(item)">{{item.discoveriesCount}}</span>
</td>
<td class="main-color cursor">
<span (click)="goToItem(item)"> {{item.itemsCount}}</span>
</td>
<td class="main-color cursor">
<span (click)="goToTri(item)">{{item.triggersCount}}</span>
</td>
</ng-container>
<td class="handle main-color">
<ng-container *ngIf="!item.level"> <ng-container *ngIf="!item.level">
<td></td> <span (click)="showTempAddModal(item)">添加模版</span>
<td class="cursor" [nzIndentSize]="item.level*20" nzShowExpand [nzExpand]='item.expand' <span (click)="updateGroup(item)">编辑</span>
(nzExpandChange)="getChildren(item)"> <span (click)="showDeleteGroupConfirm(item)">删除</span>
<span>{{item.name}}</span> <span style="color: #24a9a1; margin-left: 10px">模版数量:{{item.templatescount}}</span>
</td>
<td>{{item.description}}</td>
<td></td>
<td></td>
<td></td>
</ng-container> </ng-container>
<!--子集-->
<ng-container *ngIf="item.level"> <ng-container *ngIf="item.level">
<td nzShowCheckbox [nzIndeterminate]="indeterminate" <span (click)="cloneTemp(item)">克隆</span>
(nzCheckedChange)="selectChecked($event,item)" [(nzChecked)]="item.checked"></td> <span (click)="showTempEditModal(item)">编辑</span>
<td class="cursor" [nzIndentSize]="item.level*20"> <span (click)="showDeleteConfirm(item)">删除</span>
<span>{{item.name}}</span>
</td>
<td>{{item.description}}</td>
<td class="main-color cursor">
<span (click)="goToDiscovery(item)">{{item.discoveriesCount}}</span>
</td>
<td class="main-color cursor">
<span (click)="goToItem(item)"> {{item.itemsCount}}</span>
</td>
<td class="main-color cursor">
<span (click)="goToTri(item)">{{item.triggersCount}}</span>
</td>
</ng-container> </ng-container>
</td>
<td class="handle main-color"> </tr>
<ng-container *ngIf="!item.level">
<span (click)="showTempAddModal(item)">添加模版</span>
<span (click)="updateGroup(item)">编辑</span>
<span (click)="showDeleteGroupConfirm(item)">删除</span>
</ng-container>
<ng-container *ngIf="item.level">
<span (click)="cloneTemp(item)">克隆</span>
<span (click)="showTempEditModal(item)">编辑</span>
<span (click)="showDeleteConfirm(item)">删除</span>
</ng-container>
</td>
</tr>
</ng-template>
</ng-template> </ng-template>
</ng-template>
</ng-container> </ng-container>
<!--搜索--> <!--搜索-->
......
...@@ -137,4 +137,4 @@ export class CommonService implements OnInit { ...@@ -137,4 +137,4 @@ export class CommonService implements OnInit {
return usablePrefixMethod; return usablePrefixMethod;
} }
} }
\ No newline at end of file
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<nz-tree [(ngModel)]="nodes"> <nz-tree [(ngModel)]="nodes">
<ng-template #nzTreeTemplate let-node> <ng-template #nzTreeTemplate let-node>
<span class="custom-node" draggable="true" aria-grabbed="true" [class.active]="node.isSelected"> <span class="custom-node" draggable="true" aria-grabbed="true" [class.active]="node.isSelected">
<span class="color-999"> <span>
<span (click)="getOrg(node)">{{node.title}} </span> <span (click)="getOrg(node)">{{node.title}} </span>
<i (click)="showEditGroupModal(node)" style="margin:0 10px 0 20px;" class="anticon anticon-form"></i> <i (click)="showEditGroupModal(node)" style="margin:0 10px 0 20px;" class="anticon anticon-form"></i>
<i (click)="deleteGroup(node)" class="anticon anticon-close-circle-o"></i> <i (click)="deleteGroup(node)" class="anticon anticon-close-circle-o"></i>
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<smart-full-screen></smart-full-screen> <smart-full-screen></smart-full-screen>
</div> </div>
</div> </div>
<div class="content-params color-999"> <div class="content-params">
<div nz-row> <div nz-row>
<div nz-col class="text-right" nzSpan="3"> <div nz-col class="text-right" nzSpan="3">
事件编号前缀 事件编号前缀
......
...@@ -18,16 +18,14 @@ ...@@ -18,16 +18,14 @@
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
height: 65px; padding: 20px 0;
line-height: 65px;
background-color: #192b70;
} }
.breadcrumbs{ .breadcrumbs{
padding: 10px 0; padding: 10px 0;
} }
.search-form{ .search-form{
padding: 15px 0; padding: 15px 0;
color: #799bf2; border-top: 1px solid #dddddd;
} }
.search-form .ant-input{ .search-form .ant-input{
width: 100%; width: 100%;
...@@ -114,11 +112,11 @@ ...@@ -114,11 +112,11 @@
color:#1890ff; color:#1890ff;
} }
.layout .ant-menu, .layout .ant-menu-submenu > .ant-menu{ .layout .ant-menu, .layout .ant-menu-submenu > .ant-menu{
background-color: #1a1f3b; background-color: #414852;
} }
.ant-layout-sider{ .ant-layout-sider{
background: #171a2f; background: #414852;
} }
.ant-menu-inline .ant-menu-submenu-title{ .ant-menu-inline .ant-menu-submenu-title{
color: #bcc9d8; color: #bcc9d8;
...@@ -133,7 +131,7 @@ ...@@ -133,7 +131,7 @@
color: #fff; color: #fff;
} }
.ant-layout{ .ant-layout{
background-color: #171a2f; background-color: #fff;
} }
.ant-table-thead > tr > th{ .ant-table-thead > tr > th{
color: #4d4d4d; color: #4d4d4d;
...@@ -146,14 +144,14 @@ ...@@ -146,14 +144,14 @@
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.ant-btn .anticon{ .ant-btn .anticon{
color: #ffffff; color: #6097b7;
} }
.color-fff{ .color-fff{
color: #ffffff !important; color: #ffffff !important;
} }
.breadcrumbs .ant-btn-primary{ .breadcrumbs .ant-btn-primary{
background-color: #4d64b8; background-color: #6097b7;
border-color: #4d64b8; border-color: #6097b7;
} }
.breadcrumbs .ant-btn .anticon{ .breadcrumbs .ant-btn .anticon{
color: #ffffff; color: #ffffff;
...@@ -193,97 +191,4 @@ ...@@ -193,97 +191,4 @@
border-radius: 4px; border-radius: 4px;
padding: 2px 5px; padding: 2px 5px;
cursor: pointer; cursor: pointer;
} }
.ant-layout-header{ \ No newline at end of file
height: 65px;
line-height: 65px;
background-color: #192b70 !important;
}
.ant-tabs,
.ant-breadcrumb-separator,
.ant-breadcrumb a,
.ant-select-arrow,
.ant-breadcrumb{
color: #799bf2;
}
.ant-select-selection{
background-color: #202641;
color: #799bf2;
border: 1px solid #799bf2;
}
.ant-input{
background-color: #202641;
color: #799bf2;
border: 1px solid #799bf2;
}
.ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active,
.ant-btn{
background-color: #3355d4;
border: 1px solid #3355d4;
color: #fff;
}
.ant-collapse,
.ant-table-thead > tr > th{
background-color: #171a2f;
color: #7e90ba;
}
.ant-table-row-expand-icon{
background-color: #405863;
color: #ffffff;
border: 1px solid #e8e8e8;
}
.ant-radio-button-wrapper,
.ant-select-dropdown-menu-item,
.ant-select-dropdown-menu-item-selected{
background-color: #2c4552;
color: #799bf2;
border: 1px solid #799bf2;
}
.ant-select-dropdown-menu-item-selected:hover,
.ant-select-dropdown-menu-item:hover{
background-color: #455d69;
color:#799bf2;
}
.ant-table-thead > tr.ant-table-row-hover > td, .ant-table-tbody > tr.ant-table-row-hover > td, .ant-table-thead > tr:hover > td, .ant-table-tbody > tr:hover > td{
background-color: #405863;
}
.ant-table{
color: #7e90ba;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td{
border-bottom: 1px solid #666666;
}
.ant-breadcrumb-link{
color: #ffffff;
}
.default .ant-tag{
background-color: #8e90a3;
/*color: #4f4f50;*/
}
.ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link{
border: 1px solid #555c7a;
}
.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link,
.ant-pagination-item{
background-color: #21294c;
}
.ant-pagination-next .ant-pagination-item-link:after,
.ant-pagination-prev .ant-pagination-item-link:after{
color: #ffffff;
}
.ant-pagination-item a{
color: #bec4d0;
}
.ant-table-placeholder{
background: #253035;
color: #cac8c8;
border-bottom:none;
}
.ant-input::-webkit-input-placeholder{
color: #576380;
}
.ant-dropdown-menu{
background-color: #647386;
}
.color-999{color: #ffffff}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment