Skip to content

S
smart
Commit 4e744283 authored by wangqinghua's avatar wangqinghua
Browse files
Options

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

parent 56734a1a
Show whitespace changes
Inline Side-by-side
Showing with 39 additions and 206 deletions
src/main/webapp/app/alarm/now-alarm/now-alarm.component.html
View file @ 4e744283
......@@ -31,7 +31,7 @@
</div>
<div class="tag-warn tag-form handle">
<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 == 2 || item.level == 3" class="tag-yellow" [nzColor]="color.yellow"></nz-tag>
{{item.name}}({{item.size}})
......
src/main/webapp/app/analysis/operation-work/analysis-deal/analysis-deal.component.ts
View file @ 4e744283
......@@ -73,14 +73,7 @@ export class AnalysisDealComponent implements OnInit {
type: 'category',
data: this.dealList.map(e => {
return e.username;
}),
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
})
},
yAxis: {
type: 'value',
......@@ -88,12 +81,7 @@ export class AnalysisDealComponent implements OnInit {
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value} 个',
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
formatter: '{value} 个'
},
boundaryGap: [0, 0.1],
},
......
src/main/webapp/app/analysis/operation-work/analysis-event/analysis-event.component.ts
View file @ 4e744283
......@@ -74,14 +74,7 @@ export class AnalysisEventComponent implements OnInit {
type: 'category',
data: this.eventList.map(e => {
return e.typeName;
}),
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
})
},
yAxis: {
type: 'value',
......@@ -89,12 +82,7 @@ export class AnalysisEventComponent implements OnInit {
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value} 个',
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
formatter: '{value} 个'
},
boundaryGap: [0, 0.1],
},
......
src/main/webapp/app/analysis/operation-work/analysis-status/analysis-status.component.ts
View file @ 4e744283
......@@ -72,14 +72,7 @@ export class AnalysisStatusComponent implements OnInit {
type: 'category',
data: this.statusList.map(e => {
return e.operateStatusName;
}),
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
})
},
yAxis: {
type: 'value',
......@@ -87,12 +80,7 @@ export class AnalysisStatusComponent implements OnInit {
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value} 个',
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
formatter: '{value} 个'
},
boundaryGap: [0, 0.1],
},
......
src/main/webapp/app/analysis/resource-alarm/resource-alarm.component.html
View file @ 4e744283
......@@ -85,7 +85,7 @@
</nz-spin>
<div nz-row nzGutter="4" style="margin: 20px 0">
<div nz-col nzSpan="20">
<h3 class="color-999">常见问题TOP10</h3>
<h3>常见问题TOP10</h3>
</div>
<div nz-col nzSpan="4" class="text-right">
<button [nzLoading]="isDownload1" (click)="downLoadCommon()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button>
......@@ -115,7 +115,7 @@
</nz-table>
<div nz-row nzGutter="4" style="margin: 20px 0">
<div nz-col nzSpan="20">
<h3 class="color-999">统计报告</h3>
<h3>统计报告</h3>
</div>
<div nz-col nzSpan="4" class="text-right">
<button [nzLoading]="isDownload2" (click)="downLoadReport()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button>
......
src/main/webapp/app/analysis/resource-usabil/resource-usabil.component.ts
View file @ 4e744283
......@@ -95,12 +95,7 @@ export class ResourceUsabilComponent implements OnInit {
setTopEcharts(){
this.chartTopOption = {
title: {
text: '可用性TOP 10',
textStyle: {
fontWeight: 'normal',
fontSize: 24,
color: "#fff",
}
text: '可用性TOP 10'
},
tooltip : {
trigger: 'axis',
......@@ -114,13 +109,6 @@ export class ResourceUsabilComponent implements OnInit {
data: this.topList.map(e=>{
return e.name;
}),
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
},
yAxis: {
......@@ -128,13 +116,7 @@ export class ResourceUsabilComponent implements OnInit {
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value} %',
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
formatter: '{value} %'
},
},
series: [{
......@@ -175,12 +157,7 @@ export class ResourceUsabilComponent implements OnInit {
setLastEcharts(){
this.chartLastOption = {
title: {
text: '可用性LAST 10',
textStyle: {
fontWeight: 'normal',
fontSize: 24,
color: "#fff",
}
text: '可用性LAST 10'
},
tooltip : {
trigger: 'axis',
......@@ -193,26 +170,14 @@ export class ResourceUsabilComponent implements OnInit {
type: 'category',
data: this.lastList.map(e=>{
return e.name;
}),
axisLabel: {
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
},
})
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value} %',
textStyle: {
color: '#bac0c0',
fontWeight: 'normal',
fontSize: '12',
},
formatter: '{value} %'
},
},
series: [{
......
src/main/webapp/app/app.component.ts
View file @ 4e744283
......@@ -14,5 +14,6 @@ export class AppComponent {
event.stopPropagation();
}
console.log("智能运行监管平台：v2.0.1 update By 2019-04-01")
}
}
src/main/webapp/app/home/home.component.html
View file @ 4e744283
......@@ -17,7 +17,7 @@
<div class="leftDiv">
<div #leftDiv class="leftDiv-container">
<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">
<nz-select style="width: 200px;float: right" nzPlaceHolder="选择分组" [(ngModel)]="obj.leftGroupId" (ngModelChange)="countGroupItem()">
<ng-container *ngFor="let item of groupList;let i = index;">
......@@ -78,14 +78,14 @@
</div>
</div>
<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]="rightTwoChart" style="height: 250px;width: 100%"></div>
</div>
</div>
<div nz-row class="padding-15-0">
<div nz-col nzSpan="12">
<h2 class="color-999">当前告警</h2>
<h2>当前告警</h2>
</div>
<div nz-col nzSpan="12" class="text-right">
<nz-select style="width: 200px;" nzPlaceHolder="选择分组" [(ngModel)]="obj.alarmGroupId"
......@@ -124,7 +124,7 @@
</nz-table>
<div nz-row class="padding-15-0">
<div nz-col nzSpan="12">
<h2 class="color-999">关注资源</h2>
<h2>关注资源</h2>
</div>
<div nz-col nzSpan="12" class="text-right">
<button nz-button nzType="default" (click)="showAddFollow()"><i class="anticon anticon-plus-circle-o"></i>添加资源
......@@ -133,7 +133,7 @@
</div>
<div nz-row>
<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
class="anticon anticon-close-circle"></i></span>
<div class="follow-container">
......
src/main/webapp/app/home/home.component.ts
View file @ 4e744283
......@@ -334,7 +334,7 @@ export class HomeComponent implements OnInit,AfterViewInit {
y: '40%',
itemGap: 50,
textStyle: {
color: '#f999',
color: '#333',
fontSize: 18,
fontWeight: 'normal',
},
......@@ -421,7 +421,7 @@ export class HomeComponent implements OnInit,AfterViewInit {
y: '40%',
itemGap: 50,
textStyle: {
color: '#999',
color: '#333',
fontSize: 18,
fontWeight: 'normal',
},
......
src/main/webapp/app/home/home.css
View file @ 4e744283
......@@ -18,7 +18,6 @@ p {
}
.flex-item > p{
margin: 10px 0;
color: #ffffff;
}
.leftDiv {
......
src/main/webapp/app/layouts/main/main.component.ts
View file @ 4e744283
......@@ -12,7 +12,7 @@ import {CommonService} from '../../shared/common/common.service';
styles:[`
.container{
margin: 0 16px;
background-color: #171a2f;
background-color: #fff;
}
`]
})
......@@ -32,7 +32,7 @@ export class JhiMainComponent implements OnInit {
) {}
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) {
title = this.getPageTitle(routeSnapshot.firstChild) || title;
}
......
src/main/webapp/app/layouts/navbar/navbar.component.html
View file @ 4e744283
......@@ -2,7 +2,6 @@
<div nz-row>
<div nz-col class="handle" [nzSpan]="12">
<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 #parent class="span-hov">
<span #children class="addBtn">
......
src/main/webapp/app/overAll/basic/basic.component.html
View file @ 4e744283
......@@ -210,7 +210,7 @@
<td></td>
<td [nzIndentSize]="item.level*20" nzShowExpand [nzExpand]='item.expand'
(nzExpandChange)="getChildren(item)">
<span>{{item.name}} <span style="color: #24a9a1; margin-left: 10px">主机数量：{{item.hostcount}}</span> </span>
<span>{{item.name}} <span style="color: #1b6b5b; margin-left: 10px">主机数量：{{item.hostcount}}</span> </span>
</td>
</ng-container>
<!--子集-->
......
src/main/webapp/app/overAll/template/template.component.html
View file @ 4e744283
......@@ -61,7 +61,7 @@
<td></td>
<td class="cursor" [nzIndentSize]="item.level*20" nzShowExpand [nzExpand]='item.expand'
(nzExpandChange)="getChildren(item)">
<span>{{item.name}}</span> <span style="color: #24a9a1; margin-left: 10px">模版数量：{{item.templatescount}}</span>
<span>{{item.name}}</span> <span style="color: #1b6b5b; margin-left: 10px">模版数量：{{item.templatescount}}</span>
</td>
<td>{{item.description}}</td>
<td></td>
......
src/main/webapp/app/system/group/group.component.html
View file @ 4e744283
......@@ -34,7 +34,7 @@
<nz-tree [(ngModel)]="nodes">
<ng-template #nzTreeTemplate let-node>
<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>
<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>
......
src/main/webapp/app/work/pararms/pararms.component.html
View file @ 4e744283
......@@ -18,7 +18,7 @@
<smart-full-screen></smart-full-screen>
</div>
</div>
<div class="content-params color-999">
<div class="content-params">
<div nz-row>
<div nz-col class="text-right" nzSpan="3">
事件编号前缀
......
src/main/webapp/content/css/documentation.css
View file @ 4e744283
......@@ -18,16 +18,14 @@
text-align: center;
font-size: 20px;
font-weight: 500;
height: 65px;
line-height: 65px;
background-color: #192b70;
padding: 20px 0;
}
.breadcrumbs{
padding: 10px 0;
}
.search-form{
padding: 15px 0;
color: #799bf2;
border-top: 1px solid #dddddd;
}
.search-form .ant-input{
width: 100%;
......@@ -114,11 +112,11 @@
color:#1890ff;
}
.layout .ant-menu, .layout .ant-menu-submenu > .ant-menu{
background-color: #1a1f3b;
.layout .ant-menu, .layout .ant-menu-submenu > .ant-menu{
background-color: #414852;
}
.ant-layout-sider{
background: #171a2f;
.ant-layout-sider{
background: #414852;
}
.ant-menu-inline .ant-menu-submenu-title{
color: #bcc9d8;
......@@ -133,7 +131,7 @@
color: #fff;
}
.ant-layout{
background-color: #171a2f;
background-color: #fff;
}
.ant-table-thead > tr > th{
color: #4d4d4d;
......@@ -146,14 +144,14 @@
border-bottom: 1px solid #e5e5e5;
}
.ant-btn .anticon{
color: #ffffff;
color: #6097b7;
}
.color-fff{
color: #ffffff !important;
}
.breadcrumbs .ant-btn-primary{
background-color: #4d64b8;
border-color: #4d64b8;
background-color: #6097b7;
border-color: #6097b7;
}
.breadcrumbs .ant-btn .anticon{
color: #ffffff;
......@@ -194,96 +192,3 @@
padding: 2px 5px;
cursor: pointer;
}
\ No newline at end of file
.ant-layout-header{
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