Commit bf05fdca authored by wangqinghua's avatar wangqinghua

update

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