Skip to content

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

update

parent ebb020ed
Hide whitespace changes
Inline Side-by-side
Showing with 389 additions and 317 deletions
src/main/webapp/app/analysis/operation-work/analysis-deal/analysis-deal.component.html
View file @ bf05fdca
<!--处理人统计--> <!--处理人统计-->
<div class="releative"> <div class="releative">
<div class="time-div"> <div class="time-div">
<div nz-col nzSpan="6"> <div nz-col nzSpan="6">
<nz-radio-group style="width: 100%;" [(ngModel)]="timeType" (ngModelChange)="changeType()" [nzButtonStyle]="'solid'"> <nz-radio-group style="width: 100%;" [(ngModel)]="timeType" (ngModelChange)="changeType()"
<label nz-radio-button nzValue="1">日报</label> [nzButtonStyle]="'solid'">
<label nz-radio-button nzValue="2">周报</label> <label nz-radio-button nzValue="1">日报</label>
<label nz-radio-button nzValue="3">月报</label> <label nz-radio-button nzValue="2">周报</label>
<label nz-radio-button nzValue="4">自定义</label> <label nz-radio-button nzValue="3">月报</label>
</nz-radio-group> <label nz-radio-button nzValue="4">自定义</label>
</nz-radio-group>
</div>
<div nz-col nzSpan="8" *ngIf="timeType == '4'">
<nz-date-picker
nzShowTime
[(ngModel)]="startTime"
nzPlaceHolder="开始时间"
></nz-date-picker>
<nz-date-picker
nzShowTime
nzFormat="yyyy-MM-dd HH:mm:ss"
[(ngModel)]="endTime"
nzPlaceHolder="结束时间"
></nz-date-picker>
</div>
<div nz-col nzSpan="2" class="text-right">
<button (click)="search()" nz-button nzType="default"><i class="anticon anticon-search"
style="color: #6097b7"></i>搜索
</button>
</div>
</div> </div>
<div nz-col nzSpan="8" *ngIf="timeType == '4'">
<nz-date-picker
nzShowTime
[(ngModel)]="startTime"
nzPlaceHolder="开始时间"
></nz-date-picker>
<nz-date-picker
nzShowTime
nzFormat="yyyy-MM-dd HH:mm:ss"
[(ngModel)]="endTime"
nzPlaceHolder="结束时间"
></nz-date-picker>
</div>
<div nz-col nzSpan="2" class="text-right">
<button (click)="search()" nz-button nzType="default"><i class="anticon anticon-search"
style="color: #6097b7"></i>搜索</button>
</div>
</div>
</div> </div>
<nz-spin [nzSpinning]="isLoading"> <nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div> <div style="height: 500px">
<ng-container *ngIf="noData">
<div class="img-noData">
<div class="noData" title="暂无数据"></div>
</div>
</ng-container>
<ng-container *ngIf="!noData">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</ng-container>
</div>
</nz-spin> </nz-spin>
<nz-table #nzTable [nzData]="dealList"> <nz-table #nzTable [nzData]="dealList">
<thead> <thead>
<tr>
<th nzWidth="20%">处理人</th>
<th>事件数量</th>
<th>解决状态</th>
<th>事件分类</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of dealList">
<tr> <tr>
<td>{{data.username}}</td> <th nzWidth="20%">处理人</th>
<td>{{data.num}}</td> <th>事件数量</th>
<td>未解决 {{data.unsolved}} 部分解决 {{data.solveLittle}} 解决 {{data.solved}}</td> <th>解决状态</th>
<td> <th>事件分类</th>
<ng-container *ngFor="let item of data.eventTypes">
<span>{{item.typeName}} {{item.num}}</span>
</ng-container>
</td>
</tr> </tr>
</ng-container> </thead>
</tbody> <tbody>
<ng-container *ngFor="let data of dealList">
<tr>
<td>{{data.username}}</td>
<td>{{data.num}}</td>
<td>未解决 {{data.unsolved}} 部分解决 {{data.solveLittle}} 解决 {{data.solved}}</td>
<td>
<ng-container *ngFor="let item of data.eventTypes">
<span>{{item.typeName}} {{item.num}}</span>
</ng-container>
</td>
</tr>
</ng-container>
</tbody>
</nz-table> </nz-table>
\ No newline at end of file
src/main/webapp/app/analysis/operation-work/analysis-deal/analysis-deal.component.ts
View file @ bf05fdca
...@@ -23,6 +23,8 @@ export class AnalysisDealComponent implements OnInit { ...@@ -23,6 +23,8 @@ export class AnalysisDealComponent implements OnInit {
endTime: '' endTime: ''
}; };
noData = false;
constructor(private analysisSer: AnalysisService, private message: NzMessageService, private datePipe: DatePipe, constructor(private analysisSer: AnalysisService, private message: NzMessageService, private datePipe: DatePipe,
private overAllSer: OverAllService,) { private overAllSer: OverAllService,) {
} }
...@@ -36,12 +38,21 @@ export class AnalysisDealComponent implements OnInit { ...@@ -36,12 +38,21 @@ export class AnalysisDealComponent implements OnInit {
//获取图表 //获取图表
getEcharts() { getEcharts() {
this.isLoading = true;
this.analysisSer.operateUser(this.obj).subscribe( this.analysisSer.operateUser(this.obj).subscribe(
(res) => { (res) => {
if(res.errCode == 10000){ if(res.errCode == 10000){
this.dealList = res.data; if(res.data.length > 0 ){
this.setEcharts(); this.dealList = res.data;
this.setEcharts();
this.noData = false;
}else{
this.noData = true;
}
}else{
this.message.error(res.errMsg);
} }
this.isLoading = false;
} }
); );
} }
......
src/main/webapp/app/analysis/operation-work/analysis-event/analysis-event.component.html
View file @ bf05fdca
...@@ -30,8 +30,18 @@ ...@@ -30,8 +30,18 @@
</div> </div>
<nz-spin [nzSpinning]="isLoading"> <nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div> <div style="height: 500px">
<ng-container *ngIf="noData">
<div class="img-noData">
<div class="noData" title="暂无数据"></div>
</div>
</ng-container>
<ng-container *ngIf="!noData">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</ng-container>
</div>
</nz-spin> </nz-spin>
<nz-table #nzTable [nzData]="eventList"> <nz-table #nzTable [nzData]="eventList">
<thead> <thead>
<tr> <tr>
......
src/main/webapp/app/analysis/operation-work/analysis-event/analysis-event.component.ts
View file @ bf05fdca
import { Component, OnInit } from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {DatePipe} from '@angular/common'; import {DatePipe} from '@angular/common';
import {AnalysisService} from '../../analysis.service'; import {AnalysisService} from '../../analysis.service';
import {OverAllService} from '../../../overAll/overAll.service'; import {OverAllService} from '../../../overAll/overAll.service';
import {NzMessageService} from 'ng-zorro-antd'; import {NzMessageService} from 'ng-zorro-antd';
@Component({ @Component({
selector: 'smart-analysis-event', selector: 'smart-analysis-event',
templateUrl: './analysis-event.component.html', templateUrl: './analysis-event.component.html',
styles: [] styles: []
}) })
export class AnalysisEventComponent implements OnInit { export class AnalysisEventComponent implements OnInit {
isLoading = false; isLoading = false;
startTime; startTime;
endTime; endTime;
timeType = "1"; timeType = '1';
chartOption; chartOption;
eventList; eventList;
...@@ -23,6 +23,8 @@ export class AnalysisEventComponent implements OnInit { ...@@ -23,6 +23,8 @@ export class AnalysisEventComponent implements OnInit {
endTime: '' endTime: ''
}; };
noData = false;
constructor(private analysisSer: AnalysisService, private message: NzMessageService, private datePipe: DatePipe, constructor(private analysisSer: AnalysisService, private message: NzMessageService, private datePipe: DatePipe,
private overAllSer: OverAllService,) { private overAllSer: OverAllService,) {
} }
...@@ -36,17 +38,26 @@ export class AnalysisEventComponent implements OnInit { ...@@ -36,17 +38,26 @@ export class AnalysisEventComponent implements OnInit {
//获取图表 //获取图表
getEcharts() { getEcharts() {
this.isLoading = true;
this.analysisSer.eventByType(this.obj).subscribe( this.analysisSer.eventByType(this.obj).subscribe(
(res) => { (res) => {
if(res.errCode == 10000){ if (res.errCode == 10000) {
this.eventList = res.data; if (res.data.length > 0) {
this.setEcharts(); this.eventList = res.data;
this.setEcharts();
this.noData = false;
} else {
this.noData = true;
}
} else {
this.message.error(res.errMsg);
} }
this.isLoading = false;
} }
); );
} }
setEcharts(){ setEcharts() {
this.chartOption = { this.chartOption = {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
...@@ -56,22 +67,22 @@ export class AnalysisEventComponent implements OnInit { ...@@ -56,22 +67,22 @@ export class AnalysisEventComponent implements OnInit {
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
data: this.eventList.map(e=>{ data: this.eventList.map(e => {
return e.typeName; return e.typeName;
}) })
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
minInterval : 1, minInterval: 1,
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} 个' formatter: '{value} 个'
}, },
boundaryGap : [ 0, 0.1 ], boundaryGap: [0, 0.1],
}, },
series: [{ series: [{
data: this.eventList.map(e=>{ data: this.eventList.map(e => {
return e.num; return e.num;
}), }),
type: 'bar' type: 'bar'
...@@ -90,13 +101,13 @@ export class AnalysisEventComponent implements OnInit { ...@@ -90,13 +101,13 @@ export class AnalysisEventComponent implements OnInit {
break; break;
} }
case'2': { //周报 case'2': { //周报
day1 = new Date(nowDate.getTime() - (nowDate.getDay()-1)*86400000); day1 = new Date(nowDate.getTime() - (nowDate.getDay() - 1) * 86400000);
this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00'; this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00';
this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59'; this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59';
break; break;
} }
case'3': { //月报 case'3': { //月报
day1 = new Date(nowDate.getFullYear(),nowDate.getMonth(),1); day1 = new Date(nowDate.getFullYear(), nowDate.getMonth(), 1);
this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00'; this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00';
this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59'; this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59';
break; break;
......
src/main/webapp/app/analysis/operation-work/analysis-status/analysis-status.component.html
View file @ bf05fdca
...@@ -31,7 +31,16 @@ ...@@ -31,7 +31,16 @@
<nz-spin [nzSpinning]="isLoading"> <nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div> <div style="height: 500px">
<ng-container *ngIf="noData">
<div class="img-noData">
<div class="noData" title="暂无数据"></div>
</div>
</ng-container>
<ng-container *ngIf="!noData">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</ng-container>
</div>
</nz-spin> </nz-spin>
<nz-table #nzTable [nzData]="statusList"> <nz-table #nzTable [nzData]="statusList">
......
src/main/webapp/app/analysis/operation-work/analysis-status/analysis-status.component.ts
View file @ bf05fdca
import { Component, OnInit } from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {DatePipe} from '@angular/common'; import {DatePipe} from '@angular/common';
import {AnalysisService} from '../../analysis.service'; import {AnalysisService} from '../../analysis.service';
import {OverAllService} from '../../../overAll/overAll.service'; import {OverAllService} from '../../../overAll/overAll.service';
import {NzMessageService} from 'ng-zorro-antd'; import {NzMessageService} from 'ng-zorro-antd';
@Component({ @Component({
selector: 'smart-analysis-status', selector: 'smart-analysis-status',
templateUrl: './analysis-status.component.html', templateUrl: './analysis-status.component.html',
styles: [] styles: []
}) })
export class AnalysisStatusComponent implements OnInit { export class AnalysisStatusComponent implements OnInit {
isLoading = false; isLoading = false;
startTime; startTime;
endTime; endTime;
timeType = "1"; timeType = '1';
chartOption; chartOption;
statusList; statusList;
...@@ -23,6 +23,8 @@ export class AnalysisStatusComponent implements OnInit { ...@@ -23,6 +23,8 @@ export class AnalysisStatusComponent implements OnInit {
endTime: '' endTime: ''
}; };
noData = false;
constructor(private analysisSer: AnalysisService, private message: NzMessageService, private datePipe: DatePipe, constructor(private analysisSer: AnalysisService, private message: NzMessageService, private datePipe: DatePipe,
private overAllSer: OverAllService,) { private overAllSer: OverAllService,) {
} }
...@@ -38,15 +40,23 @@ export class AnalysisStatusComponent implements OnInit { ...@@ -38,15 +40,23 @@ export class AnalysisStatusComponent implements OnInit {
getEcharts() { getEcharts() {
this.analysisSer.operateStatus(this.obj).subscribe( this.analysisSer.operateStatus(this.obj).subscribe(
(res) => { (res) => {
if(res.errCode == 10000){ if (res.errCode == 10000) {
this.statusList = res.data; if (res.data.length > 0) {
this.setEcharts(); this.statusList = res.data;
} this.setEcharts();
this.noData = false;
} else {
this.noData = true;
}
} else {
this.message.error(res.errMsg);
}
this.isLoading = false;
} }
); );
} }
setEcharts(){ setEcharts() {
this.chartOption = { this.chartOption = {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
...@@ -56,22 +66,22 @@ export class AnalysisStatusComponent implements OnInit { ...@@ -56,22 +66,22 @@ export class AnalysisStatusComponent implements OnInit {
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
data: this.statusList.map(e=>{ data: this.statusList.map(e => {
return e.operateStatusName; return e.operateStatusName;
}) })
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
minInterval : 1, minInterval: 1,
axisLabel: { axisLabel: {
show: true, show: true,
interval: 'auto', interval: 'auto',
formatter: '{value} 个' formatter: '{value} 个'
}, },
boundaryGap : [ 0, 0.1 ], boundaryGap: [0, 0.1],
}, },
series: [{ series: [{
data: this.statusList.map(e=>{ data: this.statusList.map(e => {
return e.num; return e.num;
}), }),
type: 'bar' type: 'bar'
...@@ -90,13 +100,13 @@ export class AnalysisStatusComponent implements OnInit { ...@@ -90,13 +100,13 @@ export class AnalysisStatusComponent implements OnInit {
break; break;
} }
case'2': { //周报 case'2': { //周报
day1 = new Date(nowDate.getTime() - (nowDate.getDay()-1)*86400000); day1 = new Date(nowDate.getTime() - (nowDate.getDay() - 1) * 86400000);
this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00'; this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00';
this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59'; this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59';
break; break;
} }
case'3': { //月报 case'3': { //月报
day1 = new Date(nowDate.getFullYear(),nowDate.getMonth(),1); day1 = new Date(nowDate.getFullYear(), nowDate.getMonth(), 1);
this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00'; this.obj.startTime = this.datePipe.transform(day1, 'yyyy-MM-dd') + ' 00:00:00';
this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59'; this.obj.endTime = this.datePipe.transform(nowDate, 'yyyy-MM-dd') + ' 23:59:59';
break; break;
......
src/main/webapp/app/analysis/resource-usabil/resource-usabil.component.html
View file @ bf05fdca
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
</div> </div>
<nz-spin [nzSpinning]="isLoading"> <nz-spin [nzSpinning]="isLoading">
<div style="margin-top: 30px" nz-row nzGutter="4"> <div style="margin-top: 30px" nz-row nzGutter="4">
<div nz-col nzSpan="12"> <div nz-col nzSpan="12" style="height: 500px">
<ng-container *ngIf="data.left"> <ng-container *ngIf="data.left">
<div class="img-noData"> <div class="img-noData">
<div class="noData" title="暂无数据"></div> <div class="noData" title="暂无数据"></div>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<div echarts [options]="chartTopOption" style="height: 400px;width: 100%"></div> <div echarts [options]="chartTopOption" style="height: 400px;width: 100%"></div>
</ng-container> </ng-container>
</div> </div>
<div nz-col nzSpan="12"> <div nz-col nzSpan="12" style="height: 500px">
<ng-container *ngIf="data.right"> <ng-container *ngIf="data.right">
<div class="img-noData"> <div class="img-noData">
<div class="noData" title="暂无数据"></div> <div class="noData" title="暂无数据"></div>
......
src/main/webapp/app/work/asset-part/asset-part.component.html
View file @ bf05fdca
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</div> </div>
</div> </div>
<nz-table #nzTable [nzData]="childrenList" [nzShowPagination]="true"> <nz-table #nzTable [nzData]="childrenList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="isLoading">
<thead> <thead>
<tr> <tr>
<th>子分类</th> <th>子分类</th>
......
src/main/webapp/app/work/asset-part/asset-part.component.ts
View file @ bf05fdca
...@@ -22,6 +22,8 @@ export class AssetPartComponent implements OnInit { ...@@ -22,6 +22,8 @@ export class AssetPartComponent implements OnInit {
childrenList; childrenList;
timeBegin; timeBegin;
timeEnd; timeEnd;
isLoading = true;
pageCount = pageSize; pageCount = pageSize;
pageNum = 1; pageNum = 1;
totalNum; totalNum;
...@@ -64,9 +66,11 @@ export class AssetPartComponent implements OnInit { ...@@ -64,9 +66,11 @@ export class AssetPartComponent implements OnInit {
//子级分类 //子级分类
changeType(){ changeType(){
this.isLoading = true;
this.workSer.findByParentidCount(this.obj.type).subscribe( this.workSer.findByParentidCount(this.obj.type).subscribe(
(res)=>{ (res)=>{
this.childrenList = res.data; this.childrenList = res.data;
this.isLoading = false;
} }
) )
} }
......
src/main/webapp/app/work/asset-part/assets-detail/assets-detail.component.html
View file @ bf05fdca
<div nz-row class="breadcrumbs" > <div nz-row class="breadcrumbs">
<div nz-col nzSpan="16"> <div nz-col nzSpan="16">
<nz-breadcrumb class="padding-8-0"> <nz-breadcrumb class="padding-8-0">
<nz-breadcrumb-item> <nz-breadcrumb-item>
首页 首页
</nz-breadcrumb-item> </nz-breadcrumb-item>
<nz-breadcrumb-item> <nz-breadcrumb-item>
<a>运维工作</a> <a>运维工作</a>
</nz-breadcrumb-item> </nz-breadcrumb-item>
<nz-breadcrumb-item> <nz-breadcrumb-item>
资产备件 资产备件
</nz-breadcrumb-item> </nz-breadcrumb-item>
<nz-breadcrumb-item> <nz-breadcrumb-item>
子分类详情 子分类详情
</nz-breadcrumb-item> </nz-breadcrumb-item>
<nz-breadcrumb-item> <nz-breadcrumb-item>
资产详情 资产详情
</nz-breadcrumb-item> </nz-breadcrumb-item>
</nz-breadcrumb> </nz-breadcrumb>
</div> </div>
<div nz-col nzSpan="8" class="text-right"> <div nz-col nzSpan="8" class="text-right">
<button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button> <button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
<smart-full-screen></smart-full-screen> <smart-full-screen></smart-full-screen>
</div> </div>
</div> </div>
<div class="tabset"> <div class="tabset">
<div class="tabset-btn"> <div class="tabset-btn">
<button (click)="showEditModal()" nz-button nzType="default">编辑</button> <button (click)="showEditModal()" nz-button nzType="default">编辑</button>
<button (click)="deleteModal()" nz-button nzType="default">删除</button> <button (click)="deleteModal()" nz-button nzType="default">删除</button>
</div> </div>
<nz-tabset class="tabs-smart "> <nz-tabset class="tabs-smart ">
<nz-tab #thirdTabs nzTitle="资产信息" > <nz-tab #thirdTabs nzTitle="资产信息">
<div nz-form class="ant-advanced-search-form form-select"> <div nz-form class="ant-advanced-search-form form-select">
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" nzFor="equipmentTypeid">资产编号</nz-form-label> <nz-form-label [nzOffset]="4" [nzSpan]="6" nzFor="equipmentTypeid">资产编号</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.inventoryNo}} {{inventoryExtend?.inventoryNo}}
<ng-container *ngIf="!inventoryExtend?.hostid"> <ng-container *ngIf="!inventoryExtend?.hostid">
<button style="margin-left: 10px;" nzSize="small" (click)="linkThen()" nz-button nzType="primary">关联</button> <button style="margin-left: 10px;" nzSize="small" (click)="linkThen()" nz-button
</ng-container> nzType="primary">关联
<ng-container *ngIf="inventoryExtend?.hostid"> </button>
<span style="margin-left: 10px;" (click)="goToHost(inventoryExtend?.hostid)" class="main-color cursor">已关联监控资源</span> </ng-container>
</ng-container> <ng-container *ngIf="inventoryExtend?.hostid">
</nz-form-control> <span style="margin-left: 10px;" (click)="goToHost(inventoryExtend?.hostid)"
</nz-form-item> class="main-color cursor">已关联监控资源</span>
</div> </ng-container>
</div> </nz-form-control>
</nz-form-item>
</div>
</div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" nzRequired nzFor="equipmentTypeid">资产名称 <nz-form-label [nzOffset]="4" [nzSpan]="6" nzRequired nzFor="equipmentTypeid">资产名称
</nz-form-label> </nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.name}} {{inventoryExtend?.name}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzSpan]="6">负责人</nz-form-label> <nz-form-label [nzSpan]="6">负责人</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.person}} {{inventoryExtend?.person}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
<!--<div nz-row [nzGutter]="24">--> <div nz-row [nzGutter]="24">
<!--<div nz-col [nzSpan]="12">--> <div nz-col [nzSpan]="12">
<!--<nz-form-item nzFlex>--> <nz-form-item nzFlex>
<!--<nz-form-label [nzOffset]="4" nzRequired [nzSpan]="6" >父分类--> <nz-form-label [nzOffset]="4" nzRequired [nzSpan]="6">父分类
<!--</nz-form-label>--> </nz-form-label>
<!--<nz-form-control [nzSpan]="14">--> <nz-form-control [nzSpan]="14">
<!--</nz-form-control>--> </nz-form-control>
<!--</nz-form-item>--> </nz-form-item>
<!--</div>--> </div>
<!--<div nz-col [nzSpan]="12">--> <div nz-col [nzSpan]="12">
<!--<nz-form-item nzFlex>--> <nz-form-item nzFlex>
<!--<nz-form-label [nzSpan]="6" nzRequired >子分类--> <nz-form-label [nzSpan]="6" nzRequired>子分类
<!--</nz-form-label>--> </nz-form-label>
<!--<nz-form-control [nzSpan]="14">--> <nz-form-control [nzSpan]="14">
<!--</nz-form-control>--> </nz-form-control>
<!--</nz-form-item>--> </nz-form-item>
<!--</div>--> </div>
<!--</div>--> </div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" nzFor="secondLevelType">资产数量 <nz-form-label [nzOffset]="4" [nzSpan]="6" nzFor="secondLevelType">资产数量
</nz-form-label> </nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.inventorycount}} {{inventoryExtend?.inventorycount}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzSpan]="6" nzFor="invertoryname">品牌</nz-form-label> <nz-form-label [nzSpan]="6" nzFor="invertoryname">品牌</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.invertoryname}} {{inventoryExtend?.invertoryname}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" >库存</nz-form-label> <nz-form-label [nzOffset]="4" [nzSpan]="6">库存</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.stock}} {{inventoryExtend?.stock}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzSpan]="6" >型号</nz-form-label> <nz-form-label [nzSpan]="6">型号</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.serialnoA}} {{inventoryExtend?.serialnoA}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6">使用</nz-form-label> <nz-form-label [nzOffset]="4" [nzSpan]="6">使用</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.usedcount}} {{inventoryExtend?.usedcount}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzSpan]="6" >MAC地址</nz-form-label> <nz-form-label [nzSpan]="6">MAC地址</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.mac}} {{inventoryExtend?.mac}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" >借出</nz-form-label> <nz-form-label [nzOffset]="4" [nzSpan]="6">借出</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.lendcount}} {{inventoryExtend?.lendcount}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzSpan]="6">维保到期</nz-form-label> <nz-form-label [nzSpan]="6">维保到期</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.maintenanceExpiration}} {{inventoryExtend?.maintenanceExpiration}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" >维修</nz-form-label> <nz-form-label [nzOffset]="4" [nzSpan]="6">维修</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.repaircount}} {{inventoryExtend?.repaircount}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzSpan]="6">存放地点</nz-form-label> <nz-form-label [nzSpan]="6">存放地点</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.storageLocation}} {{inventoryExtend?.storageLocation}}
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
<div nz-row [nzGutter]="24"> <div nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12"> <div nz-col [nzSpan]="12">
<nz-form-item nzFlex> <nz-form-item nzFlex>
<nz-form-label [nzOffset]="4" [nzSpan]="6" >报废</nz-form-label> <nz-form-label [nzOffset]="4" [nzSpan]="6">报废</nz-form-label>
<nz-form-control [nzSpan]="14"> <nz-form-control [nzSpan]="14">
{{inventoryExtend?.scrapcount}} {{inventoryExtend?.scrapcount}}
<!--<input nz-input placeholder="报废" name="scrapcount" [(ngModel)]="inventoryExtend?.scrapcount">--> <!--<input nz-input placeholder="报废" name="scrapcount" [(ngModel)]="inventoryExtend?.scrapcount">-->
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
</div> </div>
</div> </div>
</div> </div>
</nz-tab> </nz-tab>
<nz-tab #thirdTabs nzTitle="关联事件" > <nz-tab #thirdTabs nzTitle="关联事件">
<nz-table #nzTable [nzData]="thingList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="loading"> <nz-table #nzTable [nzData]="thingList" [nzFrontPagination]="false" [nzTotal]="totalNum"
<thead> [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)"
<tr> [nzLoading]="loading">
<th nzShowSort>时间</th> <thead>
<th>事件编号</th> <tr>
<th>标题</th> <th nzShowSort>时间</th>
<th nzWidth="15%">事件来源</th> <th>事件编号</th>
<th>事件分类</th> <th>标题</th>
<th>处理人</th> <th nzWidth="15%">事件来源</th>
<th>状态</th> <th>事件分类</th>
<th style="text-align: center">操作</th> <th>处理人</th>
</tr> <th>状态</th>
</thead> <th style="text-align: center">操作</th>
<tbody> </tr>
<tr *ngFor="let data of thingList"> </thead>
<td class="table-timeline"> <tbody>
<nz-timeline-item>{{data.createTime | date:"yyyy-MM-dd HH:mm:ss"}}</nz-timeline-item> <tr *ngFor="let data of thingList">
</td> <td class="table-timeline">
<td class="round-tag tag-form"> <nz-timeline-item>{{data.createTime | date:"yyyy-MM-dd HH:mm:ss"}}</nz-timeline-item>
{{data.id}} </td>
</td> <td class="round-tag tag-form">
<td>{{data.title}}</td> {{data.id}}
<td> </td>
<span *ngIf="data.source == 0">系统告警</span> <td>{{data.title}}</td>
<span *ngIf="data.source == 1">手动新增</span> <td>
</td> <span *ngIf="data.source == 0">系统告警</span>
<td>{{data.typeName}}</td> <span *ngIf="data.source == 1">手动新增</span>
<td> </td>
{{data.operators[0]?.username}} <td>{{data.typeName}}</td>
</td> <td>
<td> {{data.operators[0]?.username}}
<ng-container *ngIf="data.status == 0">待处理</ng-container> </td>
<ng-container *ngIf="data.status == 1">已结束</ng-container> <td>
</td> <ng-container *ngIf="data.status == 0">待处理</ng-container>
<td class="list-icon main-color"> <ng-container *ngIf="data.status == 1">已结束</ng-container>
<span class="cursor" *ngIf="data.status == 1" (click)="lookEvent(data)">查看</span> </td>
</td> <td class="list-icon main-color">
</tr> <span class="cursor" *ngIf="data.status == 1" (click)="lookEvent(data)">查看</span>
</tbody> </td>
</nz-table> </tr>
</tbody>
</nz-table>
</nz-tab> </nz-tab>
</nz-tabset> </nz-tabset>
</div> </div>
<!--选择资源--> <!--选择资源-->
<smart-select-group #smartSelectGroup (done)="setLink($event)"></smart-select-group> <smart-select-group #smartSelectGroup (done)="setLink($event)"></smart-select-group>
<!--资产--> <!--资产-->
......
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