123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- import { DatePipe } from '@angular/common';
- import { Component, ViewEncapsulation } from '@angular/core';
- import { CompStarRatingComponent } from '../../componets/star-rating/comp-star-rating.component';
- import { TokPipe } from '../../pipes/tok-pipe/tok.pipe';
- @Component({
- standalone: true,
- selector: 'app-factory-overview',
- styleUrls: ['./factory-overview.css'],
- templateUrl: './factory-overview.component.html',
- encapsulation: ViewEncapsulation.None,
- imports: [
- DatePipe,TokPipe,
- CompStarRatingComponent
- ]
- })
- export class FactoryOverviewComponent {
- // 在组件类中添加以下属性
- // 设备状态数据
- deviceStatus = {
- total: 24,
- normal: { count: 19, percentage: 80 },
- warning: { count: 4, percentage: 15 },
- danger: { count: 1, percentage: 5 }
- };
- // 饼图角度计算
- get pieChartStyle() {
- return {
- 'background': `conic-gradient(
- #27ae60 0% ${this.deviceStatus.normal.percentage}%,
- #f39c12 ${this.deviceStatus.normal.percentage}% ${this.deviceStatus.normal.percentage + this.deviceStatus.warning.percentage}%,
- #e74c3c ${this.deviceStatus.normal.percentage + this.deviceStatus.warning.percentage}% 100%
- )`
- };
- }
- rating:number = 0
- ratingChange(rating: number) {
- this.rating = rating;
- }
- currentTime: Date = new Date();
- ngOnInit(): void {
- // 更新时间,每秒更新一次
- setInterval(() => {
- this.currentTime = new Date();
- }, 1000);
- }
- tok(value:number){
- if(value<=1000){
- return value
- }
- if(value<=999999){
- return (value/1000).toFixed(0) + 'k'
- }
- if(value<=999999999){
- return (value/10000).toFixed(0) + '万'
- }
- return value
- }
- }
|