yuhy
/
auseft.platform.datav
1
0
フォーク 1
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
数据可视化大屏
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
8 コミット
2 ブランチ
42MB
ツリー: 77a75b50aa
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'77a75b50aa' から
${ noResults }
auseft.platform.datav/src/app/routes/data-v/workstation/workstation.component.ts

155 行
8.0KB
Raw Blame 履歴 

  1. import { AfterViewInit, Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';

  2. import { STColumn, STComponent } from '@delon/abc/st';

  3. import { SFSchema } from '@delon/form';

  4. import { ModalHelper, _HttpClient } from '@delon/theme';

  5. import { SHARED_IMPORTS } from '@shared';

  6. import { AgGridAngular } from 'ag-grid-angular'; // AG Grid Component

  7. import { ColDef } from 'ag-grid-community'; // Column Definition Type Interface

  8. import { DataVCardComponent } from '../card/card.component';

  9. import { DataVTitleComponent } from '../title/title.component';

  10. 

  11. @Component({

  12.   selector: 'app-data-v-workstation',

  13.   standalone: true,

  14.   imports: [AgGridAngular, DataVCardComponent, DataVTitleComponent, ...SHARED_IMPORTS],

  15.   templateUrl: './workstation.component.html',

  16.   styleUrls: ['./workstation.component.less']

  17. })

  18. export class DataVWorkstationComponent implements OnInit, AfterViewInit {

  19.   private readonly http = inject(_HttpClient);

  20.   private readonly modal = inject(ModalHelper);

  21.   private readonly elementRef = inject(ElementRef);

  22. 

  23.   dataSet: any;

  24. 

  25.   rowData = [

  26.     {

  27.       rwmc: "任务1", rwms: "任务描述1", kssj: "2024-1-1", jhwcsj: "2024-1-2", sfcq: '否', dqzt: "正常", dqjd: "节点1", sjwcsj: "2024-1-2",

  28.       bjmc: "报警1", bjms: "报警描述1", bjsj: "2024-1-1", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  29.       tznr: '账户登录', fj: "-"

  30.     },

  31.     {

  32.       rwmc: "任务2", rwms: "任务描述2", kssj: "2024-1-2", jhwcsj: "2024-1-3", sfcq: '否', dqzt: "正常", dqjd: "节点2", sjwcsj: "2024-1-2",

  33.       bjmc: "报警2", bjms: "报警描述2", bjsj: "2024-1-2", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  34.       tznr: '账户登录', fj: "-"

  35.     },

  36.     {

  37.       rwmc: "任务3", rwms: "任务描述3", kssj: "2024-1-3", jhwcsj: "2024-1-4", sfcq: '否', dqzt: "正常", dqjd: "节点3", sjwcsj: "2024-1-2",

  38.       bjmc: "报警3", bjms: "报警描述3", bjsj: "2024-1-3", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  39.       tznr: '账户登录', fj: "-"

  40.     },

  41.     {

  42.       rwmc: "任务4", rwms: "任务描述4", kssj: "2024-1-4", jhwcsj: "2024-1-5", sfcq: '否', dqzt: "正常", dqjd: "节点4", sjwcsj: "2024-1-2",

  43.       bjmc: "报警4", bjms: "报警描述4", bjsj: "2024-1-4", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  44.       tznr: '账户登录', fj: "-"

  45.     },

  46.     {

  47.       rwmc: "任务5", rwms: "任务描述5", kssj: "2024-1-5", jhwcsj: "2024-1-6", sfcq: '否', dqzt: "正常", dqjd: "节点5", sjwcsj: "2024-1-2",

  48.       bjmc: "报警5", bjms: "报警描述5", bjsj: "2024-1-5", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  49.       tznr: '账户登录', fj: "-"

  50.     },

  51.     {

  52.       rwmc: "任务1", rwms: "任务描述1", kssj: "2024-1-1", jhwcsj: "2024-1-2", sfcq: '否', dqzt: "正常", dqjd: "节点1", sjwcsj: "2024-1-2",

  53.       bjmc: "报警1", bjms: "报警描述1", bjsj: "2024-1-1", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  54.       tznr: '账户登录', fj: "-"

  55.     },

  56.     {

  57.       rwmc: "任务2", rwms: "任务描述2", kssj: "2024-1-2", jhwcsj: "2024-1-3", sfcq: '否', dqzt: "正常", dqjd: "节点2", sjwcsj: "2024-1-2",

  58.       bjmc: "报警2", bjms: "报警描述2", bjsj: "2024-1-2", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  59.       tznr: '账户登录', fj: "-"

  60.     },

  61.     {

  62.       rwmc: "任务3", rwms: "任务描述3", kssj: "2024-1-3", jhwcsj: "2024-1-4", sfcq: '否', dqzt: "正常", dqjd: "节点3", sjwcsj: "2024-1-2",

  63.       bjmc: "报警3", bjms: "报警描述3", bjsj: "2024-1-3", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  64.       tznr: '账户登录', fj: "-"

  65.     },

  66.     {

  67.       rwmc: "任务4", rwms: "任务描述4", kssj: "2024-1-4", jhwcsj: "2024-1-5", sfcq: '否', dqzt: "正常", dqjd: "节点4", sjwcsj: "2024-1-2",

  68.       bjmc: "报警4", bjms: "报警描述4", bjsj: "2024-1-4", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  69.       tznr: '账户登录', fj: "-"

  70.     },

  71.     {

  72.       rwmc: "任务5", rwms: "任务描述5", kssj: "2024-1-5", jhwcsj: "2024-1-6", sfcq: '否', dqzt: "正常", dqjd: "节点5", sjwcsj: "2024-1-2",

  73.       bjmc: "报警5", bjms: "报警描述5", bjsj: "2024-1-5", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  74.       tznr: '账户登录', fj: "-"

  75.     },

  76.     {

  77.       rwmc: "任务1", rwms: "任务描述1", kssj: "2024-1-1", jhwcsj: "2024-1-2", sfcq: '否', dqzt: "正常", dqjd: "节点1", sjwcsj: "2024-1-2",

  78.       bjmc: "报警1", bjms: "报警描述1", bjsj: "2024-1-1", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  79.       tznr: '账户登录', fj: "-"

  80.     },

  81.     {

  82.       rwmc: "任务2", rwms: "任务描述2", kssj: "2024-1-2", jhwcsj: "2024-1-3", sfcq: '否', dqzt: "正常", dqjd: "节点2", sjwcsj: "2024-1-2",

  83.       bjmc: "报警2", bjms: "报警描述2", bjsj: "2024-1-2", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  84.       tznr: '账户登录', fj: "-"

  85.     },

  86.     {

  87.       rwmc: "任务3", rwms: "任务描述3", kssj: "2024-1-3", jhwcsj: "2024-1-4", sfcq: '否', dqzt: "正常", dqjd: "节点3", sjwcsj: "2024-1-2",

  88.       bjmc: "报警3", bjms: "报警描述3", bjsj: "2024-1-3", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  89.       tznr: '账户登录', fj: "-"

  90.     },

  91.     {

  92.       rwmc: "任务4", rwms: "任务描述4", kssj: "2024-1-4", jhwcsj: "2024-1-5", sfcq: '否', dqzt: "正常", dqjd: "节点4", sjwcsj: "2024-1-2",

  93.       bjmc: "报警4", bjms: "报警描述4", bjsj: "2024-1-4", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  94.       tznr: '账户登录', fj: "-"

  95.     },

  96.     {

  97.       rwmc: "任务5", rwms: "任务描述5", kssj: "2024-1-5", jhwcsj: "2024-1-6", sfcq: '否', dqzt: "正常", dqjd: "节点5", sjwcsj: "2024-1-2",

  98.       bjmc: "报警5", bjms: "报警描述5", bjsj: "2024-1-5", gzyy: "-", clff: "-", tzsj: "2024-1-2", zycd: "一般", tzmc: '系统提示',

  99.       tznr: '账户登录', fj: "-"

  100.     },

  101.   ];

  102. 

  103.   colDefs1: ColDef[] = [

  104.     { headerName: '任务名称', field: "rwmc", flex: 1 },

  105.     { headerName: '任务描述', field: "rwms", flex: 2 },

  106.     { headerName: '开始时间', field: "kssj", flex: 1 },

  107.     { headerName: '计划完成时间', field: "jhwcsj", flex: 1.5 },

  108.     { headerName: '是否超期', field: "sfcq", flex: 1 },

  109.   ];

  110. 

  111.   colDefs2: ColDef[] = [

  112.     { headerName: '任务名称', field: "rwmc", flex: 1 },

  113.     { headerName: '任务描述', field: "rwms", flex: 1 },

  114.     { headerName: '开始时间', field: "kssj", flex: 1 },

  115.     { headerName: '当前状态', field: "dqzt", flex: 1 },

  116.     { headerName: '当前节点', field: "dqjd", flex: 1 },

  117.     { headerName: '实际完成时间', field: "sjwcsj", flex: 1 },

  118.   ];

  119. 

  120.   colDefs3: ColDef[] = [

  121.     { headerName: '报警名称', field: "bjmc", flex: 1 },

  122.     { headerName: '报警描述', field: "bjms", flex: 1 },

  123.     { headerName: '报警时间', field: "bjsj", flex: 1 },

  124.     { headerName: '故障原因', field: "gzyy", flex: 1.5 },

  125.     { headerName: '处理方法', field: "clff", flex: 1 },

  126.   ];

  127. 

  128.   // Column Definitions: Defines the columns to be displayed.

  129.   colDefs4: ColDef[] = [

  130.     { headerName: '通知时间', field: "tzsj", flex: 1 },

  131.     { headerName: '重要程度', field: "zycd", flex: 1 },

  132.     { headerName: '通知名称', field: "tzmc", flex: 1 },

  133.     { headerName: '通知内容', field: "tznr", flex: 1 },

  134.     { headerName: '附件', field: "fj", flex: 1 }

  135.   ];

  136. 

  137.   ngOnInit(): void {

  138.   }

  139. 

  140.   ngAfterViewInit(): void {

  141.     // 获取 ag-grid 元素

  142.     const gridDiv = this.elementRef.nativeElement.querySelector('.ag-theme-datav');

  143.     // 获取 ag-grid 内部滚动容器元素

  144.     const scrollContainer = gridDiv.querySelector('.ag-body-viewport');

  145.     // 获取滚动条元素

  146.     const scrollBar = gridDiv.querySelector('.ag-scroller');

  147.   }

  148. 

  149.   add(): void {

  150.     // this.modal

  151.     //   .createStatic(FormEditComponent, { i: { id: 0 } })

  152.     //   .subscribe(() => this.st.reload());

  153.   }

  154. }