|
|
@@ -1,4 +1,4 @@
|
|
|
-import { Component, OnInit, signal } from '@angular/core';
|
|
|
+import { Component, OnInit, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
|
|
|
import { CommonModule } from '@angular/common';
|
|
|
import { RouterModule } from '@angular/router';
|
|
|
import { FormsModule } from '@angular/forms';
|
|
|
@@ -8,6 +8,7 @@ import { MatSelectModule } from '@angular/material/select';
|
|
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
|
|
|
|
+// 定义工作流阶段接口
|
|
|
interface WorkflowStage {
|
|
|
id: string;
|
|
|
name: string;
|
|
|
@@ -16,24 +17,26 @@ interface WorkflowStage {
|
|
|
isActive: boolean;
|
|
|
}
|
|
|
|
|
|
+// 定义SOP模板接口
|
|
|
interface SOPTemplate {
|
|
|
id: string;
|
|
|
name: string;
|
|
|
description: string;
|
|
|
steps: string[];
|
|
|
- category: string;
|
|
|
isActive: boolean;
|
|
|
}
|
|
|
|
|
|
+// 定义报价规则接口
|
|
|
interface PricingRule {
|
|
|
id: string;
|
|
|
name: string;
|
|
|
description: string;
|
|
|
- formula: string;
|
|
|
- category: string;
|
|
|
+ condition: string;
|
|
|
+ price: number;
|
|
|
isActive: boolean;
|
|
|
}
|
|
|
|
|
|
+// 定义绩效规则接口
|
|
|
interface PerformanceRule {
|
|
|
id: string;
|
|
|
name: string;
|
|
|
@@ -51,40 +54,52 @@ interface PerformanceRule {
|
|
|
CommonModule,
|
|
|
RouterModule,
|
|
|
FormsModule,
|
|
|
- MatSelectModule,
|
|
|
MatFormFieldModule,
|
|
|
+ MatSelectModule,
|
|
|
MatSlideToggleModule
|
|
|
],
|
|
|
- templateUrl: './system-settings.html',
|
|
|
- styleUrl: './system-settings.scss'
|
|
|
+ templateUrl: './system-settings.html'
|
|
|
})
|
|
|
export class SystemSettings implements OnInit {
|
|
|
- // 激活的标签页
|
|
|
- activeTab = 'workflow';
|
|
|
-
|
|
|
- // 工作流阶段数据
|
|
|
+ // 当前激活的标签页
|
|
|
+ activeTab: string = 'workflow';
|
|
|
+
|
|
|
+ // 搜索关键词
|
|
|
+ workflowSearchTerm: string = '';
|
|
|
+ sopSearchTerm: string = '';
|
|
|
+ pricingSearchTerm: string = '';
|
|
|
+ performanceSearchTerm: string = '';
|
|
|
+
|
|
|
+ // 数据列表
|
|
|
workflowStages: WorkflowStage[] = [];
|
|
|
- filteredWorkflowStages: WorkflowStage[] = [];
|
|
|
- workflowSearchTerm = '';
|
|
|
-
|
|
|
- // SOP模板数据
|
|
|
sopTemplates: SOPTemplate[] = [];
|
|
|
- filteredSOPTemplates: SOPTemplate[] = [];
|
|
|
- sopSearchTerm = '';
|
|
|
- sopCategories = ['设计流程', '客户服务', '项目管理', '财务流程'];
|
|
|
-
|
|
|
- // 报价规则数据
|
|
|
pricingRules: PricingRule[] = [];
|
|
|
- filteredPricingRules: PricingRule[] = [];
|
|
|
- pricingSearchTerm = '';
|
|
|
- pricingCategories = ['基础设计', '高级设计', '加急服务', '增值服务'];
|
|
|
-
|
|
|
- // 绩效规则数据
|
|
|
performanceRules: PerformanceRule[] = [];
|
|
|
+
|
|
|
+ // 过滤后的数据列表
|
|
|
+ filteredWorkflowStages: WorkflowStage[] = [];
|
|
|
+ filteredSOPTemplates: SOPTemplate[] = [];
|
|
|
+ filteredPricingRules: PricingRule[] = [];
|
|
|
filteredPerformanceRules: PerformanceRule[] = [];
|
|
|
- performanceSearchTerm = '';
|
|
|
+
|
|
|
+ // 常用指标
|
|
|
performanceMetrics = ['项目完成率', '客户满意度', '按时交付率', '产值'];
|
|
|
-
|
|
|
+
|
|
|
+ // 图表实例引用
|
|
|
+ @ViewChild('dataUsageChart') private dataUsageChart!: ElementRef;
|
|
|
+ @ViewChild('backupHistoryChart') private backupHistoryChart!: ElementRef;
|
|
|
+ @ViewChild('systemPerformanceChart') private systemPerformanceChart!: ElementRef;
|
|
|
+
|
|
|
+ // 数据统计信息
|
|
|
+ systemStats = {
|
|
|
+ totalDataSize: 128,
|
|
|
+ usedDataSize: 76,
|
|
|
+ backupCount: 12,
|
|
|
+ activeUsers: 32,
|
|
|
+ systemUptime: '99.9%',
|
|
|
+ lastBackup: '2025-09-15 02:00:00'
|
|
|
+ };
|
|
|
+
|
|
|
// 系统配置选项
|
|
|
systemOptions = {
|
|
|
enableAuditLog: true,
|
|
|
@@ -94,16 +109,65 @@ export class SystemSettings implements OnInit {
|
|
|
dataRetentionDays: 365,
|
|
|
enableDataExport: true
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
+ // 备份历史数据
|
|
|
+ backupHistory = [
|
|
|
+ { date: '2025-09-15', size: 6.2, status: 'success' },
|
|
|
+ { date: '2025-09-14', size: 6.1, status: 'success' },
|
|
|
+ { date: '2025-09-13', size: 6.0, status: 'success' },
|
|
|
+ { date: '2025-09-12', size: 5.9, status: 'success' },
|
|
|
+ { date: '2025-09-11', size: 5.8, status: 'success' },
|
|
|
+ { date: '2025-09-10', size: 5.7, status: 'warning' },
|
|
|
+ { date: '2025-09-09', size: 5.6, status: 'success' },
|
|
|
+ { date: '2025-09-08', size: 5.5, status: 'error' },
|
|
|
+ { date: '2025-09-07', size: 5.4, status: 'success' },
|
|
|
+ { date: '2025-09-06', size: 5.3, status: 'success' },
|
|
|
+ { date: '2025-09-05', size: 5.2, status: 'success' },
|
|
|
+ { date: '2025-09-04', size: 5.1, status: 'success' }
|
|
|
+ ];
|
|
|
+
|
|
|
+ // 系统性能数据
|
|
|
+ systemPerformance = [
|
|
|
+ { time: '00:00', cpuUsage: 15, memoryUsage: 30, diskIO: 10 },
|
|
|
+ { time: '04:00', cpuUsage: 10, memoryUsage: 25, diskIO: 5 },
|
|
|
+ { time: '08:00', cpuUsage: 25, memoryUsage: 40, diskIO: 25 },
|
|
|
+ { time: '12:00', cpuUsage: 40, memoryUsage: 55, diskIO: 45 },
|
|
|
+ { time: '16:00', cpuUsage: 35, memoryUsage: 50, diskIO: 40 },
|
|
|
+ { time: '20:00', cpuUsage: 20, memoryUsage: 35, diskIO: 20 }
|
|
|
+ ];
|
|
|
+
|
|
|
+ // 数据类型分布
|
|
|
+ dataDistribution = [
|
|
|
+ { name: '项目数据', value: 35 },
|
|
|
+ { name: '客户数据', value: 25 },
|
|
|
+ { name: '日志数据', value: 20 },
|
|
|
+ { name: '配置数据', value: 10 },
|
|
|
+ { name: '其他数据', value: 10 }
|
|
|
+ ];
|
|
|
+
|
|
|
constructor(private dialog: MatDialog) {}
|
|
|
-
|
|
|
+
|
|
|
ngOnInit(): void {
|
|
|
+ // 加载各类数据
|
|
|
this.loadWorkflowStages();
|
|
|
this.loadSOPTemplates();
|
|
|
this.loadPricingRules();
|
|
|
this.loadPerformanceRules();
|
|
|
+ this.loadSystemOptions();
|
|
|
+
|
|
|
+ // 初始化图表（延迟初始化，确保DOM已经加载）
|
|
|
+ setTimeout(() => {
|
|
|
+ this.initDataUsageChart();
|
|
|
+ this.initBackupHistoryChart();
|
|
|
+ this.initSystemPerformanceChart();
|
|
|
+ }, 100);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ // 切换标签页
|
|
|
+ switchTab(tab: string): void {
|
|
|
+ this.activeTab = tab;
|
|
|
+ }
|
|
|
+
|
|
|
// 加载工作流阶段数据
|
|
|
loadWorkflowStages(): void {
|
|
|
this.workflowStages = [
|
|
|
@@ -118,329 +182,189 @@ export class SystemSettings implements OnInit {
|
|
|
id: '2',
|
|
|
name: '方案设计',
|
|
|
order: 2,
|
|
|
- description: '根据需求设计初步方案',
|
|
|
+ description: '根据需求设计解决方案和技术架构',
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '3',
|
|
|
- name: '方案确认',
|
|
|
+ name: '开发实现',
|
|
|
order: 3,
|
|
|
- description: '与客户确认设计方案，收集反馈',
|
|
|
+ description: '按照方案进行开发和实现',
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '4',
|
|
|
- name: '深化设计',
|
|
|
+ name: '测试验证',
|
|
|
order: 4,
|
|
|
- description: '根据确认的方案进行深化设计',
|
|
|
+ description: '对开发结果进行测试和验证',
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '5',
|
|
|
- name: '设计评审',
|
|
|
+ name: '部署上线',
|
|
|
order: 5,
|
|
|
- description: '内部评审设计成果',
|
|
|
+ description: '将项目部署到生产环境',
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '6',
|
|
|
- name: '客户验收',
|
|
|
+ name: '运维维护',
|
|
|
order: 6,
|
|
|
- description: '客户验收最终设计成果',
|
|
|
- isActive: true
|
|
|
- },
|
|
|
- {
|
|
|
- id: '7',
|
|
|
- name: '项目交付',
|
|
|
- order: 7,
|
|
|
- description: '交付设计文件和相关资料',
|
|
|
- isActive: true
|
|
|
- },
|
|
|
- {
|
|
|
- id: '8',
|
|
|
- name: '售后跟踪',
|
|
|
- order: 8,
|
|
|
- description: '项目完成后的售后跟踪和维护',
|
|
|
+ description: '项目上线后的运行维护和优化',
|
|
|
isActive: true
|
|
|
}
|
|
|
];
|
|
|
-
|
|
|
- this.filteredWorkflowStages = [...this.workflowStages];
|
|
|
+ this.onWorkflowSearch();
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 加载SOP模板数据
|
|
|
loadSOPTemplates(): void {
|
|
|
this.sopTemplates = [
|
|
|
{
|
|
|
id: '1',
|
|
|
- name: '标准设计流程',
|
|
|
- description: '适用于大多数设计项目的标准流程',
|
|
|
- steps: ['需求分析', '概念设计', '方案设计', '深化设计', '施工图设计', '交付验收'],
|
|
|
- category: '设计流程',
|
|
|
+ name: '新客户接入流程',
|
|
|
+ description: '规范新客户从接触到签约的全流程',
|
|
|
+ steps: [
|
|
|
+ '初步接触与需求了解',
|
|
|
+ '提供解决方案与报价',
|
|
|
+ '商务谈判',
|
|
|
+ '签订合同',
|
|
|
+ '客户信息录入系统',
|
|
|
+ '启动项目'
|
|
|
+ ],
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '2',
|
|
|
- name: '客户初次咨询流程',
|
|
|
- description: '客户初次咨询的标准服务流程',
|
|
|
- steps: ['客户接待', '需求了解', '方案报价', '合同签订', '项目启动'],
|
|
|
- category: '客户服务',
|
|
|
+ name: '项目开发流程',
|
|
|
+ description: '标准项目开发的流程规范',
|
|
|
+ steps: [
|
|
|
+ '需求分析与文档编写',
|
|
|
+ '系统设计',
|
|
|
+ '编码实现',
|
|
|
+ '单元测试',
|
|
|
+ '集成测试',
|
|
|
+ '系统测试',
|
|
|
+ '用户验收测试',
|
|
|
+ '上线部署'
|
|
|
+ ],
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '3',
|
|
|
- name: '项目变更管理流程',
|
|
|
- description: '处理项目变更的标准流程',
|
|
|
- steps: ['变更申请', '变更评估', '变更审批', '变更实施', '变更确认'],
|
|
|
- category: '项目管理',
|
|
|
- isActive: true
|
|
|
- },
|
|
|
- {
|
|
|
- id: '4',
|
|
|
- name: '财务结算流程',
|
|
|
- description: '项目财务结算的标准流程',
|
|
|
- steps: ['项目验收', '费用核算', '发票开具', '款项收取', '财务归档'],
|
|
|
- category: '财务流程',
|
|
|
+ name: '问题处理流程',
|
|
|
+ description: '处理客户反馈问题的标准流程',
|
|
|
+ steps: [
|
|
|
+ '问题记录与分类',
|
|
|
+ '问题评估与优先级确定',
|
|
|
+ '问题分析与解决',
|
|
|
+ '验证解决方案',
|
|
|
+ '更新文档',
|
|
|
+ '反馈给客户'
|
|
|
+ ],
|
|
|
isActive: true
|
|
|
}
|
|
|
];
|
|
|
-
|
|
|
- this.filteredSOPTemplates = [...this.sopTemplates];
|
|
|
+ this.onSOPSearch();
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 加载报价规则数据
|
|
|
loadPricingRules(): void {
|
|
|
this.pricingRules = [
|
|
|
{
|
|
|
id: '1',
|
|
|
- name: '基础设计报价',
|
|
|
- description: '基础设计服务的报价规则',
|
|
|
- formula: '面积 * 单价 + 基础服务费',
|
|
|
- category: '基础设计',
|
|
|
+ name: '基础开发服务',
|
|
|
+ description: '标准软件开发服务报价',
|
|
|
+ condition: '基础功能开发',
|
|
|
+ price: 12000,
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '2',
|
|
|
- name: '高级设计报价',
|
|
|
- description: '高级设计服务的报价规则',
|
|
|
- formula: '面积 * (单价 * 1.5) + 高级服务费',
|
|
|
- category: '高级设计',
|
|
|
+ name: '高级开发服务',
|
|
|
+ description: '包含复杂功能的开发服务报价',
|
|
|
+ condition: '高级功能开发',
|
|
|
+ price: 25000,
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '3',
|
|
|
- name: '加急服务报价',
|
|
|
- description: '加急项目的额外费用计算规则',
|
|
|
- formula: '基础报价 * 1.3',
|
|
|
- category: '加急服务',
|
|
|
- isActive: true
|
|
|
- },
|
|
|
- {
|
|
|
- id: '4',
|
|
|
- name: '增值服务报价',
|
|
|
- description: '增值服务的报价规则',
|
|
|
- formula: '按单项服务定价',
|
|
|
- category: '增值服务',
|
|
|
+ name: '维护服务',
|
|
|
+ description: '系统上线后的维护服务报价',
|
|
|
+ condition: '系统维护',
|
|
|
+ price: 5000,
|
|
|
isActive: true
|
|
|
}
|
|
|
];
|
|
|
-
|
|
|
- this.filteredPricingRules = [...this.pricingRules];
|
|
|
+ this.onPricingSearch();
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 加载绩效规则数据
|
|
|
loadPerformanceRules(): void {
|
|
|
this.performanceRules = [
|
|
|
{
|
|
|
id: '1',
|
|
|
- name: '项目完成率奖励',
|
|
|
- description: '根据项目完成率发放的绩效奖励',
|
|
|
- metric: '项目完成率',
|
|
|
+ name: '项目按时完成率',
|
|
|
+ description: '评估项目是否按时完成',
|
|
|
+ metric: '按时交付率',
|
|
|
threshold: 90,
|
|
|
- reward: '基础绩效 * 1.2',
|
|
|
+ reward: '绩效加分10分',
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '2',
|
|
|
- name: '客户满意度奖励',
|
|
|
- description: '根据客户满意度评分发放的绩效奖励',
|
|
|
+ name: '客户满意度',
|
|
|
+ description: '评估客户对服务的满意程度',
|
|
|
metric: '客户满意度',
|
|
|
threshold: 95,
|
|
|
- reward: '额外奖励1000元',
|
|
|
+ reward: '绩效加分15分',
|
|
|
isActive: true
|
|
|
},
|
|
|
{
|
|
|
id: '3',
|
|
|
- name: '按时交付奖励',
|
|
|
- description: '项目按时交付的绩效奖励',
|
|
|
- metric: '按时交付率',
|
|
|
- threshold: 95,
|
|
|
- reward: '基础绩效 * 1.1',
|
|
|
- isActive: true
|
|
|
- },
|
|
|
- {
|
|
|
- id: '4',
|
|
|
- name: '产值提成规则',
|
|
|
- description: '根据项目产值计算的提成规则',
|
|
|
- metric: '产值',
|
|
|
- threshold: 100000,
|
|
|
- reward: '超出部分 * 0.05',
|
|
|
+ name: '项目完成质量',
|
|
|
+ description: '评估项目交付质量',
|
|
|
+ metric: '项目完成率',
|
|
|
+ threshold: 85,
|
|
|
+ reward: '绩效加分12分',
|
|
|
isActive: true
|
|
|
}
|
|
|
];
|
|
|
-
|
|
|
- this.filteredPerformanceRules = [...this.performanceRules];
|
|
|
- }
|
|
|
-
|
|
|
- // 标签页切换
|
|
|
- switchTab(tab: string): void {
|
|
|
- this.activeTab = tab;
|
|
|
+ this.onPerformanceSearch();
|
|
|
}
|
|
|
-
|
|
|
- // 搜索过滤方法
|
|
|
- onWorkflowSearch(): void {
|
|
|
- if (this.workflowSearchTerm) {
|
|
|
- const term = this.workflowSearchTerm.toLowerCase();
|
|
|
- this.filteredWorkflowStages = this.workflowStages.filter(stage =>
|
|
|
- stage.name.toLowerCase().includes(term) ||
|
|
|
- stage.description.toLowerCase().includes(term)
|
|
|
- );
|
|
|
- } else {
|
|
|
- this.filteredWorkflowStages = [...this.workflowStages];
|
|
|
- }
|
|
|
+
|
|
|
+ // 加载系统配置
|
|
|
+ loadSystemOptions(): void {
|
|
|
+ // 这里可以添加从后端加载配置的逻辑
|
|
|
+ // 目前使用的是模拟数据
|
|
|
}
|
|
|
-
|
|
|
- onSOPSearch(): void {
|
|
|
- if (this.sopSearchTerm) {
|
|
|
- const term = this.sopSearchTerm.toLowerCase();
|
|
|
- this.filteredSOPTemplates = this.sopTemplates.filter(template =>
|
|
|
- template.name.toLowerCase().includes(term) ||
|
|
|
- template.description.toLowerCase().includes(term) ||
|
|
|
- template.category.toLowerCase().includes(term)
|
|
|
- );
|
|
|
- } else {
|
|
|
- this.filteredSOPTemplates = [...this.sopTemplates];
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- onPricingSearch(): void {
|
|
|
- if (this.pricingSearchTerm) {
|
|
|
- const term = this.pricingSearchTerm.toLowerCase();
|
|
|
- this.filteredPricingRules = this.pricingRules.filter(rule =>
|
|
|
- rule.name.toLowerCase().includes(term) ||
|
|
|
- rule.description.toLowerCase().includes(term) ||
|
|
|
- rule.category.toLowerCase().includes(term)
|
|
|
- );
|
|
|
- } else {
|
|
|
- this.filteredPricingRules = [...this.pricingRules];
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- onPerformanceSearch(): void {
|
|
|
- if (this.performanceSearchTerm) {
|
|
|
- const term = this.performanceSearchTerm.toLowerCase();
|
|
|
- this.filteredPerformanceRules = this.performanceRules.filter(rule =>
|
|
|
- rule.name.toLowerCase().includes(term) ||
|
|
|
- rule.description.toLowerCase().includes(term) ||
|
|
|
- rule.metric.toLowerCase().includes(term)
|
|
|
- );
|
|
|
- } else {
|
|
|
- this.filteredPerformanceRules = [...this.performanceRules];
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 对话框方法
|
|
|
+
|
|
|
+ // 打开工作流阶段对话框
|
|
|
openWorkflowDialog(stage?: WorkflowStage): void {
|
|
|
- const dialogRef = this.dialog.open(SettingDialogComponent, {
|
|
|
- width: '600px',
|
|
|
- data: {
|
|
|
- type: 'workflow',
|
|
|
- item: stage ? { ...stage } : {
|
|
|
- id: '',
|
|
|
- name: '',
|
|
|
- description: '',
|
|
|
- order: 0,
|
|
|
- isActive: true
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- dialogRef.afterClosed().subscribe((result: any) => {
|
|
|
- if (result) {
|
|
|
- this.loadWorkflowStages();
|
|
|
- }
|
|
|
- });
|
|
|
+ // 打开对话框的逻辑
|
|
|
+ console.log('打开工作流阶段对话框', stage);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ // 打开SOP模板对话框
|
|
|
openSOPDialog(template?: SOPTemplate): void {
|
|
|
- const dialogRef = this.dialog.open(SettingDialogComponent, {
|
|
|
- width: '600px',
|
|
|
- data: {
|
|
|
- type: 'sop',
|
|
|
- item: template ? { ...template } : {
|
|
|
- id: '',
|
|
|
- name: '',
|
|
|
- description: '',
|
|
|
- steps: [],
|
|
|
- isActive: true
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- dialogRef.afterClosed().subscribe((result: any) => {
|
|
|
- if (result) {
|
|
|
- this.loadSOPTemplates();
|
|
|
- }
|
|
|
- });
|
|
|
+ // 打开对话框的逻辑
|
|
|
+ console.log('打开SOP模板对话框', template);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ // 打开报价规则对话框
|
|
|
openPricingDialog(rule?: PricingRule): void {
|
|
|
- const dialogRef = this.dialog.open(SettingDialogComponent, {
|
|
|
- width: '600px',
|
|
|
- data: {
|
|
|
- type: 'pricing',
|
|
|
- item: rule ? { ...rule } : {
|
|
|
- id: '',
|
|
|
- name: '',
|
|
|
- description: '',
|
|
|
- formula: '',
|
|
|
- baseAmount: 0,
|
|
|
- isActive: true
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- dialogRef.afterClosed().subscribe((result: any) => {
|
|
|
- if (result) {
|
|
|
- this.loadPricingRules();
|
|
|
- }
|
|
|
- });
|
|
|
+ // 打开对话框的逻辑
|
|
|
+ console.log('打开报价规则对话框', rule);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ // 打开绩效规则对话框
|
|
|
openPerformanceDialog(rule?: PerformanceRule): void {
|
|
|
- const dialogRef = this.dialog.open(SettingDialogComponent, {
|
|
|
- width: '600px',
|
|
|
- data: {
|
|
|
- type: 'performance',
|
|
|
- item: rule ? { ...rule } : {
|
|
|
- id: '',
|
|
|
- name: '',
|
|
|
- description: '',
|
|
|
- criteria: {},
|
|
|
- isActive: true
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- dialogRef.afterClosed().subscribe((result: any) => {
|
|
|
- if (result) {
|
|
|
- this.loadPerformanceRules();
|
|
|
- }
|
|
|
- });
|
|
|
+ // 打开对话框的逻辑
|
|
|
+ console.log('打开绩效规则对话框', rule);
|
|
|
}
|
|
|
-
|
|
|
- // 处理设置更新
|
|
|
- handleSettingUpdate(type: string, updatedItem: any): void {
|
|
|
+
|
|
|
+ // 保存设置项
|
|
|
+ saveSetting(type: string, updatedItem: any): void {
|
|
|
switch (type) {
|
|
|
case 'workflow':
|
|
|
if (updatedItem.id) {
|
|
|
@@ -496,7 +420,7 @@ export class SystemSettings implements OnInit {
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 删除设置项
|
|
|
deleteSetting(type: string, id: string): void {
|
|
|
if (confirm('确定要删除此项设置吗？')) {
|
|
|
@@ -520,7 +444,7 @@ export class SystemSettings implements OnInit {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 更新设置项的激活状态
|
|
|
toggleActive(type: string, id: string, isActive: boolean): void {
|
|
|
switch (type) {
|
|
|
@@ -550,10 +474,376 @@ export class SystemSettings implements OnInit {
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ // 搜索工作流阶段
|
|
|
+ onWorkflowSearch(): void {
|
|
|
+ if (!this.workflowSearchTerm.trim()) {
|
|
|
+ this.filteredWorkflowStages = this.workflowStages;
|
|
|
+ } else {
|
|
|
+ const searchTerm = this.workflowSearchTerm.toLowerCase();
|
|
|
+ this.filteredWorkflowStages = this.workflowStages.filter(
|
|
|
+ stage => stage.name.toLowerCase().includes(searchTerm) ||
|
|
|
+ stage.description.toLowerCase().includes(searchTerm)
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 搜索SOP模板
|
|
|
+ onSOPSearch(): void {
|
|
|
+ if (!this.sopSearchTerm.trim()) {
|
|
|
+ this.filteredSOPTemplates = this.sopTemplates;
|
|
|
+ } else {
|
|
|
+ const searchTerm = this.sopSearchTerm.toLowerCase();
|
|
|
+ this.filteredSOPTemplates = this.sopTemplates.filter(
|
|
|
+ template => template.name.toLowerCase().includes(searchTerm) ||
|
|
|
+ template.description.toLowerCase().includes(searchTerm) ||
|
|
|
+ template.steps.some(step => step.toLowerCase().includes(searchTerm))
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 搜索报价规则
|
|
|
+ onPricingSearch(): void {
|
|
|
+ if (!this.pricingSearchTerm.trim()) {
|
|
|
+ this.filteredPricingRules = this.pricingRules;
|
|
|
+ } else {
|
|
|
+ const searchTerm = this.pricingSearchTerm.toLowerCase();
|
|
|
+ this.filteredPricingRules = this.pricingRules.filter(
|
|
|
+ rule => rule.name.toLowerCase().includes(searchTerm) ||
|
|
|
+ rule.description.toLowerCase().includes(searchTerm) ||
|
|
|
+ rule.condition.toLowerCase().includes(searchTerm)
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 搜索绩效规则
|
|
|
+ onPerformanceSearch(): void {
|
|
|
+ if (!this.performanceSearchTerm.trim()) {
|
|
|
+ this.filteredPerformanceRules = this.performanceRules;
|
|
|
+ } else {
|
|
|
+ const searchTerm = this.performanceSearchTerm.toLowerCase();
|
|
|
+ this.filteredPerformanceRules = this.performanceRules.filter(
|
|
|
+ rule => rule.name.toLowerCase().includes(searchTerm) ||
|
|
|
+ rule.description.toLowerCase().includes(searchTerm) ||
|
|
|
+ rule.metric.toLowerCase().includes(searchTerm)
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
// 保存系统配置
|
|
|
saveSystemOptions(): void {
|
|
|
- // 模拟保存操作
|
|
|
- alert('系统配置已保存！');
|
|
|
+ console.log('保存系统配置:', this.systemOptions);
|
|
|
+ // 这里可以添加保存到后端的逻辑
|
|
|
+ alert('系统配置保存成功！');
|
|
|
+ }
|
|
|
+
|
|
|
+ // 初始化数据使用情况图表
|
|
|
+ initDataUsageChart(): void {
|
|
|
+ if (window['echarts'] && this.dataUsageChart) {
|
|
|
+ const chart = window['echarts'].init(this.dataUsageChart.nativeElement);
|
|
|
+
|
|
|
+ const option = {
|
|
|
+ title: {
|
|
|
+ text: '数据存储使用情况',
|
|
|
+ left: 'center',
|
|
|
+ textStyle: {
|
|
|
+ fontWeight: 'normal',
|
|
|
+ fontSize: 16
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'item',
|
|
|
+ formatter: '{b}: {c}GB ({d}%)'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ orient: 'vertical',
|
|
|
+ left: 10,
|
|
|
+ top: 'center'
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '数据存储',
|
|
|
+ type: 'pie',
|
|
|
+ radius: ['40%', '70%'],
|
|
|
+ avoidLabelOverlap: false,
|
|
|
+ itemStyle: {
|
|
|
+ borderRadius: 10,
|
|
|
+ borderColor: '#fff',
|
|
|
+ borderWidth: 2
|
|
|
+ },
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ position: 'center'
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ fontSize: 18,
|
|
|
+ fontWeight: 'bold'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: this.systemStats.usedDataSize,
|
|
|
+ name: '已使用',
|
|
|
+ itemStyle: { color: '#165DFF' }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: this.systemStats.totalDataSize - this.systemStats.usedDataSize,
|
|
|
+ name: '未使用',
|
|
|
+ itemStyle: { color: '#E5E6EB' }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '数据类型分布',
|
|
|
+ type: 'pie',
|
|
|
+ radius: ['15%', '30%'],
|
|
|
+ center: ['75%', '60%'],
|
|
|
+ data: this.dataDistribution,
|
|
|
+ itemStyle: {
|
|
|
+ borderRadius: 5
|
|
|
+ },
|
|
|
+ label: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+
|
|
|
+ chart.setOption(option);
|
|
|
+
|
|
|
+ // 响应式调整
|
|
|
+ window.addEventListener('resize', () => {
|
|
|
+ chart.resize();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 初始化备份历史图表
|
|
|
+ initBackupHistoryChart(): void {
|
|
|
+ if (window['echarts'] && this.backupHistoryChart) {
|
|
|
+ const chart = window['echarts'].init(this.backupHistoryChart.nativeElement);
|
|
|
+
|
|
|
+ const dates = this.backupHistory.map(item => item.date);
|
|
|
+ const sizes = this.backupHistory.map(item => item.size);
|
|
|
+ const statusColors = this.backupHistory.map(item => {
|
|
|
+ switch(item.status) {
|
|
|
+ case 'success': return '#00B42A';
|
|
|
+ case 'warning': return '#FFAA00';
|
|
|
+ case 'error': return '#F53F3F';
|
|
|
+ default: return '#86909C';
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ const option = {
|
|
|
+ title: {
|
|
|
+ text: '备份历史记录',
|
|
|
+ left: 'center',
|
|
|
+ textStyle: {
|
|
|
+ fontWeight: 'normal',
|
|
|
+ fontSize: 16
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ axisPointer: {
|
|
|
+ type: 'cross',
|
|
|
+ label: {
|
|
|
+ backgroundColor: '#6a7985'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ formatter: (params: any) => {
|
|
|
+ const data = params[0];
|
|
|
+ const statusItem = this.backupHistory[data.dataIndex];
|
|
|
+ const statusText: Record<string, string> = {
|
|
|
+ 'success': '成功',
|
|
|
+ 'warning': '警告',
|
|
|
+ 'error': '失败'
|
|
|
+ };
|
|
|
+ return `${data.name}<br/>备份大小: ${data.value}GB<br/>状态: ${statusText[statusItem.status]}`;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: '3%',
|
|
|
+ right: '4%',
|
|
|
+ bottom: '3%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ boundaryGap: false,
|
|
|
+ data: dates,
|
|
|
+ axisLabel: {
|
|
|
+ rotate: 45
|
|
|
+ }
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: 'value',
|
|
|
+ name: '备份大小 (GB)',
|
|
|
+ min: 0
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '备份大小',
|
|
|
+ type: 'line',
|
|
|
+ smooth: true,
|
|
|
+ data: sizes,
|
|
|
+ lineStyle: {
|
|
|
+ width: 3,
|
|
|
+ color: '#165DFF'
|
|
|
+ },
|
|
|
+ areaStyle: {
|
|
|
+ color: new window['echarts'].graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: 'rgba(22, 93, 255, 0.3)'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(22, 93, 255, 0.05)'
|
|
|
+ }
|
|
|
+ ])
|
|
|
+ },
|
|
|
+ symbol: 'circle',
|
|
|
+ symbolSize: 8,
|
|
|
+ itemStyle: {
|
|
|
+ color: function(params: any) {
|
|
|
+ return statusColors[params.dataIndex];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+
|
|
|
+ chart.setOption(option);
|
|
|
+
|
|
|
+ // 响应式调整
|
|
|
+ window.addEventListener('resize', () => {
|
|
|
+ chart.resize();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 初始化系统性能图表
|
|
|
+ initSystemPerformanceChart(): void {
|
|
|
+ if (window['echarts'] && this.systemPerformanceChart) {
|
|
|
+ const chart = window['echarts'].init(this.systemPerformanceChart.nativeElement);
|
|
|
+
|
|
|
+ const times = this.systemPerformance.map(item => item.time);
|
|
|
+ const cpuUsage = this.systemPerformance.map(item => item.cpuUsage);
|
|
|
+ const memoryUsage = this.systemPerformance.map(item => item.memoryUsage);
|
|
|
+ const diskIO = this.systemPerformance.map(item => item.diskIO);
|
|
|
+
|
|
|
+ const option = {
|
|
|
+ title: {
|
|
|
+ text: '系统性能监控',
|
|
|
+ left: 'center',
|
|
|
+ textStyle: {
|
|
|
+ fontWeight: 'normal',
|
|
|
+ fontSize: 16
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ data: ['CPU使用率', '内存使用率', '磁盘IO'],
|
|
|
+ bottom: 0
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: '3%',
|
|
|
+ right: '4%',
|
|
|
+ bottom: '15%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ boundaryGap: false,
|
|
|
+ data: times
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: 'value',
|
|
|
+ name: '使用率 (%)',
|
|
|
+ min: 0,
|
|
|
+ max: 100
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: 'CPU使用率',
|
|
|
+ type: 'line',
|
|
|
+ stack: 'Total',
|
|
|
+ data: cpuUsage,
|
|
|
+ lineStyle: {
|
|
|
+ color: '#165DFF'
|
|
|
+ },
|
|
|
+ areaStyle: {
|
|
|
+ color: new window['echarts'].graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: 'rgba(22, 93, 255, 0.5)'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(22, 93, 255, 0.1)'
|
|
|
+ }
|
|
|
+ ])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '内存使用率',
|
|
|
+ type: 'line',
|
|
|
+ stack: 'Total',
|
|
|
+ data: memoryUsage,
|
|
|
+ lineStyle: {
|
|
|
+ color: '#722ED1'
|
|
|
+ },
|
|
|
+ areaStyle: {
|
|
|
+ color: new window['echarts'].graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: 'rgba(114, 46, 209, 0.5)'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(114, 46, 209, 0.1)'
|
|
|
+ }
|
|
|
+ ])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '磁盘IO',
|
|
|
+ type: 'line',
|
|
|
+ stack: 'Total',
|
|
|
+ data: diskIO,
|
|
|
+ lineStyle: {
|
|
|
+ color: '#F7BA1E'
|
|
|
+ },
|
|
|
+ areaStyle: {
|
|
|
+ color: new window['echarts'].graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: 'rgba(247, 186, 30, 0.5)'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(247, 186, 30, 0.1)'
|
|
|
+ }
|
|
|
+ ])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+
|
|
|
+ chart.setOption(option);
|
|
|
+
|
|
|
+ // 响应式调整
|
|
|
+ window.addEventListener('resize', () => {
|
|
|
+ chart.resize();
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
}
|
