atr-components 3.1.10 → 3.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/assets/no-image-placeholder.png +0 -0
- package/fesm2022/atr-components.mjs +1320 -1060
- package/fesm2022/atr-components.mjs.map +1 -1
- package/index.d.ts +174 -109
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { animation, style, animate, trigger, state, transition, keyframes } from '@angular/animations';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Injectable, EventEmitter, NgModule, Pipe, Input, Directive, HostListener, Output, forwardRef, Component, ChangeDetectionStrategy, LOCALE_ID, ViewChild, Inject } from '@angular/core';
|
|
3
|
+
import { Injectable, EventEmitter, NgModule, Pipe, Input, Directive, HostListener, Output, forwardRef, Component, ChangeDetectionStrategy, LOCALE_ID, ViewChild, Inject, SecurityContext } from '@angular/core';
|
|
4
4
|
import * as i2 from '@angular/common/http';
|
|
5
5
|
import { HttpHeaders, HttpRequest, HttpEventType, HttpErrorResponse, HttpResponse, HttpResponseBase } from '@angular/common/http';
|
|
6
|
-
import { Observable, throwError, of, debounceTime } from 'rxjs';
|
|
6
|
+
import { Observable, throwError, of, debounceTime, Subject, firstValueFrom, take, timeout, takeUntil, defer, throwIfEmpty, finalize } from 'rxjs';
|
|
7
7
|
import { mergeMap, catchError } from 'rxjs/operators';
|
|
8
8
|
import * as i1$1 from '@angular/router';
|
|
9
9
|
import { Router, RouterModule } from '@angular/router';
|
|
@@ -21,14 +21,14 @@ import { NzAvatarModule } from 'ng-zorro-antd/avatar';
|
|
|
21
21
|
import { NzBackTopModule } from 'ng-zorro-antd/back-top';
|
|
22
22
|
import { NzBadgeModule } from 'ng-zorro-antd/badge';
|
|
23
23
|
import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
|
|
24
|
-
import * as i3
|
|
24
|
+
import * as i3 from 'ng-zorro-antd/button';
|
|
25
25
|
import { NzButtonModule } from 'ng-zorro-antd/button';
|
|
26
26
|
import { NzCalendarModule } from 'ng-zorro-antd/calendar';
|
|
27
27
|
import { NzCardModule } from 'ng-zorro-antd/card';
|
|
28
28
|
import { NzCarouselModule } from 'ng-zorro-antd/carousel';
|
|
29
|
-
import * as
|
|
29
|
+
import * as i5 from 'ng-zorro-antd/cascader';
|
|
30
30
|
import { NzCascaderModule } from 'ng-zorro-antd/cascader';
|
|
31
|
-
import * as i6
|
|
31
|
+
import * as i6 from 'ng-zorro-antd/checkbox';
|
|
32
32
|
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
|
|
33
33
|
import { NzCollapseModule } from 'ng-zorro-antd/collapse';
|
|
34
34
|
import { NzCommentModule } from 'ng-zorro-antd/comment';
|
|
@@ -36,14 +36,14 @@ import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
|
|
|
36
36
|
import { NzTransButtonModule } from 'ng-zorro-antd/core/trans-button';
|
|
37
37
|
import * as i5$1 from 'ng-zorro-antd/core/wave';
|
|
38
38
|
import { NzWaveModule } from 'ng-zorro-antd/core/wave';
|
|
39
|
-
import * as
|
|
39
|
+
import * as i7 from 'ng-zorro-antd/date-picker';
|
|
40
40
|
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
|
|
41
41
|
import * as i4$1 from 'ng-zorro-antd/descriptions';
|
|
42
42
|
import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
|
|
43
43
|
import { NzDividerModule } from 'ng-zorro-antd/divider';
|
|
44
44
|
import * as i1$5 from 'ng-zorro-antd/drawer';
|
|
45
45
|
import { NzDrawerModule } from 'ng-zorro-antd/drawer';
|
|
46
|
-
import * as i7 from 'ng-zorro-antd/dropdown';
|
|
46
|
+
import * as i7$1 from 'ng-zorro-antd/dropdown';
|
|
47
47
|
import { NzDropDownModule, NzContextMenuService } from 'ng-zorro-antd/dropdown';
|
|
48
48
|
import { NzEmptyModule } from 'ng-zorro-antd/empty';
|
|
49
49
|
import * as i14 from 'ng-zorro-antd/form';
|
|
@@ -51,11 +51,11 @@ import { NzFormModule } from 'ng-zorro-antd/form';
|
|
|
51
51
|
import * as i8 from 'ng-zorro-antd/grid';
|
|
52
52
|
import { NzGridModule } from 'ng-zorro-antd/grid';
|
|
53
53
|
import { NzI18nModule } from 'ng-zorro-antd/i18n';
|
|
54
|
-
import * as
|
|
54
|
+
import * as i10 from 'ng-zorro-antd/icon';
|
|
55
55
|
import { NzIconModule } from 'ng-zorro-antd/icon';
|
|
56
|
-
import * as
|
|
56
|
+
import * as i11 from 'ng-zorro-antd/input';
|
|
57
57
|
import { NzInputModule } from 'ng-zorro-antd/input';
|
|
58
|
-
import * as
|
|
58
|
+
import * as i12 from 'ng-zorro-antd/input-number-legacy';
|
|
59
59
|
import { NzInputNumberLegacyModule } from 'ng-zorro-antd/input-number-legacy';
|
|
60
60
|
import { NzLayoutModule } from 'ng-zorro-antd/layout';
|
|
61
61
|
import { NzListModule } from 'ng-zorro-antd/list';
|
|
@@ -64,7 +64,7 @@ import { NzMenuModule } from 'ng-zorro-antd/menu';
|
|
|
64
64
|
import { NzPageHeaderModule } from 'ng-zorro-antd/page-header';
|
|
65
65
|
import * as i11$1 from 'ng-zorro-antd/pagination';
|
|
66
66
|
import { NzPaginationModule } from 'ng-zorro-antd/pagination';
|
|
67
|
-
import * as i9
|
|
67
|
+
import * as i9 from 'ng-zorro-antd/popover';
|
|
68
68
|
import { NzPopoverModule } from 'ng-zorro-antd/popover';
|
|
69
69
|
import { NzProgressModule } from 'ng-zorro-antd/progress';
|
|
70
70
|
import * as i17 from 'ng-zorro-antd/radio';
|
|
@@ -72,7 +72,7 @@ import { NzRadioModule } from 'ng-zorro-antd/radio';
|
|
|
72
72
|
import * as i5$2 from 'ng-zorro-antd/rate';
|
|
73
73
|
import { NzRateModule } from 'ng-zorro-antd/rate';
|
|
74
74
|
import { NzResultModule } from 'ng-zorro-antd/result';
|
|
75
|
-
import * as
|
|
75
|
+
import * as i13 from 'ng-zorro-antd/select';
|
|
76
76
|
import { NzSelectModule } from 'ng-zorro-antd/select';
|
|
77
77
|
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
|
|
78
78
|
import { NzSliderModule } from 'ng-zorro-antd/slider';
|
|
@@ -81,7 +81,7 @@ import { NzStatisticModule } from 'ng-zorro-antd/statistic';
|
|
|
81
81
|
import { NzStepsModule } from 'ng-zorro-antd/steps';
|
|
82
82
|
import * as i10$1 from 'ng-zorro-antd/switch';
|
|
83
83
|
import { NzSwitchModule } from 'ng-zorro-antd/switch';
|
|
84
|
-
import * as i12 from 'ng-zorro-antd/table';
|
|
84
|
+
import * as i12$1 from 'ng-zorro-antd/table';
|
|
85
85
|
import { NzTableModule } from 'ng-zorro-antd/table';
|
|
86
86
|
import { NzTabsModule } from 'ng-zorro-antd/tabs';
|
|
87
87
|
import { NzTagModule } from 'ng-zorro-antd/tag';
|
|
@@ -90,24 +90,25 @@ import { NzTimelineModule } from 'ng-zorro-antd/timeline';
|
|
|
90
90
|
import { NzTooltipModule } from 'ng-zorro-antd/tooltip';
|
|
91
91
|
import { NzTransferModule } from 'ng-zorro-antd/transfer';
|
|
92
92
|
import { NzTreeModule } from 'ng-zorro-antd/tree';
|
|
93
|
-
import * as
|
|
93
|
+
import * as i14$1 from 'ng-zorro-antd/tree-select';
|
|
94
94
|
import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
|
|
95
95
|
import { NzTypographyModule } from 'ng-zorro-antd/typography';
|
|
96
|
-
import * as i6 from 'ng-zorro-antd/upload';
|
|
96
|
+
import * as i6$1 from 'ng-zorro-antd/upload';
|
|
97
97
|
import { NzUploadModule } from 'ng-zorro-antd/upload';
|
|
98
|
-
import * as i13 from 'ng-zorro-antd/resizable';
|
|
98
|
+
import * as i13$1 from 'ng-zorro-antd/resizable';
|
|
99
99
|
import { NzResizableModule } from 'ng-zorro-antd/resizable';
|
|
100
100
|
import * as i2$1 from '@angular/common';
|
|
101
101
|
import { CommonModule, formatDate, DatePipe, registerLocaleData } from '@angular/common';
|
|
102
102
|
import { NzSpaceModule } from 'ng-zorro-antd/space';
|
|
103
103
|
import * as i1$3 from 'ng-zorro-antd/image';
|
|
104
104
|
import { NzImageModule } from 'ng-zorro-antd/image';
|
|
105
|
-
import * as i3$
|
|
105
|
+
import * as i3$2 from '@tinymce/tinymce-angular';
|
|
106
106
|
import { EditorModule } from '@tinymce/tinymce-angular';
|
|
107
107
|
import * as i1 from '@angular/platform-browser';
|
|
108
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
108
109
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
109
|
-
import * as
|
|
110
|
-
import * as i3$
|
|
110
|
+
import * as i4 from 'ng-zorro-antd/core/transition-patch';
|
|
111
|
+
import * as i3$1 from 'ng-zorro-antd/modal';
|
|
111
112
|
import { NzModalModule } from 'ng-zorro-antd/modal';
|
|
112
113
|
import * as i1$4 from '@videogular/ngx-videogular/core';
|
|
113
114
|
import { VgCoreModule } from '@videogular/ngx-videogular/core';
|
|
@@ -119,7 +120,8 @@ import zh from '@angular/common/locales/zh';
|
|
|
119
120
|
import * as echarts from 'echarts';
|
|
120
121
|
import { VgOverlayPlayModule } from '@videogular/ngx-videogular/overlay-play';
|
|
121
122
|
import { VgBufferingModule } from '@videogular/ngx-videogular/buffering';
|
|
122
|
-
import
|
|
123
|
+
import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
|
|
124
|
+
import * as i14$2 from 'ag-grid-angular';
|
|
123
125
|
import { AgGridAngular } from 'ag-grid-angular';
|
|
124
126
|
|
|
125
127
|
const transAnimation = animation([
|
|
@@ -136,6 +138,9 @@ const atr_static_datas = {
|
|
|
136
138
|
* oss地址前缀
|
|
137
139
|
*/
|
|
138
140
|
OSS_URL: '',
|
|
141
|
+
isIso: false, //iso
|
|
142
|
+
/** 图片加载失败时使用的静态资源地址；宿主可覆盖。 */
|
|
143
|
+
errImg: 'assets/atr-components/assets/no-image-placeholder.png',
|
|
139
144
|
/**
|
|
140
145
|
* 静态地址
|
|
141
146
|
*/
|
|
@@ -1389,10 +1394,10 @@ class HttpService {
|
|
|
1389
1394
|
}, error => {
|
|
1390
1395
|
});
|
|
1391
1396
|
}
|
|
1392
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1393
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1397
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HttpService, deps: [{ token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1398
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HttpService }); }
|
|
1394
1399
|
}
|
|
1395
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HttpService, decorators: [{
|
|
1396
1401
|
type: Injectable
|
|
1397
1402
|
}], ctorParameters: () => [{ type: i2.HttpClient }] });
|
|
1398
1403
|
|
|
@@ -1529,10 +1534,10 @@ class MenuService {
|
|
|
1529
1534
|
this.isLoadMenu = 'unload';
|
|
1530
1535
|
this.data = [];
|
|
1531
1536
|
}
|
|
1532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1533
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1537
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1538
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuService, providedIn: 'root' }); }
|
|
1534
1539
|
}
|
|
1535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuService, decorators: [{
|
|
1536
1541
|
type: Injectable,
|
|
1537
1542
|
args: [{ providedIn: 'root' }]
|
|
1538
1543
|
}], ctorParameters: () => [{ type: HttpService }] });
|
|
@@ -1686,16 +1691,16 @@ class BaseInterceptor {
|
|
|
1686
1691
|
return of(event);
|
|
1687
1692
|
}), catchError((err) => this.handleData(err, noTip == "1")));
|
|
1688
1693
|
}
|
|
1689
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1690
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1695
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseInterceptor }); }
|
|
1691
1696
|
}
|
|
1692
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseInterceptor, decorators: [{
|
|
1693
1698
|
type: Injectable
|
|
1694
1699
|
}], ctorParameters: () => [{ type: i0.Injector }] });
|
|
1695
1700
|
|
|
1696
1701
|
class CusNgZorroAntdModule {
|
|
1697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1698
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1702
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1703
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, exports: [CommonModule,
|
|
1699
1704
|
NzSpaceModule,
|
|
1700
1705
|
NzAffixModule,
|
|
1701
1706
|
NzAlertModule,
|
|
@@ -1761,7 +1766,7 @@ class CusNgZorroAntdModule {
|
|
|
1761
1766
|
FormsModule,
|
|
1762
1767
|
ReactiveFormsModule,
|
|
1763
1768
|
NzImageModule] }); }
|
|
1764
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1769
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, imports: [CommonModule,
|
|
1765
1770
|
NzSpaceModule,
|
|
1766
1771
|
NzAffixModule,
|
|
1767
1772
|
NzAlertModule,
|
|
@@ -1828,7 +1833,7 @@ class CusNgZorroAntdModule {
|
|
|
1828
1833
|
ReactiveFormsModule,
|
|
1829
1834
|
NzImageModule] }); }
|
|
1830
1835
|
}
|
|
1831
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, decorators: [{
|
|
1832
1837
|
type: NgModule,
|
|
1833
1838
|
args: [{
|
|
1834
1839
|
exports: [
|
|
@@ -1949,10 +1954,10 @@ class IsEmptyPipe {
|
|
|
1949
1954
|
}
|
|
1950
1955
|
return ToolsUtil.isNull(value);
|
|
1951
1956
|
}
|
|
1952
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1953
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
1957
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1958
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IsEmptyPipe, isStandalone: true, name: "isEmpty" }); }
|
|
1954
1959
|
}
|
|
1955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsEmptyPipe, decorators: [{
|
|
1956
1961
|
type: Pipe,
|
|
1957
1962
|
args: [{
|
|
1958
1963
|
name: 'isEmpty'
|
|
@@ -2095,10 +2100,10 @@ class DictService {
|
|
|
2095
2100
|
reset() {
|
|
2096
2101
|
SessionStorageUtil.resetDict();
|
|
2097
2102
|
}
|
|
2098
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2099
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2104
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictService, providedIn: 'root' }); }
|
|
2100
2105
|
}
|
|
2101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictService, decorators: [{
|
|
2102
2107
|
type: Injectable,
|
|
2103
2108
|
args: [{
|
|
2104
2109
|
providedIn: 'root'
|
|
@@ -2119,10 +2124,10 @@ class DictsPipe {
|
|
|
2119
2124
|
});
|
|
2120
2125
|
// return "测试1"
|
|
2121
2126
|
}
|
|
2122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2123
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2127
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictsPipe, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2128
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DictsPipe, isStandalone: true, name: "dicts" }); }
|
|
2124
2129
|
}
|
|
2125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictsPipe, decorators: [{
|
|
2126
2131
|
type: Pipe,
|
|
2127
2132
|
args: [{
|
|
2128
2133
|
name: 'dicts'
|
|
@@ -2139,10 +2144,10 @@ class DefaultValPipe {
|
|
|
2139
2144
|
}
|
|
2140
2145
|
return value;
|
|
2141
2146
|
}
|
|
2142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2143
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DefaultValPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2148
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DefaultValPipe, isStandalone: true, name: "defVal" }); }
|
|
2144
2149
|
}
|
|
2145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DefaultValPipe, decorators: [{
|
|
2146
2151
|
type: Pipe,
|
|
2147
2152
|
args: [{
|
|
2148
2153
|
name: 'defVal'
|
|
@@ -2159,12 +2164,12 @@ class DayPipe {
|
|
|
2159
2164
|
if (typeof value !== 'number') {
|
|
2160
2165
|
throw new Error('Invalid pipe argument for WelcomePipe');
|
|
2161
2166
|
}
|
|
2162
|
-
return
|
|
2167
|
+
return Math.trunc(value / this.TIME_OF_DAY);
|
|
2163
2168
|
}
|
|
2164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2165
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2170
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DayPipe, isStandalone: true, name: "day" }); }
|
|
2166
2171
|
}
|
|
2167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPipe, decorators: [{
|
|
2168
2173
|
type: Pipe,
|
|
2169
2174
|
args: [{
|
|
2170
2175
|
name: 'day'
|
|
@@ -2181,10 +2186,10 @@ class SafeComputePipe {
|
|
|
2181
2186
|
let result = isE.transform(first, 0) / second + "";
|
|
2182
2187
|
return isParseInt ? parseInt(result) : result;
|
|
2183
2188
|
}
|
|
2184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2185
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2189
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeComputePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2190
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SafeComputePipe, isStandalone: true, name: "safeCompute" }); }
|
|
2186
2191
|
}
|
|
2187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeComputePipe, decorators: [{
|
|
2188
2193
|
type: Pipe,
|
|
2189
2194
|
args: [{
|
|
2190
2195
|
name: 'safeCompute'
|
|
@@ -2195,10 +2200,10 @@ class IsNotEmptyPipe {
|
|
|
2195
2200
|
transform(value) {
|
|
2196
2201
|
return !ToolsUtil.isNull(value);
|
|
2197
2202
|
}
|
|
2198
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2199
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2203
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsNotEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2204
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IsNotEmptyPipe, isStandalone: true, name: "isNotEmpty" }); }
|
|
2200
2205
|
}
|
|
2201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsNotEmptyPipe, decorators: [{
|
|
2202
2207
|
type: Pipe,
|
|
2203
2208
|
args: [{
|
|
2204
2209
|
name: 'isNotEmpty'
|
|
@@ -2211,10 +2216,10 @@ class OssImgPipe {
|
|
|
2211
2216
|
transform(value, param = { isVideoCover: false, needTime: false }) {
|
|
2212
2217
|
return param.isVideoCover ? ToolsUtil.getVideoCover(value) : ToolsUtil.getOssUrl(value, param.needTime);
|
|
2213
2218
|
}
|
|
2214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2215
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssImgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2220
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OssImgPipe, isStandalone: true, name: "ossImg" }); }
|
|
2216
2221
|
}
|
|
2217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssImgPipe, decorators: [{
|
|
2218
2223
|
type: Pipe,
|
|
2219
2224
|
args: [{ name: 'ossImg' }]
|
|
2220
2225
|
}], ctorParameters: () => [] });
|
|
@@ -2226,10 +2231,10 @@ class SafeHtmlPipe {
|
|
|
2226
2231
|
transform(html) {
|
|
2227
2232
|
return this.sanitizer.bypassSecurityTrustHtml(html);
|
|
2228
2233
|
}
|
|
2229
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2230
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2235
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" }); }
|
|
2231
2236
|
}
|
|
2232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
|
2233
2238
|
type: Pipe,
|
|
2234
2239
|
args: [{
|
|
2235
2240
|
name: 'safeHtml'
|
|
@@ -2260,10 +2265,10 @@ class ChinaNumPipe {
|
|
|
2260
2265
|
}
|
|
2261
2266
|
return "";
|
|
2262
2267
|
}
|
|
2263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2264
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChinaNumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2269
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ChinaNumPipe, isStandalone: true, name: "chinaNum" }); }
|
|
2265
2270
|
}
|
|
2266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChinaNumPipe, decorators: [{
|
|
2267
2272
|
type: Pipe,
|
|
2268
2273
|
args: [{
|
|
2269
2274
|
name: 'chinaNum'
|
|
@@ -2283,7 +2288,7 @@ class CountPipe {
|
|
|
2283
2288
|
lefts = Math.floor(value / 1000 % 60); //计算秒数
|
|
2284
2289
|
let returnStr = "";
|
|
2285
2290
|
if (leftd > 0) {
|
|
2286
|
-
returnStr = leftd < 10 ? "0" : "" + leftd + "天";
|
|
2291
|
+
returnStr = (leftd < 10 ? "0" : "") + leftd + "天";
|
|
2287
2292
|
}
|
|
2288
2293
|
// if(lefth > 0){
|
|
2289
2294
|
returnStr += (lefth < 10 ? "0" : "") + lefth + "小时";
|
|
@@ -2292,10 +2297,10 @@ class CountPipe {
|
|
|
2292
2297
|
// }
|
|
2293
2298
|
return returnStr;
|
|
2294
2299
|
}
|
|
2295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2296
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2301
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CountPipe, isStandalone: true, name: "count" }); }
|
|
2297
2302
|
}
|
|
2298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CountPipe, decorators: [{
|
|
2299
2304
|
type: Pipe,
|
|
2300
2305
|
args: [{
|
|
2301
2306
|
name: 'count'
|
|
@@ -2306,10 +2311,10 @@ class OssPipe {
|
|
|
2306
2311
|
transform(value, defaultVal, needTime = false) {
|
|
2307
2312
|
return ToolsUtil.getOssUrl(value, needTime);
|
|
2308
2313
|
}
|
|
2309
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2310
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2315
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OssPipe, isStandalone: true, name: "oss" }); }
|
|
2311
2316
|
}
|
|
2312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssPipe, decorators: [{
|
|
2313
2318
|
type: Pipe,
|
|
2314
2319
|
args: [{
|
|
2315
2320
|
name: 'oss'
|
|
@@ -2320,10 +2325,10 @@ class OssStaticPipe {
|
|
|
2320
2325
|
transform(value, defaultVal) {
|
|
2321
2326
|
return ToolsUtil.getStaticOssUrl(value);
|
|
2322
2327
|
}
|
|
2323
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2324
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2328
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssStaticPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2329
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OssStaticPipe, isStandalone: true, name: "ossStatic" }); }
|
|
2325
2330
|
}
|
|
2326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssStaticPipe, decorators: [{
|
|
2327
2332
|
type: Pipe,
|
|
2328
2333
|
args: [{
|
|
2329
2334
|
name: 'ossStatic'
|
|
@@ -2337,10 +2342,10 @@ class RemoveHtmlPipe {
|
|
|
2337
2342
|
transform(value, ...args) {
|
|
2338
2343
|
return ToolsUtil.removeHtml(value);
|
|
2339
2344
|
}
|
|
2340
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2341
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RemoveHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2346
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: RemoveHtmlPipe, isStandalone: true, name: "removeHtml" }); }
|
|
2342
2347
|
}
|
|
2343
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RemoveHtmlPipe, decorators: [{
|
|
2344
2349
|
type: Pipe,
|
|
2345
2350
|
args: [{
|
|
2346
2351
|
name: 'removeHtml'
|
|
@@ -2354,10 +2359,10 @@ class SafeUrlPipe {
|
|
|
2354
2359
|
transform(value, ...args) {
|
|
2355
2360
|
return this.sanitized.bypassSecurityTrustResourceUrl(value);
|
|
2356
2361
|
}
|
|
2357
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2358
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
2362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2363
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SafeUrlPipe, isStandalone: true, name: "safeUrl" }); }
|
|
2359
2364
|
}
|
|
2360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeUrlPipe, decorators: [{
|
|
2361
2366
|
type: Pipe,
|
|
2362
2367
|
args: [{
|
|
2363
2368
|
name: 'safeUrl'
|
|
@@ -2382,8 +2387,8 @@ const PIPES = [
|
|
|
2382
2387
|
SafeUrlPipe // 暂时注释
|
|
2383
2388
|
];
|
|
2384
2389
|
class PipeModuleModule {
|
|
2385
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2386
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2391
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, imports: [CommonModule, IsNotEmptyPipe,
|
|
2387
2392
|
DefaultValPipe,
|
|
2388
2393
|
DictsPipe, // 暂时注释
|
|
2389
2394
|
DayPipe,
|
|
@@ -2412,9 +2417,9 @@ class PipeModuleModule {
|
|
|
2412
2417
|
RemoveHtmlPipe, // 暂时注释
|
|
2413
2418
|
SafeUrlPipe // 暂时注释
|
|
2414
2419
|
] }); }
|
|
2415
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2420
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, imports: [CommonModule] }); }
|
|
2416
2421
|
}
|
|
2417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, decorators: [{
|
|
2418
2423
|
type: NgModule,
|
|
2419
2424
|
args: [{
|
|
2420
2425
|
imports: [
|
|
@@ -2485,24 +2490,24 @@ class UploadOssService {
|
|
|
2485
2490
|
});
|
|
2486
2491
|
};
|
|
2487
2492
|
}
|
|
2488
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2489
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadOssService, deps: [{ token: HttpService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2494
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadOssService }); }
|
|
2490
2495
|
}
|
|
2491
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadOssService, decorators: [{
|
|
2492
2497
|
type: Injectable
|
|
2493
2498
|
}], ctorParameters: () => [{ type: HttpService }, { type: i2.HttpClient }] });
|
|
2494
2499
|
|
|
2495
2500
|
const COMMON_COMPONENT = [];
|
|
2496
2501
|
class AtrComponentsModule {
|
|
2497
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2498
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2502
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2503
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, imports: [EditorModule,
|
|
2499
2504
|
CommonModule,
|
|
2500
2505
|
PipeModuleModule], exports: [PipeModuleModule] }); }
|
|
2501
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2506
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, providers: [HttpService, MenuService, UploadOssService], imports: [EditorModule,
|
|
2502
2507
|
CommonModule,
|
|
2503
2508
|
PipeModuleModule, PipeModuleModule] }); }
|
|
2504
2509
|
}
|
|
2505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, decorators: [{
|
|
2506
2511
|
type: NgModule,
|
|
2507
2512
|
args: [{
|
|
2508
2513
|
declarations: [...COMMON_COMPONENT],
|
|
@@ -2537,10 +2542,10 @@ class AuthGuard {
|
|
|
2537
2542
|
setTimeout(() => AtrReuseStrategy.deleteAll(), 50);
|
|
2538
2543
|
return false;
|
|
2539
2544
|
}
|
|
2540
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2541
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2545
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2546
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
|
|
2542
2547
|
}
|
|
2543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthGuard, decorators: [{
|
|
2544
2549
|
type: Injectable,
|
|
2545
2550
|
args: [{
|
|
2546
2551
|
providedIn: 'root'
|
|
@@ -2598,10 +2603,10 @@ class AtrRoleDirective {
|
|
|
2598
2603
|
getRouterUrl() {
|
|
2599
2604
|
return this.injector.get(Router).url;
|
|
2600
2605
|
}
|
|
2601
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2602
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2606
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrRoleDirective, deps: [{ token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2607
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AtrRoleDirective, isStandalone: true, selector: "[atrRole]", inputs: { atrRole: "atrRole" }, ngImport: i0 }); }
|
|
2603
2608
|
}
|
|
2604
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrRoleDirective, decorators: [{
|
|
2605
2610
|
type: Directive,
|
|
2606
2611
|
args: [{
|
|
2607
2612
|
selector: '[atrRole]'
|
|
@@ -2616,18 +2621,20 @@ class AtrErrorImgDirective {
|
|
|
2616
2621
|
this.elementRef = elementRef;
|
|
2617
2622
|
this.errorImagSrc = "";
|
|
2618
2623
|
}
|
|
2619
|
-
ImageError(
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2624
|
+
ImageError(image) {
|
|
2625
|
+
const fallback = this.errorImagSrc || atr_static_datas.errImg;
|
|
2626
|
+
if (!image || !fallback)
|
|
2627
|
+
return;
|
|
2628
|
+
// A failed fallback must not keep assigning itself and firing error again.
|
|
2629
|
+
// getAttribute preserves relative URLs while image.src resolves them.
|
|
2630
|
+
if (image.getAttribute('src') === fallback || image.src === fallback)
|
|
2631
|
+
return;
|
|
2632
|
+
image.src = fallback;
|
|
2626
2633
|
}
|
|
2627
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2628
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2634
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrErrorImgDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2635
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AtrErrorImgDirective, isStandalone: true, selector: "[atrErrorImg]", inputs: { errorImagSrc: ["atrErrorImg", "errorImagSrc"] }, host: { listeners: { "error": "ImageError($event.target)" } }, ngImport: i0 }); }
|
|
2629
2636
|
}
|
|
2630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
|
|
2631
2638
|
type: Directive,
|
|
2632
2639
|
args: [{
|
|
2633
2640
|
selector: '[atrErrorImg]'
|
|
@@ -2672,10 +2679,10 @@ class HqSpinDirective {
|
|
|
2672
2679
|
}
|
|
2673
2680
|
}
|
|
2674
2681
|
}
|
|
2675
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2676
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2682
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HqSpinDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2683
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: HqSpinDirective, isStandalone: true, selector: "[HqSpin]", inputs: { spinLoading: "spinLoading", text: "text" }, usesOnChanges: true, ngImport: i0 }); }
|
|
2677
2684
|
}
|
|
2678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HqSpinDirective, decorators: [{
|
|
2679
2686
|
type: Directive,
|
|
2680
2687
|
args: [{
|
|
2681
2688
|
selector: '[HqSpin]'
|
|
@@ -2708,10 +2715,10 @@ class InfiniteScrollDirective {
|
|
|
2708
2715
|
this.appInfiniteScroll.emit(); // 触发事件
|
|
2709
2716
|
}
|
|
2710
2717
|
}
|
|
2711
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2712
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2718
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2719
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: InfiniteScrollDirective, isStandalone: true, selector: "[appInfiniteScroll]", outputs: { appInfiniteScroll: "appInfiniteScroll" }, ngImport: i0 }); }
|
|
2713
2720
|
}
|
|
2714
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2721
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
|
|
2715
2722
|
type: Directive,
|
|
2716
2723
|
args: [{
|
|
2717
2724
|
selector: '[appInfiniteScroll]'
|
|
@@ -2741,10 +2748,10 @@ class DebounceClickDirective {
|
|
|
2741
2748
|
event.stopPropagation();
|
|
2742
2749
|
this.click$.emit(event);
|
|
2743
2750
|
}
|
|
2744
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2745
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2751
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2752
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DebounceClickDirective, isStandalone: true, selector: "[debounceClick]", inputs: { time: "time" }, outputs: { debounceClick: "debounceClick" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 }); }
|
|
2746
2753
|
}
|
|
2747
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DebounceClickDirective, decorators: [{
|
|
2748
2755
|
type: Directive,
|
|
2749
2756
|
args: [{
|
|
2750
2757
|
selector: '[debounceClick]'
|
|
@@ -2760,75 +2767,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
2760
2767
|
|
|
2761
2768
|
class TableFormItemComponent {
|
|
2762
2769
|
constructor() {
|
|
2770
|
+
this.header = { name: '', key: '', type: 'text' };
|
|
2771
|
+
this.value = null;
|
|
2763
2772
|
this.dictList = [];
|
|
2764
2773
|
this.headerAction = new EventEmitter();
|
|
2765
|
-
this.
|
|
2766
|
-
|
|
2767
|
-
|
|
2774
|
+
this.disabled = false;
|
|
2775
|
+
this.modelOptions = { standalone: true };
|
|
2776
|
+
this.onChangeListener = () => { };
|
|
2777
|
+
this.onTouchedListener = () => { };
|
|
2778
|
+
}
|
|
2779
|
+
get options() {
|
|
2780
|
+
return Array.isArray(this.header?.dictList) ? this.header.dictList
|
|
2781
|
+
: Array.isArray(this.dictList) ? this.dictList : [];
|
|
2782
|
+
}
|
|
2783
|
+
get checkboxOptions() {
|
|
2784
|
+
return this.options.map(option => ({
|
|
2785
|
+
label: this.optionLabel(option), value: this.optionValue(option), disabled: option?.disabled
|
|
2786
|
+
}));
|
|
2787
|
+
}
|
|
2788
|
+
get isMultiple() {
|
|
2789
|
+
return !!this.header?.selectUrl?.isMultiple || this.header?.nzMode === 'multiple' || this.header?.nzMode === 'tags';
|
|
2790
|
+
}
|
|
2791
|
+
get hasValue() {
|
|
2792
|
+
return this.value !== null && this.value !== undefined && this.value !== ''
|
|
2793
|
+
&& (!Array.isArray(this.value) || this.value.length > 0);
|
|
2794
|
+
}
|
|
2795
|
+
get showTime() {
|
|
2796
|
+
const config = this.header?.nzShowTime;
|
|
2797
|
+
if (typeof config === 'boolean')
|
|
2798
|
+
return config;
|
|
2799
|
+
return config && config.isShowTime !== false
|
|
2800
|
+
? { nzFormat: this.getTimeFormat(config.nzFormat || 'HH:mm:ss') } : false;
|
|
2801
|
+
}
|
|
2802
|
+
get dateFormat() {
|
|
2803
|
+
if (this.header?.dateMode === 'year')
|
|
2804
|
+
return 'yyyy';
|
|
2805
|
+
if (this.header?.dateMode === 'month')
|
|
2806
|
+
return 'yyyy-MM';
|
|
2807
|
+
if (this.header?.dateMode === 'week')
|
|
2808
|
+
return 'yyyy-ww';
|
|
2809
|
+
if (!this.showTime)
|
|
2810
|
+
return 'yyyy-MM-dd';
|
|
2811
|
+
const config = this.header?.nzShowTime;
|
|
2812
|
+
const format = typeof config?.nzFormat === 'string' ? config.nzFormat.trim() : '';
|
|
2813
|
+
// Existing query headers use both a complete date format and a time-only format.
|
|
2814
|
+
if (format && /[yYMdDwWQqLEecG]/.test(format.replace(/'[^']*(?:''[^']*)*'/g, '')))
|
|
2815
|
+
return format;
|
|
2816
|
+
return 'yyyy-MM-dd ' + (format || 'HH:mm:ss');
|
|
2817
|
+
}
|
|
2818
|
+
getTimeFormat(format) {
|
|
2819
|
+
const parts = format.match(/'[^']*(?:''[^']*)*'|([a-zA-Z])\1*|./g) || [];
|
|
2820
|
+
const isTimeToken = (part) => /^[HhmsSaAbBzZO]+$/.test(part);
|
|
2821
|
+
const first = parts.findIndex(isTimeToken);
|
|
2822
|
+
if (first < 0)
|
|
2823
|
+
return 'HH:mm:ss';
|
|
2824
|
+
let last = parts.length - 1;
|
|
2825
|
+
while (!isTimeToken(parts[last]))
|
|
2826
|
+
last--;
|
|
2827
|
+
return parts.slice(first, last + 1).join('');
|
|
2828
|
+
}
|
|
2829
|
+
optionLabel(option) {
|
|
2830
|
+
return String(option?.typeName ?? option?.label ?? option?.title ?? option?.name ?? this.optionValue(option) ?? '');
|
|
2831
|
+
}
|
|
2832
|
+
optionValue(option) {
|
|
2833
|
+
return option !== null && typeof option === 'object' ? option.id ?? option.value ?? option.key : option;
|
|
2768
2834
|
}
|
|
2769
2835
|
writeValue(value) {
|
|
2770
2836
|
this.value = value;
|
|
2771
2837
|
}
|
|
2772
2838
|
registerOnChange(fn) {
|
|
2773
|
-
console.log('registerOnChange');
|
|
2774
2839
|
this.onChangeListener = fn;
|
|
2775
2840
|
}
|
|
2776
2841
|
registerOnTouched(fn) {
|
|
2777
|
-
console.log('registerOnTouched');
|
|
2778
2842
|
this.onTouchedListener = fn;
|
|
2779
2843
|
}
|
|
2780
2844
|
setDisabledState(isDisabled) {
|
|
2845
|
+
this.disabled = isDisabled;
|
|
2781
2846
|
}
|
|
2782
|
-
|
|
2783
|
-
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2847
|
+
markTouched() {
|
|
2848
|
+
if (!this.disabled)
|
|
2849
|
+
this.onTouchedListener();
|
|
2850
|
+
}
|
|
2851
|
+
onChange(value = this.value) {
|
|
2852
|
+
if (this.disabled)
|
|
2853
|
+
return;
|
|
2854
|
+
this.value = value;
|
|
2855
|
+
this.onChangeListener(value);
|
|
2856
|
+
this.markTouched();
|
|
2857
|
+
}
|
|
2858
|
+
clearValue(event) {
|
|
2859
|
+
event?.preventDefault();
|
|
2860
|
+
event?.stopPropagation();
|
|
2861
|
+
if (this.disabled || this.header?.disableClear)
|
|
2862
|
+
return;
|
|
2863
|
+
this.onChange(null);
|
|
2791
2864
|
}
|
|
2792
2865
|
selectChange(value, item) {
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
code: item.key,
|
|
2797
|
-
data: item,
|
|
2798
|
-
value: value,
|
|
2799
|
-
};
|
|
2800
|
-
this.headerAction.emit(action);
|
|
2866
|
+
if (this.disabled)
|
|
2867
|
+
return;
|
|
2868
|
+
this.headerAction.emit({ name: item.name ?? item.label, code: item.key, data: item, value });
|
|
2801
2869
|
}
|
|
2802
|
-
clickIcon(value, item,
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
code: item.icon?.code ? item.icon?.code : "",
|
|
2808
|
-
data: item,
|
|
2809
|
-
value: value,
|
|
2810
|
-
};
|
|
2811
|
-
this.headerAction.emit(action);
|
|
2870
|
+
clickIcon(value, item, event) {
|
|
2871
|
+
event.stopPropagation();
|
|
2872
|
+
if (this.disabled)
|
|
2873
|
+
return;
|
|
2874
|
+
this.headerAction.emit({ name: item.name, code: item.icon?.code || '', data: item, value });
|
|
2812
2875
|
}
|
|
2813
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2814
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2815
|
-
{
|
|
2876
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TableFormItemComponent, isStandalone: false, selector: "app-table-form-item", inputs: { header: "header", value: "value", dictList: "dictList" }, outputs: { headerAction: "headerAction" }, host: { listeners: { "focusout": "markTouched()" } }, providers: [{
|
|
2816
2878
|
provide: NG_VALUE_ACCESSOR,
|
|
2817
2879
|
useExisting: forwardRef(() => TableFormItemComponent),
|
|
2818
2880
|
multi: true
|
|
2819
|
-
}
|
|
2820
|
-
], ngImport: i0, template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n <input\r\n nz-input\r\n placeholder=\"{{header.name}}\"\r\n [attr.id]=\"header.key\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n />\r\n\r\n </nz-input-group>\r\n\r\n <nz-select *ngSwitchCase=\"'select'\"\r\n [nzAllowClear]=\"!header.disableClear\"\r\n [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n nzAllowClear=\"true\"\r\n [nzMode]=\"header.nzMode || 'default'\"\r\n nzServerSearch\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n >\r\n <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n [nzValue]=\"o.id\"></nz-option>\r\n </nz-select>\r\n <nz-select *ngSwitchCase=\"'selectCus'\"\r\n [nzMode]=\"header.nzMode || 'default'\"\r\n [nzAllowClear]=\"!header.disableClear\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n nzAllowClear=\"true\"\r\n [nzShowSearch]=\"true\"\r\n [(ngModel)]=\"value\"\r\n [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n (ngModelChange)=\"onChange($event)\"\r\n >\r\n <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n [nzValue]=\"o.value\">\r\n <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n {{o.label}}\r\n </nz-option>\r\n\r\n </nz-select>\r\n <nz-cascader\r\n *ngSwitchCase=\"'cascader'\"\r\n (ngModelChange)=\"onChange($event)\"\r\n style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n [nzShowSearch]=\"true\"\r\n [nzOptions]=\"header.dictList\"\r\n [(ngModel)]=\"value\"\r\n ></nz-cascader>\r\n <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n <nz-tree-select *ngIf=\"header.treeList\"\r\n [nzDefaultExpandAll]=\"header.expandAll\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [nzAllowClear]=\"!header.disableClear\"\r\n [nzNodes]=\"header.treeList\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n [nzShowSearch]=\"true\"\r\n [(ngModel)]=\"value\"\r\n [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n nzVirtualHeight=\"330px\"\r\n >\r\n </nz-tree-select>\r\n </ng-container>\r\n\r\n <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n style=\"width: 100%;\"\r\n nzAllowClear=\"true\"\r\n [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n [nzDefaultPickerValue]=\"header.defaultVal\"\r\n ></nz-range-picker>\r\n <nz-range-picker\r\n *ngSwitchCase=\"'dateRange'\"\r\n [nzShowTime]=\"header.nzShowTime?.isShowTime || false\"\r\n (ngModelChange)=\"onChange($event)\"\r\n\r\n [nzFormat]=\"header.nzShowTime?.nzFormat || 'yyyy-MM-dd'\"\r\n\r\n [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n [(ngModel)]=\"value\"\r\n style=\"width: 100%;\"\r\n nzAllowClear=\"true\"\r\n [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n <ng-container *ngSwitchCase=\"'sdate'\">\r\n <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n *ngIf=\"!header.dateMode\"\r\n nzAllowClear=\"true\"></nz-date-picker>\r\n <nz-date-picker style=\"width: 100%\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n *ngIf=\"header.dateMode\"\r\n [nzMode]=\"header.dateMode\"\r\n nzAllowClear=\"true\"></nz-date-picker>\r\n </ng-container>\r\n <nz-month-picker\r\n *ngSwitchCase=\"'smonth'\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n [nzFormat]=\"'yyyy-MM'\"\r\n [nzPlaceHolder]=\"[header.name]\"\r\n nzAllowClear=\"true\"></nz-month-picker>\r\n <span class=\"label-title\">{{header.name}}</span>\r\n </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i5.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i5.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i5.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i8$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i9.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i10.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i10.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i11.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "pipe", type: IsNotEmptyPipe, name: "isNotEmpty" }] }); }
|
|
2881
|
+
}], ngImport: i0, template: "<nz-form-item style=\"position: relative\" [title]=\"header.name\" nzFlex>\n <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\n <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\n <input nz-input [placeholder]=\"header.placeholder || header.name\" [attr.id]=\"header.key\"\n [disabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\" />\n </nz-input-group>\n\n <nz-input-number *ngSwitchCase=\"'number'\" style=\"width: 100%\" [nzId]=\"header.key\"\n [nzPlaceHolder]=\"header.placeholder || header.name\" [nzDisabled]=\"disabled\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\"></nz-input-number>\n\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <div class=\"checkbox-control\">\n <nz-checkbox-group *ngIf=\"options.length; else booleanCheckbox\" [nzOptions]=\"checkboxOptions\"\n [nzDisabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\"></nz-checkbox-group>\n <ng-template #booleanCheckbox>\n <label nz-checkbox [nzDisabled]=\"disabled\" [nzIndeterminate]=\"value == null\"\n [ngModel]=\"value === true\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\">{{value == null ? '\u4E0D\u9650' : value ? '\u662F' : '\u5426'}}</label>\n </ng-template>\n <button *ngIf=\"hasValue && !header.disableClear\" type=\"button\" nz-button nzType=\"text\" nzSize=\"small\"\n [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\u6E05\u7A7A</button>\n </div>\n </ng-container>\n\n <nz-select *ngSwitchCase=\"'select'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n <nz-option *ngFor=\"let option of options\" [nzLabel]=\"optionLabel(option)\" [nzValue]=\"optionValue(option)\"\n [nzDisabled]=\"!!option.disabled\"></nz-option>\n </nz-select>\n\n <nz-select *ngSwitchCase=\"'selectCus'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n <nz-option *ngFor=\"let option of options\" nzCustomContent [nzLabel]=\"optionLabel(option)\"\n [nzValue]=\"optionValue(option)\" [nzDisabled]=\"!!option.disabled\">\n <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n nzTheme=\"outline\" style=\"margin-right: 1rem\" (click)=\"clickIcon(optionValue(option), header, $event)\"></i>\n {{optionLabel(option)}}\n </nz-option>\n </nz-select>\n\n <nz-cascader *ngSwitchCase=\"'cascader'\" [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzOptions]=\"options\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-cascader>\n\n <nz-tree-select *ngSwitchCase=\"'treeSelect'\" [nzDisabled]=\"disabled\" [nzDefaultExpandAll]=\"!!header.expandAll\"\n [nzAllowClear]=\"!header.disableClear\" [nzNodes]=\"header.treeList || []\" [nzHideUnMatched]=\"true\"\n [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzMultiple]=\"isMultiple\"\n [nzMaxTagCount]=\"header.maxTagCount ?? 3\" nzVirtualHeight=\"330px\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-tree-select>\n\n <nz-range-picker *ngSwitchCase=\"'dayRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n [nzAllowClear]=\"!header.disableClear\" nzFormat=\"yyyy-MM-dd\"\n [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n <nz-range-picker *ngSwitchCase=\"'dateRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n [nzAllowClear]=\"!header.disableClear\" [nzShowTime]=\"showTime\" [nzFormat]=\"dateFormat\"\n [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n <ng-container *ngSwitchCase=\"'sdate'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n <ng-container *ngSwitchCase=\"'datepicker'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n <nz-date-picker *ngSwitchCase=\"'smonth'\" style=\"width: 100%\" nzMode=\"month\" nzFormat=\"yyyy-MM\"\n [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n [nzPlaceHolder]=\"header.placeholder || header.name\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n <span class=\"label-title\">{{header.name}}</span>\n </nz-form-control>\n</nz-form-item>\n\n<ng-template #singleDateTpl>\n <nz-date-picker style=\"width: 100%\" [nzMode]=\"header.dateMode || 'date'\" [nzFormat]=\"dateFormat\"\n [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n [nzShowTime]=\"header.dateMode ? false : showTime\" [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n [nzPlaceHolder]=\"header.placeholder || header.name\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #inputClearTpl>\n <button *ngIf=\"!header.disableClear && hasValue\" type=\"button\" class=\"ant-input-clear-icon clear-button\"\n [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\n <i nz-icon nzTheme=\"fill\" nzType=\"close-circle\"></i>\n </button>\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}:host .checkbox-control{display:flex;align-items:center;flex-wrap:wrap;min-height:32px;gap:8px}:host .clear-button{padding:0;border:0;background:transparent;line-height:1;cursor:pointer}:host .clear-button:disabled{cursor:not-allowed;opacity:.45}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i5.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i6.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "component", type: i7.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i7.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i11.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i11.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i11.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i12.NzInputNumberLegacyComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "component", type: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i14$1.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }] }); }
|
|
2821
2882
|
}
|
|
2822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableFormItemComponent, decorators: [{
|
|
2823
2884
|
type: Component,
|
|
2824
|
-
args: [{ standalone: false, selector: 'app-table-form-item', providers: [
|
|
2825
|
-
{
|
|
2885
|
+
args: [{ standalone: false, selector: 'app-table-form-item', providers: [{
|
|
2826
2886
|
provide: NG_VALUE_ACCESSOR,
|
|
2827
2887
|
useExisting: forwardRef(() => TableFormItemComponent),
|
|
2828
2888
|
multi: true
|
|
2829
|
-
}
|
|
2830
|
-
], template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n <input\r\n nz-input\r\n placeholder=\"{{header.name}}\"\r\n [attr.id]=\"header.key\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n />\r\n\r\n </nz-input-group>\r\n\r\n <nz-select *ngSwitchCase=\"'select'\"\r\n [nzAllowClear]=\"!header.disableClear\"\r\n [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n nzAllowClear=\"true\"\r\n [nzMode]=\"header.nzMode || 'default'\"\r\n nzServerSearch\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n >\r\n <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n [nzValue]=\"o.id\"></nz-option>\r\n </nz-select>\r\n <nz-select *ngSwitchCase=\"'selectCus'\"\r\n [nzMode]=\"header.nzMode || 'default'\"\r\n [nzAllowClear]=\"!header.disableClear\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n nzAllowClear=\"true\"\r\n [nzShowSearch]=\"true\"\r\n [(ngModel)]=\"value\"\r\n [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n (ngModelChange)=\"onChange($event)\"\r\n >\r\n <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n [nzValue]=\"o.value\">\r\n <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n {{o.label}}\r\n </nz-option>\r\n\r\n </nz-select>\r\n <nz-cascader\r\n *ngSwitchCase=\"'cascader'\"\r\n (ngModelChange)=\"onChange($event)\"\r\n style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n [nzShowSearch]=\"true\"\r\n [nzOptions]=\"header.dictList\"\r\n [(ngModel)]=\"value\"\r\n ></nz-cascader>\r\n <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n <nz-tree-select *ngIf=\"header.treeList\"\r\n [nzDefaultExpandAll]=\"header.expandAll\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [nzAllowClear]=\"!header.disableClear\"\r\n [nzNodes]=\"header.treeList\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n [nzShowSearch]=\"true\"\r\n [(ngModel)]=\"value\"\r\n [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n nzVirtualHeight=\"330px\"\r\n >\r\n </nz-tree-select>\r\n </ng-container>\r\n\r\n <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n style=\"width: 100%;\"\r\n nzAllowClear=\"true\"\r\n [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n [nzDefaultPickerValue]=\"header.defaultVal\"\r\n ></nz-range-picker>\r\n <nz-range-picker\r\n *ngSwitchCase=\"'dateRange'\"\r\n [nzShowTime]=\"header.nzShowTime?.isShowTime || false\"\r\n (ngModelChange)=\"onChange($event)\"\r\n\r\n [nzFormat]=\"header.nzShowTime?.nzFormat || 'yyyy-MM-dd'\"\r\n\r\n [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n [(ngModel)]=\"value\"\r\n style=\"width: 100%;\"\r\n nzAllowClear=\"true\"\r\n [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n <ng-container *ngSwitchCase=\"'sdate'\">\r\n <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n *ngIf=\"!header.dateMode\"\r\n nzAllowClear=\"true\"></nz-date-picker>\r\n <nz-date-picker style=\"width: 100%\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n *ngIf=\"header.dateMode\"\r\n [nzMode]=\"header.dateMode\"\r\n nzAllowClear=\"true\"></nz-date-picker>\r\n </ng-container>\r\n <nz-month-picker\r\n *ngSwitchCase=\"'smonth'\"\r\n (ngModelChange)=\"onChange($event)\"\r\n [(ngModel)]=\"value\"\r\n [nzFormat]=\"'yyyy-MM'\"\r\n [nzPlaceHolder]=\"[header.name]\"\r\n nzAllowClear=\"true\"></nz-month-picker>\r\n <span class=\"label-title\">{{header.name}}</span>\r\n </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
|
|
2831
|
-
}], ctorParameters: () => [], propDecorators: { header: [{
|
|
2889
|
+
}], template: "<nz-form-item style=\"position: relative\" [title]=\"header.name\" nzFlex>\n <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\n <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\n <input nz-input [placeholder]=\"header.placeholder || header.name\" [attr.id]=\"header.key\"\n [disabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\" />\n </nz-input-group>\n\n <nz-input-number *ngSwitchCase=\"'number'\" style=\"width: 100%\" [nzId]=\"header.key\"\n [nzPlaceHolder]=\"header.placeholder || header.name\" [nzDisabled]=\"disabled\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\"></nz-input-number>\n\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <div class=\"checkbox-control\">\n <nz-checkbox-group *ngIf=\"options.length; else booleanCheckbox\" [nzOptions]=\"checkboxOptions\"\n [nzDisabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\"></nz-checkbox-group>\n <ng-template #booleanCheckbox>\n <label nz-checkbox [nzDisabled]=\"disabled\" [nzIndeterminate]=\"value == null\"\n [ngModel]=\"value === true\" [ngModelOptions]=\"modelOptions\"\n (ngModelChange)=\"onChange($event)\">{{value == null ? '\u4E0D\u9650' : value ? '\u662F' : '\u5426'}}</label>\n </ng-template>\n <button *ngIf=\"hasValue && !header.disableClear\" type=\"button\" nz-button nzType=\"text\" nzSize=\"small\"\n [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\u6E05\u7A7A</button>\n </div>\n </ng-container>\n\n <nz-select *ngSwitchCase=\"'select'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n <nz-option *ngFor=\"let option of options\" [nzLabel]=\"optionLabel(option)\" [nzValue]=\"optionValue(option)\"\n [nzDisabled]=\"!!option.disabled\"></nz-option>\n </nz-select>\n\n <nz-select *ngSwitchCase=\"'selectCus'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n <nz-option *ngFor=\"let option of options\" nzCustomContent [nzLabel]=\"optionLabel(option)\"\n [nzValue]=\"optionValue(option)\" [nzDisabled]=\"!!option.disabled\">\n <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n nzTheme=\"outline\" style=\"margin-right: 1rem\" (click)=\"clickIcon(optionValue(option), header, $event)\"></i>\n {{optionLabel(option)}}\n </nz-option>\n </nz-select>\n\n <nz-cascader *ngSwitchCase=\"'cascader'\" [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzOptions]=\"options\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-cascader>\n\n <nz-tree-select *ngSwitchCase=\"'treeSelect'\" [nzDisabled]=\"disabled\" [nzDefaultExpandAll]=\"!!header.expandAll\"\n [nzAllowClear]=\"!header.disableClear\" [nzNodes]=\"header.treeList || []\" [nzHideUnMatched]=\"true\"\n [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzMultiple]=\"isMultiple\"\n [nzMaxTagCount]=\"header.maxTagCount ?? 3\" nzVirtualHeight=\"330px\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-tree-select>\n\n <nz-range-picker *ngSwitchCase=\"'dayRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n [nzAllowClear]=\"!header.disableClear\" nzFormat=\"yyyy-MM-dd\"\n [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n <nz-range-picker *ngSwitchCase=\"'dateRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n [nzAllowClear]=\"!header.disableClear\" [nzShowTime]=\"showTime\" [nzFormat]=\"dateFormat\"\n [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n <ng-container *ngSwitchCase=\"'sdate'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n <ng-container *ngSwitchCase=\"'datepicker'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n <nz-date-picker *ngSwitchCase=\"'smonth'\" style=\"width: 100%\" nzMode=\"month\" nzFormat=\"yyyy-MM\"\n [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n [nzPlaceHolder]=\"header.placeholder || header.name\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n <span class=\"label-title\">{{header.name}}</span>\n </nz-form-control>\n</nz-form-item>\n\n<ng-template #singleDateTpl>\n <nz-date-picker style=\"width: 100%\" [nzMode]=\"header.dateMode || 'date'\" [nzFormat]=\"dateFormat\"\n [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n [nzShowTime]=\"header.dateMode ? false : showTime\" [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n [nzPlaceHolder]=\"header.placeholder || header.name\"\n [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #inputClearTpl>\n <button *ngIf=\"!header.disableClear && hasValue\" type=\"button\" class=\"ant-input-clear-icon clear-button\"\n [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\n <i nz-icon nzTheme=\"fill\" nzType=\"close-circle\"></i>\n </button>\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}:host .checkbox-control{display:flex;align-items:center;flex-wrap:wrap;min-height:32px;gap:8px}:host .clear-button{padding:0;border:0;background:transparent;line-height:1;cursor:pointer}:host .clear-button:disabled{cursor:not-allowed;opacity:.45}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
|
|
2890
|
+
}], propDecorators: { header: [{
|
|
2832
2891
|
type: Input
|
|
2833
2892
|
}], value: [{
|
|
2834
2893
|
type: Input
|
|
@@ -2836,6 +2895,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
2836
2895
|
type: Input
|
|
2837
2896
|
}], headerAction: [{
|
|
2838
2897
|
type: Output
|
|
2898
|
+
}], markTouched: [{
|
|
2899
|
+
type: HostListener,
|
|
2900
|
+
args: ['focusout']
|
|
2839
2901
|
}] } });
|
|
2840
2902
|
|
|
2841
2903
|
class TableTdComponent {
|
|
@@ -3019,10 +3081,10 @@ class TableTdComponent {
|
|
|
3019
3081
|
}
|
|
3020
3082
|
return isRight;
|
|
3021
3083
|
}
|
|
3022
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3023
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TableTdComponent, isStandalone: false, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"item.type\">\r\n <ng-container *ngSwitchCase=\"'tempRef'\">\r\n <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n <div [ngStyle]=\"cellStyle\" [innerHTML]=\"innerHtmlValue | safeHtml\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'textcolor'\">\r\n <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n *ngIf=\"item.colorShow == value\"></div>\r\n <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\"\r\n [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'dateTime'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\"\r\n [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n [ngStyle]=\"cellStyle\"\r\n (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n </nz-switch>\r\n <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n class=\"view-text\"> {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"cellStyle\" [innerHTML]=\"item.key\"></div>\r\n\r\n <img *ngSwitchCase=\"'image'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n nz-image atrErrorImg/>\r\n <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n nz-image atrErrorImg/>\r\n <div nz-row *ngSwitchCase=\"'action'\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n <ng-container *ngFor=\"let action of visibleActions\">\r\n <ng-container *ngIf=\"!action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" *atrRole=\"action.code\"\r\n (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n }}</button> -->\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div [ngStyle]=\"cellStyle\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"displayValue | defVal:item.defaultVal\"></div>\r\n <div [ngStyle]=\"cellStyle\" nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i8$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i10$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3084
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableTdComponent, deps: [{ token: DictService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3085
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TableTdComponent, isStandalone: false, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"item.type\">\r\n <ng-container *ngSwitchCase=\"'tempRef'\">\r\n <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n <div [ngStyle]=\"cellStyle\" [innerHTML]=\"innerHtmlValue | safeHtml\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'textcolor'\">\r\n <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n *ngIf=\"item.colorShow == value\"></div>\r\n <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\"\r\n [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'dateTime'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\"\r\n [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n [ngStyle]=\"cellStyle\"\r\n (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n </nz-switch>\r\n <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n class=\"view-text\"> {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"cellStyle\" [innerHTML]=\"item.key\"></div>\r\n\r\n <img *ngSwitchCase=\"'image'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n nz-image atrErrorImg/>\r\n <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n nz-image atrErrorImg/>\r\n <div nz-row *ngSwitchCase=\"'action'\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n <ng-container *ngFor=\"let action of visibleActions\">\r\n <ng-container *ngIf=\"!action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" *atrRole=\"action.code\"\r\n (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n }}</button> -->\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div [ngStyle]=\"cellStyle\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"displayValue | defVal:item.defaultVal\"></div>\r\n <div [ngStyle]=\"cellStyle\" nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i10$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3024
3086
|
}
|
|
3025
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableTdComponent, decorators: [{
|
|
3026
3088
|
type: Component,
|
|
3027
3089
|
args: [{ standalone: false, selector: 'app-table-td', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"item.type\">\r\n <ng-container *ngSwitchCase=\"'tempRef'\">\r\n <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n <div [ngStyle]=\"cellStyle\" [innerHTML]=\"innerHtmlValue | safeHtml\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'textcolor'\">\r\n <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n *ngIf=\"item.colorShow == value\"></div>\r\n <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\"\r\n [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'dateTime'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\"\r\n [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n [ngStyle]=\"cellStyle\"\r\n (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n </nz-switch>\r\n <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n <span nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"cellStyle\"\r\n [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n class=\"view-text\"> {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n </ng-container>\r\n <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"cellStyle\" [innerHTML]=\"item.key\"></div>\r\n\r\n <img *ngSwitchCase=\"'image'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n nz-image atrErrorImg/>\r\n <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n nz-image atrErrorImg/>\r\n <div nz-row *ngSwitchCase=\"'action'\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n <ng-container *ngFor=\"let action of visibleActions\">\r\n <ng-container *ngIf=\"!action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" *atrRole=\"action.code\"\r\n (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n }}</button> -->\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div [ngStyle]=\"cellStyle\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"displayValue | defVal:item.defaultVal\"></div>\r\n <div [ngStyle]=\"cellStyle\" nz-popover (mouseenter)=\"enter($event)\"\r\n [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
|
|
3028
3090
|
}], ctorParameters: () => [{ type: DictService }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -3078,10 +3140,10 @@ class LocalUploadComponent {
|
|
|
3078
3140
|
this.afterChange.emit(params);
|
|
3079
3141
|
}
|
|
3080
3142
|
}
|
|
3081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3143
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3144
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LocalUploadComponent, isStandalone: false, selector: "atr-local-upload", inputs: { beforeUpload: "beforeUpload", url: "url", nzAccept: "nzAccept", name: "name", code: "code", withoutRole: "withoutRole", uploadType: "uploadType" }, outputs: { afterChange: "afterChange" }, ngImport: i0, template: "<ng-container *ngIf=\"!withoutRole\">\r\n <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\"\r\n [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n nzListType=\"picture-card\"\r\n [nzBeforeUpload]=\"beforeUpload\"\r\n (nzChange)=\"onChange($event)\"\r\n *atrRole=\"code\" [nzLimit]='1'>\r\n <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n </nz-upload>\r\n</ng-container>\r\n<ng-container *ngIf=\"withoutRole\">\r\n <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n [nzBeforeUpload]=\"beforeUpload\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzFileList]=\"fileList\"\r\n [nzLimit]='1'\r\n *ngIf=\"uploadType != 'drag'\"\r\n >\r\n <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n </nz-upload>\r\n <nz-upload *ngIf=\"uploadType == 'drag'\"\r\n nzType=\"drag\"\r\n [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\"\r\n [nzBeforeUpload]=\"beforeUpload\"\r\n [nzFileList]=\"fileList\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzLimit]='1'>\r\n <p class=\"ant-upload-drag-icon\">\r\n <nz-icon nzType=\"inbox\" />\r\n </p>\r\n <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20\u6587\u4EF6</p>\r\n <p class=\"ant-upload-hint\">\r\n </p>\r\n </nz-upload>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }] }); }
|
|
3083
3145
|
}
|
|
3084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalUploadComponent, decorators: [{
|
|
3085
3147
|
type: Component,
|
|
3086
3148
|
args: [{ standalone: false, selector: 'atr-local-upload', template: "<ng-container *ngIf=\"!withoutRole\">\r\n <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\"\r\n [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n nzListType=\"picture-card\"\r\n [nzBeforeUpload]=\"beforeUpload\"\r\n (nzChange)=\"onChange($event)\"\r\n *atrRole=\"code\" [nzLimit]='1'>\r\n <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n </nz-upload>\r\n</ng-container>\r\n<ng-container *ngIf=\"withoutRole\">\r\n <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n [nzBeforeUpload]=\"beforeUpload\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzFileList]=\"fileList\"\r\n [nzLimit]='1'\r\n *ngIf=\"uploadType != 'drag'\"\r\n >\r\n <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n </nz-upload>\r\n <nz-upload *ngIf=\"uploadType == 'drag'\"\r\n nzType=\"drag\"\r\n [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\"\r\n [nzBeforeUpload]=\"beforeUpload\"\r\n [nzFileList]=\"fileList\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzLimit]='1'>\r\n <p class=\"ant-upload-drag-icon\">\r\n <nz-icon nzType=\"inbox\" />\r\n </p>\r\n <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20\u6587\u4EF6</p>\r\n <p class=\"ant-upload-hint\">\r\n </p>\r\n </nz-upload>\r\n</ng-container>\r\n" }]
|
|
3087
3149
|
}], ctorParameters: () => [], propDecorators: { beforeUpload: [{
|
|
@@ -3118,7 +3180,7 @@ class AtrTableComponent {
|
|
|
3118
3180
|
this.atrForm = null;
|
|
3119
3181
|
this.dicts = {};
|
|
3120
3182
|
this.pageIndex = 1;
|
|
3121
|
-
this.total =
|
|
3183
|
+
this.total = 0;
|
|
3122
3184
|
this.pageSize = 10;
|
|
3123
3185
|
this.pageSizeOptions = [10, 20, 30, 40, 50];
|
|
3124
3186
|
this.loading = true;
|
|
@@ -3663,8 +3725,14 @@ class AtrTableComponent {
|
|
|
3663
3725
|
}
|
|
3664
3726
|
}
|
|
3665
3727
|
if (formate == 'yyyy-MM-dd HH:mm:ss') {
|
|
3666
|
-
|
|
3667
|
-
|
|
3728
|
+
if (atr_static_datas.isIso) {
|
|
3729
|
+
params[begin] = new Date(this.atrForm.value[key][0]).toISOString();
|
|
3730
|
+
params[end] = new Date(this.atrForm.value[key][1]).toISOString();
|
|
3731
|
+
}
|
|
3732
|
+
else {
|
|
3733
|
+
params[begin] = formatDate(this.atrForm.value[key][0], formate, this.locale);
|
|
3734
|
+
params[end] = formatDate(this.atrForm.value[key][1], formate, this.locale);
|
|
3735
|
+
}
|
|
3668
3736
|
}
|
|
3669
3737
|
else {
|
|
3670
3738
|
params[begin] = formatDate(this.atrForm.value[key][0], formate, this.locale);
|
|
@@ -3674,11 +3742,22 @@ class AtrTableComponent {
|
|
|
3674
3742
|
else if (this.getHederType(key) == "dayRange") {
|
|
3675
3743
|
let begin = key + "Begin";
|
|
3676
3744
|
let end = key + "End";
|
|
3677
|
-
|
|
3678
|
-
|
|
3745
|
+
if (atr_static_datas.isIso) {
|
|
3746
|
+
params[begin] = new Date(formatDate(this.atrForm.value[key][0], 'yyyy-MM-dd 00:00:00', this.locale)).toISOString();
|
|
3747
|
+
params[end] = new Date(formatDate(this.atrForm.value[key][1], 'yyyy-MM-dd 23:59:59', this.locale)).toISOString();
|
|
3748
|
+
}
|
|
3749
|
+
else {
|
|
3750
|
+
params[begin] = formatDate(this.atrForm.value[key][0], 'yyyy-MM-dd 00:00:00', this.locale);
|
|
3751
|
+
params[end] = formatDate(this.atrForm.value[key][1], 'yyyy-MM-dd 23:59:59', this.locale);
|
|
3752
|
+
}
|
|
3679
3753
|
}
|
|
3680
3754
|
else if (this.getHederType(key) == "sdate") {
|
|
3681
|
-
|
|
3755
|
+
if (atr_static_datas.isIso) {
|
|
3756
|
+
params[key] = new Date(formatDate(this.atrForm.value[key], 'yyyy-MM-dd 00:00:00', this.locale)).toISOString();
|
|
3757
|
+
}
|
|
3758
|
+
else {
|
|
3759
|
+
params[key] = formatDate(this.atrForm.value[key], 'yyyy-MM-dd 00:00:00', this.locale);
|
|
3760
|
+
}
|
|
3682
3761
|
}
|
|
3683
3762
|
else if (this.getHederType(key) == "treeSelect") {
|
|
3684
3763
|
let value = this.atrForm.value[key];
|
|
@@ -3892,10 +3971,10 @@ class AtrTableComponent {
|
|
|
3892
3971
|
action.numberOfChecked = 1;
|
|
3893
3972
|
this.tableAction.emit(action);
|
|
3894
3973
|
}
|
|
3895
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3896
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AtrTableComponent, isStandalone: false, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true, static: true }, { propertyName: "pageFooter", first: true, predicate: ["pageContent"], descendants: true, static: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }, { propertyName: "basicTable", first: true, predicate: ["basicTable"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n <nz-table #basicTable [nzData]=\"renderRows\" nzBordered\r\n nzSize=\"middle\"\r\n [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n [nzTitle]=\"tableHeader\"\r\n [nzFooter]=\" showPagination ? pageFooter : null\"\r\n [nzFrontPagination]=\"false\"\r\n [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n >\r\n <thead>\r\n <tr (contextmenu)=\"contextMenu($event,menu)\">\r\n <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n [nzLeft]=\"true\"\r\n class=\"left-zindex-header\"\r\n nzShowCheckbox\r\n style=\"z-index: 90!important;\"\r\n nzWidth=\"30px\"\r\n nzAlign=\"center\"\r\n [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n [nzIndeterminate]=\"isIndeterminate\"\r\n (nzCheckedChange)=\"checkAll($event)\"\r\n ></th>\r\n <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\"\r\n nzWidth=\"30px\" nzAlign=\"center\">#\r\n </th>\r\n <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n nzWidth=\"30px\"\r\n nzAlign=\"center\">#\r\n </th>\r\n <ng-container *ngFor=\"let item of visibleTables; trackBy: trackByTableKey\">\r\n <th\r\n nz-resizable\r\n [nzMinWidth]=\"60\"\r\n [nzWidth]=\"item.width + 'px'\"\r\n [nzRight]=\"item.isRight ? true : false\"\r\n [nzLeft]=\"item.isLeft ? true : false\"\r\n (nzResize)=\"onResize($event,item)\"\r\n >{{item.name}}\r\n <nz-resize-handle nzDirection=\"right\" *ngIf=\"!item.forbidResize\">\r\n <div class=\"resize-trigger\"></div>\r\n </nz-resize-handle>\r\n </th>\r\n </ng-container>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (row of renderRows; track row.trackId) {\r\n <tr class=\"t-tr\"\r\n [style.color]=\"row.color\" (click)=\"selectRow(row.data,row.index)\"\r\n [ngClass]=\"{'selected': row.index == curChecked}\" (dblclick)=\"dbclickData(row.data,row.index)\" >\r\n @if (queryOpts.checkBox?.isShowCheckbox) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n class=\"left-zindex\"\r\n nzShowCheckbox\r\n [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"\r\n (nzCheckedChange)=\"refreshStatus()\"\r\n ></td>\r\n }\r\n @if (queryOpts.checkBox?.isRadio) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(row.data,row.index)\"\r\n [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"></td>\r\n }\r\n @if (queryOpts.isIndex) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n nzBreakWord>{{row.index + 1}}</td>\r\n }\r\n @for (cell of row.cells; track cell.trackKey) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"cell.item.isLeft ? true : false\"\r\n [ngClass]=\"{'left-zindex':cell.item.isLeft ? true : false}\"\r\n [nzRight]=\"cell.item.isRight ? true : false\"\r\n nzBreakWord\r\n [rowSpan]=\"cell.rowSpan\"\r\n *ngIf=\"cell.show\">\r\n <app-table-td [data]=\"row.data\"\r\n [item]=\"cell.item\"\r\n [i]=\"row.index\"\r\n (doActionByRowAction)=\"doActionByRow2($event)\"\r\n ></app-table-td>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n <ng-content select=\"[header-left-slot]\"></ng-content>\r\n <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n [nzSpan]=\"header.span\">\r\n <app-table-form-item\r\n [header]=\"header\"\r\n [ngModel]=\"header.defaultVal\"\r\n [dictList]=\"dicts[header.dictCode]\"\r\n [formControlName]=\"header.key\"\r\n (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n </div>\r\n <ng-content select=\"[header-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-row nzType=\"flex\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n <ng-content select=\"[button-left-slot]\"></ng-content>\r\n <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\r\n [withoutRole]=\"action.withoutRole\"\r\n style=\" display: inline-block;\"></atr-local-upload>\r\n <ng-container *ngIf=\"!action.gType\">\r\n <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n *atrRole=\"action.withoutRole ? null:action.code\"\r\n [disabled]=\"isEnable(action.operator)\">{{action.name}} </button>\r\n </ng-container>\r\n </ng-container>\r\n <ng-content select=\"[button-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n </form>\r\n</ng-template>\r\n<ng-template #pageFooter>\r\n <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n <div class=\"flex \" style=\"align-items: center\">\r\n \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n </div>\r\n\r\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n [nzSize]=\"'small'\"\r\n [nzPageSizeOptions]=\"pageSizeOptions\"\r\n (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n ></nz-pagination>\r\n </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\r\n <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n <div nz-row>\r\n <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n </div>\r\n </div>\r\n </nz-checkbox-wrapper>\r\n <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n </div>\r\n</nz-dropdown-menu>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i6$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$1.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i8$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: i12.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i12.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i12.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i12.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i12.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i12.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i12.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i12.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i12.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i12.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i12.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i13.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i13.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
|
|
3974
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrTableComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3975
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AtrTableComponent, isStandalone: false, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true, static: true }, { propertyName: "pageFooter", first: true, predicate: ["pageContent"], descendants: true, static: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }, { propertyName: "basicTable", first: true, predicate: ["basicTable"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n <nz-table #basicTable [nzData]=\"renderRows\" nzBordered\r\n nzSize=\"middle\"\r\n [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n [nzTitle]=\"tableHeader\"\r\n [nzFooter]=\" showPagination ? pageFooter : null\"\r\n [nzFrontPagination]=\"false\"\r\n [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n >\r\n <thead>\r\n <tr (contextmenu)=\"contextMenu($event,menu)\">\r\n <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n [nzLeft]=\"true\"\r\n class=\"left-zindex-header\"\r\n nzShowCheckbox\r\n style=\"z-index: 90!important;\"\r\n nzWidth=\"30px\"\r\n nzAlign=\"center\"\r\n [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n [nzIndeterminate]=\"isIndeterminate\"\r\n (nzCheckedChange)=\"checkAll($event)\"\r\n ></th>\r\n <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\"\r\n nzWidth=\"30px\" nzAlign=\"center\">#\r\n </th>\r\n <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n nzWidth=\"30px\"\r\n nzAlign=\"center\">#\r\n </th>\r\n <ng-container *ngFor=\"let item of visibleTables; trackBy: trackByTableKey\">\r\n <th\r\n nz-resizable\r\n [nzMinWidth]=\"60\"\r\n [nzWidth]=\"item.width + 'px'\"\r\n [nzRight]=\"item.isRight ? true : false\"\r\n [nzLeft]=\"item.isLeft ? true : false\"\r\n (nzResize)=\"onResize($event,item)\"\r\n >{{item.name}}\r\n <nz-resize-handle nzDirection=\"right\" *ngIf=\"!item.forbidResize\">\r\n <div class=\"resize-trigger\"></div>\r\n </nz-resize-handle>\r\n </th>\r\n </ng-container>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (row of renderRows; track row.trackId) {\r\n <tr class=\"t-tr\"\r\n [style.color]=\"row.color\" (click)=\"selectRow(row.data,row.index)\"\r\n [ngClass]=\"{'selected': row.index == curChecked}\" (dblclick)=\"dbclickData(row.data,row.index)\" >\r\n @if (queryOpts.checkBox?.isShowCheckbox) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n class=\"left-zindex\"\r\n nzShowCheckbox\r\n [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"\r\n (nzCheckedChange)=\"refreshStatus()\"\r\n ></td>\r\n }\r\n @if (queryOpts.checkBox?.isRadio) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(row.data,row.index)\"\r\n [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"></td>\r\n }\r\n @if (queryOpts.isIndex) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n nzBreakWord>{{row.index + 1}}</td>\r\n }\r\n @for (cell of row.cells; track cell.trackKey) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"cell.item.isLeft ? true : false\"\r\n [ngClass]=\"{'left-zindex':cell.item.isLeft ? true : false}\"\r\n [nzRight]=\"cell.item.isRight ? true : false\"\r\n nzBreakWord\r\n [rowSpan]=\"cell.rowSpan\"\r\n *ngIf=\"cell.show\">\r\n <app-table-td [data]=\"row.data\"\r\n [item]=\"cell.item\"\r\n [i]=\"row.index\"\r\n (doActionByRowAction)=\"doActionByRow2($event)\"\r\n ></app-table-td>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n <ng-content select=\"[header-left-slot]\"></ng-content>\r\n <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n [nzSpan]=\"header.span\">\r\n <app-table-form-item\r\n [header]=\"header\"\r\n [ngModel]=\"header.defaultVal\"\r\n [dictList]=\"dicts[header.dictCode]\"\r\n [formControlName]=\"header.key\"\r\n (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n </div>\r\n <ng-content select=\"[header-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-row nzType=\"flex\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n <ng-content select=\"[button-left-slot]\"></ng-content>\r\n <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\r\n [withoutRole]=\"action.withoutRole\"\r\n style=\" display: inline-block;\"></atr-local-upload>\r\n <ng-container *ngIf=\"!action.gType\">\r\n <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n *atrRole=\"action.withoutRole ? null:action.code\"\r\n [disabled]=\"isEnable(action.operator)\">{{action.name}} </button>\r\n </ng-container>\r\n </ng-container>\r\n <ng-content select=\"[button-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n </form>\r\n</ng-template>\r\n<ng-template #pageFooter>\r\n <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n <div class=\"flex \" style=\"align-items: center\">\r\n \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n </div>\r\n\r\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n [nzSize]=\"'small'\"\r\n [nzPageSizeOptions]=\"pageSizeOptions\"\r\n (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n ></nz-pagination>\r\n </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\r\n <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n <div nz-row>\r\n <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n </div>\r\n </div>\r\n </nz-checkbox-wrapper>\r\n <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n </div>\r\n</nz-dropdown-menu>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i6.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: i12$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i12$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i12$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i12$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i12$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i12$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i12$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i12$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i12$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i12$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i12$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i13$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i13$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
|
|
3897
3976
|
}
|
|
3898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3977
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrTableComponent, decorators: [{
|
|
3899
3978
|
type: Component,
|
|
3900
3979
|
args: [{ standalone: false, selector: 'atr-table', template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n <nz-table #basicTable [nzData]=\"renderRows\" nzBordered\r\n nzSize=\"middle\"\r\n [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n [nzTitle]=\"tableHeader\"\r\n [nzFooter]=\" showPagination ? pageFooter : null\"\r\n [nzFrontPagination]=\"false\"\r\n [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n >\r\n <thead>\r\n <tr (contextmenu)=\"contextMenu($event,menu)\">\r\n <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n [nzLeft]=\"true\"\r\n class=\"left-zindex-header\"\r\n nzShowCheckbox\r\n style=\"z-index: 90!important;\"\r\n nzWidth=\"30px\"\r\n nzAlign=\"center\"\r\n [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n [nzIndeterminate]=\"isIndeterminate\"\r\n (nzCheckedChange)=\"checkAll($event)\"\r\n ></th>\r\n <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\"\r\n nzWidth=\"30px\" nzAlign=\"center\">#\r\n </th>\r\n <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n nzWidth=\"30px\"\r\n nzAlign=\"center\">#\r\n </th>\r\n <ng-container *ngFor=\"let item of visibleTables; trackBy: trackByTableKey\">\r\n <th\r\n nz-resizable\r\n [nzMinWidth]=\"60\"\r\n [nzWidth]=\"item.width + 'px'\"\r\n [nzRight]=\"item.isRight ? true : false\"\r\n [nzLeft]=\"item.isLeft ? true : false\"\r\n (nzResize)=\"onResize($event,item)\"\r\n >{{item.name}}\r\n <nz-resize-handle nzDirection=\"right\" *ngIf=\"!item.forbidResize\">\r\n <div class=\"resize-trigger\"></div>\r\n </nz-resize-handle>\r\n </th>\r\n </ng-container>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (row of renderRows; track row.trackId) {\r\n <tr class=\"t-tr\"\r\n [style.color]=\"row.color\" (click)=\"selectRow(row.data,row.index)\"\r\n [ngClass]=\"{'selected': row.index == curChecked}\" (dblclick)=\"dbclickData(row.data,row.index)\" >\r\n @if (queryOpts.checkBox?.isShowCheckbox) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n class=\"left-zindex\"\r\n nzShowCheckbox\r\n [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"\r\n (nzCheckedChange)=\"refreshStatus()\"\r\n ></td>\r\n }\r\n @if (queryOpts.checkBox?.isRadio) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(row.data,row.index)\"\r\n [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"></td>\r\n }\r\n @if (queryOpts.isIndex) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n nzBreakWord>{{row.index + 1}}</td>\r\n }\r\n @for (cell of row.cells; track cell.trackKey) {\r\n <td [nzBreakWord]=\"true\" [nzLeft]=\"cell.item.isLeft ? true : false\"\r\n [ngClass]=\"{'left-zindex':cell.item.isLeft ? true : false}\"\r\n [nzRight]=\"cell.item.isRight ? true : false\"\r\n nzBreakWord\r\n [rowSpan]=\"cell.rowSpan\"\r\n *ngIf=\"cell.show\">\r\n <app-table-td [data]=\"row.data\"\r\n [item]=\"cell.item\"\r\n [i]=\"row.index\"\r\n (doActionByRowAction)=\"doActionByRow2($event)\"\r\n ></app-table-td>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n <ng-content select=\"[header-left-slot]\"></ng-content>\r\n <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n [nzSpan]=\"header.span\">\r\n <app-table-form-item\r\n [header]=\"header\"\r\n [ngModel]=\"header.defaultVal\"\r\n [dictList]=\"dicts[header.dictCode]\"\r\n [formControlName]=\"header.key\"\r\n (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n </div>\r\n <ng-content select=\"[header-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-row nzType=\"flex\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n <ng-content select=\"[button-left-slot]\"></ng-content>\r\n <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\r\n [withoutRole]=\"action.withoutRole\"\r\n style=\" display: inline-block;\"></atr-local-upload>\r\n <ng-container *ngIf=\"!action.gType\">\r\n <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n *atrRole=\"action.withoutRole ? null:action.code\"\r\n [disabled]=\"isEnable(action.operator)\">{{action.name}} </button>\r\n </ng-container>\r\n </ng-container>\r\n <ng-content select=\"[button-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n </form>\r\n</ng-template>\r\n<ng-template #pageFooter>\r\n <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n <div class=\"flex \" style=\"align-items: center\">\r\n \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n </div>\r\n\r\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n [nzSize]=\"'small'\"\r\n [nzPageSizeOptions]=\"pageSizeOptions\"\r\n (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n ></nz-pagination>\r\n </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\r\n <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n <div nz-row>\r\n <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n </div>\r\n </div>\r\n </nz-checkbox-wrapper>\r\n <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n </div>\r\n</nz-dropdown-menu>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
|
|
3901
3980
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }, { type: i0.Injector }, { type: undefined, decorators: [{
|
|
@@ -3945,10 +4024,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
3945
4024
|
|
|
3946
4025
|
class VideoComponent {
|
|
3947
4026
|
constructor() { }
|
|
3948
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3949
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VideoComponent, isStandalone: false, selector: "app-video", inputs: { url: "url" }, ngImport: i0, template: "<vg-player>\r\n <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n <vg-play-pause></vg-play-pause>\r\n <vg-scrub-bar>\r\n <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n </vg-scrub-bar>\r\n <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n <!-- <vg-volume></vg-volume> -->\r\n <vg-mute></vg-mute>\r\n\r\n <vg-fullscreen></vg-fullscreen>\r\n </vg-controls>\r\n\r\n <video\r\n id=\"__VG__VIDEO__\"\r\n #media\r\n [vgMedia]=\"$any(media)\"\r\n preload=\"auto\"\r\n style=\"width: 100%;\"\r\n >\r\n <source [src]=\"url\" type=\"video/mp4\">\r\n </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$4.VgMediaDirective, selector: "[vgMedia]", inputs: ["vgMedia", "vgMaster"] }, { kind: "component", type: i1$4.VgPlayerComponent, selector: "vg-player", outputs: ["onPlayerReady", "onMediaReady"] }, { kind: "component", type: i2$2.VgControlsComponent, selector: "vg-controls", inputs: ["vgFor", "vgAutohide", "vgAutohideTime"] }, { kind: "component", type: i2$2.VgTimeDisplayComponent, selector: "vg-time-display", inputs: ["vgFor", "vgProperty", "vgFormat"] }, { kind: "component", type: i2$2.VgScrubBarComponent, selector: "vg-scrub-bar", inputs: ["vgFor", "vgSlider"] }, { kind: "component", type: i2$2.VgPlayPauseComponent, selector: "vg-play-pause", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgMuteComponent, selector: "vg-mute", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgFullscreenComponent, selector: "vg-fullscreen" }, { kind: "component", type: i2$2.VgScrubBarBufferingTimeComponent, selector: "vg-scrub-bar-buffering-time", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgScrubBarCurrentTimeComponent, selector: "vg-scrub-bar-current-time", inputs: ["vgFor", "vgSlider"] }] }); }
|
|
3950
4029
|
}
|
|
3951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VideoComponent, decorators: [{
|
|
3952
4031
|
type: Component,
|
|
3953
4032
|
args: [{ standalone: false, selector: 'app-video', template: "<vg-player>\r\n <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n <vg-play-pause></vg-play-pause>\r\n <vg-scrub-bar>\r\n <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n </vg-scrub-bar>\r\n <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n <!-- <vg-volume></vg-volume> -->\r\n <vg-mute></vg-mute>\r\n\r\n <vg-fullscreen></vg-fullscreen>\r\n </vg-controls>\r\n\r\n <video\r\n id=\"__VG__VIDEO__\"\r\n #media\r\n [vgMedia]=\"$any(media)\"\r\n preload=\"auto\"\r\n style=\"width: 100%;\"\r\n >\r\n <source [src]=\"url\" type=\"video/mp4\">\r\n </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"] }]
|
|
3954
4033
|
}], ctorParameters: () => [], propDecorators: { url: [{
|
|
@@ -4180,13 +4259,13 @@ class UploadComponent {
|
|
|
4180
4259
|
}
|
|
4181
4260
|
return (img.url || img.thumbUrl);
|
|
4182
4261
|
}
|
|
4183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4262
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadComponent, deps: [{ token: i0.Injector }, { token: i1$3.NzImageService }, { token: i2.HttpClient }, { token: i3$1.NzModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: UploadComponent, isStandalone: false, selector: "atr-img-upload", inputs: { opts: "opts", isEdit: "isEdit", allowChangSeq: "allowChangSeq", showUploadList: "showUploadList" }, outputs: { afterChange: "afterChange", optsChange: "optsChange", onBeforeUpload: "onBeforeUpload" }, ngImport: i0, template: "<div class=\"clearfix\">\r\n <nz-upload\r\n *ngIf=\"opts && opts?.uploadType == 'drag'\"\r\n nzType=\"drag\"\r\n [nzAction]=\"\"\r\n [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n [nzRemove]=\"remove\"\r\n [nzSize]=\"opts.nzSize || 0\"\r\n [nzCustomRequest]=\"opts.customReq || customReq\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzType]=\"opts?.uploadType\"\r\n [nzAccept]=\"opts.nzFileType\"\r\n [nzLimit]=\"'1'\"\r\n >\r\n <p class=\"ant-upload-drag-icon\">\r\n <i nz-icon nzType=\"inbox\"></i>\r\n </p>\r\n <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20</p>\r\n </nz-upload>\r\n <nz-upload\r\n *ngIf=\"opts && opts?.uploadType == 'button'\"\r\n nzType=\"drag\"\r\n nzAction=\"\"\r\n [nzSize]=\"opts.nzSize || 0\"\r\n [nzShowUploadList]=\"showUploadList\"\r\n [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n [nzRemove]=\"remove\"\r\n [nzCustomRequest]=\"opts.customReq || customReq\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzType]=\"opts?.uploadType\"\r\n [nzAccept]=\"opts.nzFileType\"\r\n [nzLimit]=\"'1'\"\r\n >\r\n <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\" style=\"font-size: 16px\"></i><span> {{opts.btnName}}</span></button>\r\n </nz-upload>\r\n <nz-upload\r\n *ngIf=\"opts && !opts?.uploadType \"\r\n nzAction=\"\"\r\n nzListType=\"picture-card\"\r\n [nzSize]=\"opts.nzSize || 0\"\r\n [(nzFileList)]=\"opts.imageList\"\r\n [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n [nzShowUploadList]=\"showUploadList\"\r\n [nzPreview]=\"handlePreview\"\r\n [nzRemove]=\"remove\"\r\n [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n [nzCustomRequest]=\"opts.customReq || customReq\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzType]=\"opts?.uploadType\"\r\n [nzAccept]=\"opts.nzFileType\"\r\n [nzDisabled]=\"!isEdit\"\r\n [nzLimit]=\"'1'\"\r\n [nzFileListRender]=\"opts && isEdit && allowChangSeq && opts.imageList.length > 0 ? fileListTmp : null\"\r\n >\r\n <i nz-icon nzType=\"plus\"></i>\r\n <div class=\"ant-upload-text\">{{opts.btnName?opts.btnName:'\u4E0A\u4F20\u56FE\u7247'}}</div>\r\n </nz-upload>\r\n <!-- <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n style=\"margin-left: 10px; \"\r\n ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>-->\r\n <nz-modal\r\n [nzVisible]=\"previewVisible\"\r\n [nzContent]=\"modalContent\"\r\n [nzFooter]=\"null\"\r\n (nzOnCancel)=\"previewVisible = false\"\r\n >\r\n <ng-template #modalContent>\r\n <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n <div style=\"width: 100%;margin-top: 15px\">\r\n <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n </div>\r\n </ng-template>\r\n </nz-modal>\r\n <ng-template #imgsContent>\r\n <ng-container *ngIf=\"opts && opts.imageList\">\r\n <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n <div class=\"img-div\">\r\n <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n <div style=\"margin-right: 20px\">\r\n <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n nzTheme=\"outline\"\r\n style=\"color: #1890ff; font-size: 15px;\"></i>\r\n \u4E0A\u79FB</a>\r\n <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n nzTheme=\"outline\"\r\n style=\"color: #1890ff; font-size: 15px\"></i>\r\n \u4E0B\u79FB</a>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </ng-template>\r\n <!-- </nz-modal>-->\r\n</div>\r\n<ng-template #fileListTmp>\r\n <div >\r\n <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n <div class=\"img-div img-pre\" style=\"\">\r\n <img [src]=\"getImgUrl(imgs) |ossImg\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n <div>\r\n <span (click)=\"priviewImg(imgs)\" nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n <span (click)=\"delImg(i)\" nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n</ng-template>\r\n<ng-template #tplFooter>\r\n <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n \u53D6\u6D88\r\n </button>\r\n <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n \u4FDD\u5B58\u987A\u5E8F\r\n </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}:host .img-pre{display:inline-block;position:relative;margin-left:10px}:host .img-pre div{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000006b;z-index:200;color:#fff;align-items:center;justify-content:center;font-size:16px}:host .img-pre div span{margin:10px;cursor:pointer}:host .img-pre:hover div{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "component", type: i3$1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "component", type: VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }] }); }
|
|
4185
4264
|
}
|
|
4186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadComponent, decorators: [{
|
|
4187
4266
|
type: Component,
|
|
4188
4267
|
args: [{ standalone: false, selector: 'atr-img-upload', template: "<div class=\"clearfix\">\r\n <nz-upload\r\n *ngIf=\"opts && opts?.uploadType == 'drag'\"\r\n nzType=\"drag\"\r\n [nzAction]=\"\"\r\n [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n [nzRemove]=\"remove\"\r\n [nzSize]=\"opts.nzSize || 0\"\r\n [nzCustomRequest]=\"opts.customReq || customReq\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzType]=\"opts?.uploadType\"\r\n [nzAccept]=\"opts.nzFileType\"\r\n [nzLimit]=\"'1'\"\r\n >\r\n <p class=\"ant-upload-drag-icon\">\r\n <i nz-icon nzType=\"inbox\"></i>\r\n </p>\r\n <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20</p>\r\n </nz-upload>\r\n <nz-upload\r\n *ngIf=\"opts && opts?.uploadType == 'button'\"\r\n nzType=\"drag\"\r\n nzAction=\"\"\r\n [nzSize]=\"opts.nzSize || 0\"\r\n [nzShowUploadList]=\"showUploadList\"\r\n [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n [nzRemove]=\"remove\"\r\n [nzCustomRequest]=\"opts.customReq || customReq\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzType]=\"opts?.uploadType\"\r\n [nzAccept]=\"opts.nzFileType\"\r\n [nzLimit]=\"'1'\"\r\n >\r\n <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\" style=\"font-size: 16px\"></i><span> {{opts.btnName}}</span></button>\r\n </nz-upload>\r\n <nz-upload\r\n *ngIf=\"opts && !opts?.uploadType \"\r\n nzAction=\"\"\r\n nzListType=\"picture-card\"\r\n [nzSize]=\"opts.nzSize || 0\"\r\n [(nzFileList)]=\"opts.imageList\"\r\n [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n [nzShowUploadList]=\"showUploadList\"\r\n [nzPreview]=\"handlePreview\"\r\n [nzRemove]=\"remove\"\r\n [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n [nzCustomRequest]=\"opts.customReq || customReq\"\r\n (nzChange)=\"onChange($event)\"\r\n [nzType]=\"opts?.uploadType\"\r\n [nzAccept]=\"opts.nzFileType\"\r\n [nzDisabled]=\"!isEdit\"\r\n [nzLimit]=\"'1'\"\r\n [nzFileListRender]=\"opts && isEdit && allowChangSeq && opts.imageList.length > 0 ? fileListTmp : null\"\r\n >\r\n <i nz-icon nzType=\"plus\"></i>\r\n <div class=\"ant-upload-text\">{{opts.btnName?opts.btnName:'\u4E0A\u4F20\u56FE\u7247'}}</div>\r\n </nz-upload>\r\n <!-- <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n style=\"margin-left: 10px; \"\r\n ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>-->\r\n <nz-modal\r\n [nzVisible]=\"previewVisible\"\r\n [nzContent]=\"modalContent\"\r\n [nzFooter]=\"null\"\r\n (nzOnCancel)=\"previewVisible = false\"\r\n >\r\n <ng-template #modalContent>\r\n <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n <div style=\"width: 100%;margin-top: 15px\">\r\n <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n </div>\r\n </ng-template>\r\n </nz-modal>\r\n <ng-template #imgsContent>\r\n <ng-container *ngIf=\"opts && opts.imageList\">\r\n <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n <div class=\"img-div\">\r\n <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n <div style=\"margin-right: 20px\">\r\n <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n nzTheme=\"outline\"\r\n style=\"color: #1890ff; font-size: 15px;\"></i>\r\n \u4E0A\u79FB</a>\r\n <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n nzTheme=\"outline\"\r\n style=\"color: #1890ff; font-size: 15px\"></i>\r\n \u4E0B\u79FB</a>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </ng-template>\r\n <!-- </nz-modal>-->\r\n</div>\r\n<ng-template #fileListTmp>\r\n <div >\r\n <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n <div class=\"img-div img-pre\" style=\"\">\r\n <img [src]=\"getImgUrl(imgs) |ossImg\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n <div>\r\n <span (click)=\"priviewImg(imgs)\" nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n <span (click)=\"delImg(i)\" nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n</ng-template>\r\n<ng-template #tplFooter>\r\n <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n \u53D6\u6D88\r\n </button>\r\n <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n \u4FDD\u5B58\u987A\u5E8F\r\n </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}:host .img-pre{display:inline-block;position:relative;margin-left:10px}:host .img-pre div{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000006b;z-index:200;color:#fff;align-items:center;justify-content:center;font-size:16px}:host .img-pre div span{margin:10px;cursor:pointer}:host .img-pre:hover div{display:flex}\n"] }]
|
|
4189
|
-
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1$3.NzImageService }, { type: i2.HttpClient }, { type: i3$
|
|
4268
|
+
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1$3.NzImageService }, { type: i2.HttpClient }, { type: i3$1.NzModalService }], propDecorators: { opts: [{
|
|
4190
4269
|
type: Input
|
|
4191
4270
|
}], isEdit: [{
|
|
4192
4271
|
type: Input
|
|
@@ -4301,10 +4380,10 @@ class ShareService {
|
|
|
4301
4380
|
}
|
|
4302
4381
|
});
|
|
4303
4382
|
}
|
|
4304
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4305
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
4383
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShareService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4384
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShareService, providedIn: 'root' }); }
|
|
4306
4385
|
}
|
|
4307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShareService, decorators: [{
|
|
4308
4387
|
type: Injectable,
|
|
4309
4388
|
args: [{
|
|
4310
4389
|
providedIn: 'root'
|
|
@@ -4362,17 +4441,17 @@ class SelectIconsComponent {
|
|
|
4362
4441
|
writeValue(value) {
|
|
4363
4442
|
this.value = value;
|
|
4364
4443
|
}
|
|
4365
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4366
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4444
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SelectIconsComponent, isStandalone: false, selector: "app-select-icons", inputs: { readonly: "readonly", placeholder: "placeholder" }, providers: [
|
|
4367
4446
|
UploadOssService,
|
|
4368
4447
|
{
|
|
4369
4448
|
provide: NG_VALUE_ACCESSOR,
|
|
4370
4449
|
useExisting: forwardRef(() => SelectIconsComponent),
|
|
4371
4450
|
multi: true
|
|
4372
4451
|
}
|
|
4373
|
-
], ngImport: i0, template: "<div style=\"display:flex;\">\n <input [(ngModel)]=\"value\"\n (ngModelChange)=\"valueChange($event)\"\n nz-input\n nzType=\"primary\" nzPopoverPlacement=\"bottom\"\n [placeholder]=\"placeholder\"\n [readOnly]=\"readonly\"/>\n <button nz-button nz-popover nzType=\"primary\"\n [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\n (nzPopoverVisibleChange)=\"change($event)\"\n [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\n</div>\n<ng-template #contentTemplate>\n <div style=\"width: 100%;height: 300px;overflow-y: auto\">\n <span (click)=\"selectIcon(item)\" class=\"i-child\" *ngFor=\"let item of icons\">\n <i nz-icon [nzType]=\"item\" nzTheme=\"outline\"></i>\n </span>\n\n </div>\n</ng-template>\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3
|
|
4452
|
+
], ngImport: i0, template: "<div style=\"display:flex;\">\r\n <input [(ngModel)]=\"value\"\r\n (ngModelChange)=\"valueChange($event)\"\r\n nz-input\r\n nzType=\"primary\" nzPopoverPlacement=\"bottom\"\r\n [placeholder]=\"placeholder\"\r\n [readOnly]=\"readonly\"/>\r\n <button nz-button nz-popover nzType=\"primary\"\r\n [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\r\n (nzPopoverVisibleChange)=\"change($event)\"\r\n [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\r\n</div>\r\n<ng-template #contentTemplate>\r\n <div style=\"width: 100%;height: 300px;overflow-y: auto\">\r\n <span (click)=\"selectIcon(item)\" class=\"i-child\" *ngFor=\"let item of icons\">\r\n <i nz-icon [nzType]=\"item\" nzTheme=\"outline\"></i>\r\n </span>\r\n\r\n </div>\r\n</ng-template>\r\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i11.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "directive", type: i9.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }] }); }
|
|
4374
4453
|
}
|
|
4375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectIconsComponent, decorators: [{
|
|
4376
4455
|
type: Component,
|
|
4377
4456
|
args: [{ standalone: false, selector: 'app-select-icons', providers: [
|
|
4378
4457
|
UploadOssService,
|
|
@@ -4381,7 +4460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
4381
4460
|
useExisting: forwardRef(() => SelectIconsComponent),
|
|
4382
4461
|
multi: true
|
|
4383
4462
|
}
|
|
4384
|
-
], template: "<div style=\"display:flex;\">\n <input [(ngModel)]=\"value\"\n (ngModelChange)=\"valueChange($event)\"\n nz-input\n nzType=\"primary\" nzPopoverPlacement=\"bottom\"\n [placeholder]=\"placeholder\"\n [readOnly]=\"readonly\"/>\n <button nz-button nz-popover nzType=\"primary\"\n [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\n (nzPopoverVisibleChange)=\"change($event)\"\n [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\n</div>\n<ng-template #contentTemplate>\n <div style=\"width: 100%;height: 300px;overflow-y: auto\">\n <span (click)=\"selectIcon(item)\" class=\"i-child\" *ngFor=\"let item of icons\">\n <i nz-icon [nzType]=\"item\" nzTheme=\"outline\"></i>\n </span>\n\n </div>\n</ng-template>\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"] }]
|
|
4463
|
+
], template: "<div style=\"display:flex;\">\r\n <input [(ngModel)]=\"value\"\r\n (ngModelChange)=\"valueChange($event)\"\r\n nz-input\r\n nzType=\"primary\" nzPopoverPlacement=\"bottom\"\r\n [placeholder]=\"placeholder\"\r\n [readOnly]=\"readonly\"/>\r\n <button nz-button nz-popover nzType=\"primary\"\r\n [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\r\n (nzPopoverVisibleChange)=\"change($event)\"\r\n [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\r\n</div>\r\n<ng-template #contentTemplate>\r\n <div style=\"width: 100%;height: 300px;overflow-y: auto\">\r\n <span (click)=\"selectIcon(item)\" class=\"i-child\" *ngFor=\"let item of icons\">\r\n <i nz-icon [nzType]=\"item\" nzTheme=\"outline\"></i>\r\n </span>\r\n\r\n </div>\r\n</ng-template>\r\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"] }]
|
|
4385
4464
|
}], ctorParameters: () => [], propDecorators: { readonly: [{
|
|
4386
4465
|
type: Input
|
|
4387
4466
|
}], placeholder: [{
|
|
@@ -4540,10 +4619,10 @@ class ViewFormComponent {
|
|
|
4540
4619
|
}
|
|
4541
4620
|
return imgs.split(',');
|
|
4542
4621
|
}
|
|
4543
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4544
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4622
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewFormComponent, deps: [{ token: i0.Injector }, { token: LOCALE_ID }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4623
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ViewFormComponent, isStandalone: false, selector: "atr-view-form", inputs: { formOpts: "formOpts", atrForm: "atrForm", dicts: "dicts", title: "title", size: "size", items: "items" }, ngImport: i0, template: "<nz-descriptions nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\" [nzSize]=\"size\">\r\n <ng-container *ngFor=\"let item of formOpts.items\">\r\n <ng-container *ngIf=\"!item.isHidden\">\r\n <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n {{item.label}}\r\n </div>\r\n <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n [nzSpan]=\"item.span || 6\">\r\n <ng-container *ngSwitchCase=\"'radio'\">\r\n <ng-container *ngFor=\"let o of item.dictList\">\r\n <label *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n <nz-tree-select\r\n [nzNodes]=\"item.treeList\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n [(ngModel)]=\"atrForm.value[item.key]\"\r\n [nzDisabled]=\"true\"\r\n >\r\n </nz-tree-select>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'select'\">\r\n {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'selectCus'\">\r\n {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'selectc'\">\r\n {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!-- <nz-select-->\r\n<!-- [nzDisabled]=\"true\"-->\r\n<!-- [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!-- >-->\r\n<!-- <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!-- [nzValue]=\"o.value\"></nz-option>-->\r\n<!-- </nz-select>-->\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n <nz-select\r\n [nzDisabled]=\"true\"\r\n [(ngModel)]=\"atrForm.value[item.key]\"\r\n >\r\n <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n [nzValue]=\"o.key\"></nz-option>\r\n </nz-select>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n {{atrForm.value[item.key]}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'dateTime'\">\r\n {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'cascader'\">\r\n <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n {{i>0?\"/\":\"\"}}{{data.lable}}\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'tags'\">\r\n {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'image'\">\r\n <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n <div>\r\n <img *ngIf=\"!img.endsWith('.mp4')\" nz-image style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\" [url]=\"img | ossImg\"></app-video>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'rate'\">\r\n <nz-rate [nzDisabled]=\"true\"\r\n [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'editor'\">\r\n <div>\r\n\u5BCC\u6587\u672C\u6682\u4E0D\u652F\u6301\r\n </div>\r\n </ng-container>\r\n\r\n </nz-descriptions-item>\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.NzDescriptionsComponent, selector: "nz-descriptions", inputs: ["nzBordered", "nzLayout", "nzColumn", "nzSize", "nzTitle", "nzExtra", "nzColon"], exportAs: ["nzDescriptions"] }, { kind: "component", type: i4$1.NzDescriptionsItemComponent, selector: "nz-descriptions-item", inputs: ["nzSpan", "nzTitle"], exportAs: ["nzDescriptionsItem"] }, { kind: "component", type: i5$2.NzRateComponent, selector: "nz-rate", inputs: ["nzAllowClear", "nzAllowHalf", "nzDisabled", "nzAutoFocus", "nzCharacter", "nzCount", "nzTooltips"], outputs: ["nzOnBlur", "nzOnFocus", "nzOnHoverChange", "nzOnKeyDown"], exportAs: ["nzRate"] }, { kind: "component", type: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i14$1.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "component", type: VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] }); }
|
|
4545
4624
|
}
|
|
4546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewFormComponent, decorators: [{
|
|
4547
4626
|
type: Component,
|
|
4548
4627
|
args: [{ standalone: false, selector: 'atr-view-form', template: "<nz-descriptions nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\" [nzSize]=\"size\">\r\n <ng-container *ngFor=\"let item of formOpts.items\">\r\n <ng-container *ngIf=\"!item.isHidden\">\r\n <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n {{item.label}}\r\n </div>\r\n <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n [nzSpan]=\"item.span || 6\">\r\n <ng-container *ngSwitchCase=\"'radio'\">\r\n <ng-container *ngFor=\"let o of item.dictList\">\r\n <label *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n <nz-tree-select\r\n [nzNodes]=\"item.treeList\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n [(ngModel)]=\"atrForm.value[item.key]\"\r\n [nzDisabled]=\"true\"\r\n >\r\n </nz-tree-select>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'select'\">\r\n {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'selectCus'\">\r\n {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'selectc'\">\r\n {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!-- <nz-select-->\r\n<!-- [nzDisabled]=\"true\"-->\r\n<!-- [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!-- >-->\r\n<!-- <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!-- [nzValue]=\"o.value\"></nz-option>-->\r\n<!-- </nz-select>-->\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n <nz-select\r\n [nzDisabled]=\"true\"\r\n [(ngModel)]=\"atrForm.value[item.key]\"\r\n >\r\n <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n [nzValue]=\"o.key\"></nz-option>\r\n </nz-select>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n {{atrForm.value[item.key]}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'dateTime'\">\r\n {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'cascader'\">\r\n <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n {{i>0?\"/\":\"\"}}{{data.lable}}\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'tags'\">\r\n {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'image'\">\r\n <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n <div>\r\n <img *ngIf=\"!img.endsWith('.mp4')\" nz-image style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\" [url]=\"img | ossImg\"></app-video>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'rate'\">\r\n <nz-rate [nzDisabled]=\"true\"\r\n [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'editor'\">\r\n <div>\r\n\u5BCC\u6587\u672C\u6682\u4E0D\u652F\u6301\r\n </div>\r\n </ng-container>\r\n\r\n </nz-descriptions-item>\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\n"] }]
|
|
4549
4628
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
|
|
@@ -4658,6 +4737,21 @@ class EditorComponent {
|
|
|
4658
4737
|
},
|
|
4659
4738
|
...this.editorConfig
|
|
4660
4739
|
};
|
|
4740
|
+
this.defaultEditorConfig = this.editorConfig;
|
|
4741
|
+
}
|
|
4742
|
+
ngOnInit() {
|
|
4743
|
+
const customConfig = this.editorConfig || {};
|
|
4744
|
+
const defaultSetup = this.defaultEditorConfig.setup;
|
|
4745
|
+
const customSetup = customConfig.setup;
|
|
4746
|
+
this.editorConfig = {
|
|
4747
|
+
...this.defaultEditorConfig,
|
|
4748
|
+
...customConfig,
|
|
4749
|
+
setup: (editor) => {
|
|
4750
|
+
defaultSetup(editor);
|
|
4751
|
+
if (customSetup && customSetup !== defaultSetup)
|
|
4752
|
+
customSetup(editor);
|
|
4753
|
+
}
|
|
4754
|
+
};
|
|
4661
4755
|
}
|
|
4662
4756
|
ngAfterViewInit() {
|
|
4663
4757
|
// 确保 TinyMCE 已加载
|
|
@@ -4726,7 +4820,7 @@ class EditorComponent {
|
|
|
4726
4820
|
}
|
|
4727
4821
|
setDisabledState(isDisabled) {
|
|
4728
4822
|
if (this.editor) {
|
|
4729
|
-
this.editor.
|
|
4823
|
+
this.editor.mode.set(isDisabled ? 'readonly' : 'design');
|
|
4730
4824
|
}
|
|
4731
4825
|
}
|
|
4732
4826
|
// 编辑器内容变化时的处理
|
|
@@ -4747,16 +4841,16 @@ class EditorComponent {
|
|
|
4747
4841
|
this.editor = null;
|
|
4748
4842
|
}
|
|
4749
4843
|
}
|
|
4750
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4751
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4844
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EditorComponent, deps: [{ token: UploadOssService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4845
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EditorComponent, isStandalone: false, selector: "app-editor", inputs: { value: "value", editorConfig: "editorConfig", imgDir: "imgDir" }, providers: [
|
|
4752
4846
|
{
|
|
4753
4847
|
provide: NG_VALUE_ACCESSOR,
|
|
4754
4848
|
useExisting: forwardRef(() => EditorComponent),
|
|
4755
4849
|
multi: true
|
|
4756
4850
|
}
|
|
4757
|
-
], ngImport: i0, template: "<editor\r\n [init]=\"editorConfig\"\r\n [(ngModel)]=\"value\"\r\n [apiKey]=\"apiKey_editor\"\r\n name=\"editor\"\r\n (
|
|
4851
|
+
], ngImport: i0, template: "<editor\r\n [init]=\"editorConfig\"\r\n [(ngModel)]=\"value\"\r\n [apiKey]=\"apiKey_editor\"\r\n [licenseKey]=\"editorConfig?.license_key\"\r\n name=\"editor\"\r\n (ngModelChange)=\"onEditorChange($event)\"\r\n></editor>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "licenseKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "readonly", "disabled"] }] }); }
|
|
4758
4852
|
}
|
|
4759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EditorComponent, decorators: [{
|
|
4760
4854
|
type: Component,
|
|
4761
4855
|
args: [{ selector: 'app-editor', standalone: false, providers: [
|
|
4762
4856
|
{
|
|
@@ -4764,7 +4858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
4764
4858
|
useExisting: forwardRef(() => EditorComponent),
|
|
4765
4859
|
multi: true
|
|
4766
4860
|
}
|
|
4767
|
-
], template: "<editor\r\n [init]=\"editorConfig\"\r\n [(ngModel)]=\"value\"\r\n [apiKey]=\"apiKey_editor\"\r\n name=\"editor\"\r\n (
|
|
4861
|
+
], template: "<editor\r\n [init]=\"editorConfig\"\r\n [(ngModel)]=\"value\"\r\n [apiKey]=\"apiKey_editor\"\r\n [licenseKey]=\"editorConfig?.license_key\"\r\n name=\"editor\"\r\n (ngModelChange)=\"onEditorChange($event)\"\r\n></editor>\r\n" }]
|
|
4768
4862
|
}], ctorParameters: () => [{ type: UploadOssService }], propDecorators: { value: [{
|
|
4769
4863
|
type: Input
|
|
4770
4864
|
}], editorConfig: [{
|
|
@@ -4788,7 +4882,7 @@ class AtrFormComponent {
|
|
|
4788
4882
|
this.viewTitle = '';
|
|
4789
4883
|
this.viewSize = 'small';
|
|
4790
4884
|
this.defNumFormat = (value) => {
|
|
4791
|
-
return value
|
|
4885
|
+
return value == null ? '' : String(value);
|
|
4792
4886
|
};
|
|
4793
4887
|
this.atrForm = this.fb.group({});
|
|
4794
4888
|
}
|
|
@@ -5296,11 +5390,20 @@ class AtrFormComponent {
|
|
|
5296
5390
|
obj.value[key] = formatDate(new Date(Number(value[key])), item.dateFormat, this.locale);
|
|
5297
5391
|
}
|
|
5298
5392
|
else if (item.type == 'date') {
|
|
5299
|
-
|
|
5393
|
+
if (atr_static_datas.isIso) {
|
|
5394
|
+
obj.value[key] = new Date(Number(value[key])).toISOString().replace(/T.*/, 'T00:00:00.000Z');
|
|
5395
|
+
}
|
|
5396
|
+
else {
|
|
5397
|
+
obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd 00:00:00', this.locale);
|
|
5398
|
+
}
|
|
5300
5399
|
}
|
|
5301
5400
|
else if (item.type == 'dateTime') {
|
|
5302
|
-
|
|
5303
|
-
|
|
5401
|
+
if (atr_static_datas.isIso) {
|
|
5402
|
+
obj.value[key] = new Date(Number(value[key])).toISOString();
|
|
5403
|
+
}
|
|
5404
|
+
else {
|
|
5405
|
+
obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd HH:mm:ss', this.locale);
|
|
5406
|
+
}
|
|
5304
5407
|
}
|
|
5305
5408
|
}
|
|
5306
5409
|
}
|
|
@@ -5354,12 +5457,12 @@ class AtrFormComponent {
|
|
|
5354
5457
|
}
|
|
5355
5458
|
return false;
|
|
5356
5459
|
}
|
|
5357
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5358
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AtrFormComponent, isStandalone: false, selector: "atr-form", inputs: { formOpts: "formOpts", viewTitle: "viewTitle", viewSize: "viewSize" }, outputs: { formAction: "formAction", uploadAction: "uploadAction" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\r\n [formOpts]=\"formOpts\" [size]=\"viewSize\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n <ng-container *ngFor=\"let item of formOpts.items\">\r\n <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n {{item.label}}\r\n </div>\r\n <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n <nz-form-item *ngIf=\"item.type != 'title'\">\r\n <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n <div style=\"display: flex;width: 100%\">\r\n <nz-tree-select *ngIf=\"item.type == 'treeSelect' && item.treeList\"\r\n [nzNodes]=\"item.treeList\"\r\n [nzDefaultExpandAll]=\"item.expandAll\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzVirtualHeight=\"330px\"\r\n style=\"flex: 1\"\r\n >\r\n </nz-tree-select>\r\n <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzDisabled]=\"item.readonly\"></nz-color-picker>\r\n <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzNodes]=\"item.treeList\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n >\r\n </nz-tree-select> -->\r\n <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n [readonly]=\"item.readonly \"\r\n style=\"flex: 1\"\r\n [formControlName]=\"item.key\">\r\n </app-select-icons>\r\n <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n [formControlName]=\"item.key\"/>\r\n <nz-switch *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\r\n <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\r\n [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n [formControlName]=\"item.key\"></nz-input-number>\r\n <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n </nz-radio-group>\r\n <nz-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n <div nz-row>\r\n <div *ngFor=\"let o of item.dictList\" nz-col>\r\n <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n </div>\r\n </nz-checkbox-wrapper>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'select'\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n nzServerSearch\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n >\r\n <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n </nz-select>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'selectc'\"\r\n nzShowSearch\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n [nzDisabled]=\"item.readonly|| formOpts.type == 'view'\"\r\n (ngModelChange)=\"selectChange($event,item)\"\r\n >\r\n <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n </nz-select>\r\n <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n [nzValueProperty]=\"item.valueProperty\"\r\n [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n [nzChangeOnSelect]=\"item.allowSelectNode\"\r\n [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n <ng-container *ngIf=\"item.type == 'date'\">\r\n <nz-date-picker *ngIf=\"!item.dateMode\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n <nz-date-picker *ngIf=\"item.dateMode\"\r\n style=\"flex: 1\"\r\n [nzMode]=\"item.dateMode\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n </ng-container>\r\n\r\n <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n [formControlName]=\"item.key\"\r\n [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n <div *ngIf=\"item.type == 'editor'\">\r\n <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n\r\n </div>\r\n\r\n <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n </div>\r\n <div *ngIf=\"item.type == 'buttons'\">\r\n <ng-container *ngFor=\"let btn of item.buttons\">\r\n <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n class=\"ant-btn ant-btn-primary\"\r\n style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n (click)=\"doAction(btn,$event)\">\r\n <span>{{btn.name}}</span></button>\r\n </ng-container>\r\n </div>\r\n <ng-container *ngFor=\"let valid of item.validators\">\r\n <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n <div style=\"color:red; height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n </ng-container>\r\n </ng-container>\r\n <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n *ngIf=\"item.ends\" disabled>\r\n {{item.ends}}\r\n </button>\r\n <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n (click)=\"doAction(item.button,$event)\">\r\n <span>{{item.button.name}}</span></button>\r\n </div>\r\n <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n </nz-form-control>\r\n </nz-form-item>\r\n <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$2.NzColorPickerComponent, selector: "nz-color-picker", inputs: ["nzFormat", "nzValue", "nzSize", "nzDefaultValue", "nzTrigger", "nzTitle", "nzFlipFlop", "nzShowText", "nzOpen", "nzAllowClear", "nzDisabled", "nzDisabledAlpha"], outputs: ["nzOnChange", "nzOnFormatChange", "nzOnClear", "nzOnOpenChange"], exportAs: ["nzColorPicker"] }, { kind: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i6$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$1.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i5.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i5.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i16.NzInputNumberLegacyComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "component", type: i17.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i17.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i10.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i10.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i10$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: i11.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "component", type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq", "showUploadList"], outputs: ["afterChange", "optsChange", "onBeforeUpload"] }, { kind: "component", type: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { kind: "component", type: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "title", "size", "items"] }, { kind: "component", type: EditorComponent, selector: "app-editor", inputs: ["value", "editorConfig", "imgDir"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
5460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: HttpService }, { token: i1$2.UntypedFormBuilder }, { token: DictService }, { token: i0.Injector }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AtrFormComponent, isStandalone: false, selector: "atr-form", inputs: { formOpts: "formOpts", viewTitle: "viewTitle", viewSize: "viewSize" }, outputs: { formAction: "formAction", uploadAction: "uploadAction" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\r\n [formOpts]=\"formOpts\" [size]=\"viewSize\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n <ng-container *ngFor=\"let item of formOpts.items\">\r\n <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n {{item.label}}\r\n </div>\r\n <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n <nz-form-item *ngIf=\"item.type != 'title'\">\r\n <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n <div *ngIf=\"item.type == 'editor'\" style=\"width: 100%\">\r\n <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n </div>\r\n <div style=\"display: flex;width: 100%\">\r\n <nz-tree-select *ngIf=\"item.type == 'treeSelect' && item.treeList\"\r\n [nzNodes]=\"item.treeList\"\r\n [nzDefaultExpandAll]=\"item.expandAll\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzVirtualHeight=\"330px\"\r\n style=\"flex: 1\"\r\n >\r\n </nz-tree-select>\r\n <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzDisabled]=\"item.readonly\"></nz-color-picker>\r\n <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzNodes]=\"item.treeList\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n >\r\n </nz-tree-select> -->\r\n <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n [readonly]=\"item.readonly \"\r\n style=\"flex: 1\"\r\n [formControlName]=\"item.key\">\r\n </app-select-icons>\r\n <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n [formControlName]=\"item.key\"/>\r\n <nz-switch *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\r\n <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\r\n [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n [formControlName]=\"item.key\"></nz-input-number>\r\n <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n </nz-radio-group>\r\n <nz-checkbox-group *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\"\r\n [nzOptions]=\"item.dictList || []\"></nz-checkbox-group>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'select'\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n nzServerSearch\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n >\r\n <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n </nz-select>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'selectc'\"\r\n nzShowSearch\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n [nzDisabled]=\"item.readonly|| formOpts.type == 'view'\"\r\n (ngModelChange)=\"selectChange($event,item)\"\r\n >\r\n <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n </nz-select>\r\n <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n [nzValueProperty]=\"item.valueProperty\"\r\n [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n [nzChangeOnSelect]=\"item.allowSelectNode\"\r\n [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n <ng-container *ngIf=\"item.type == 'date'\">\r\n <nz-date-picker *ngIf=\"!item.dateMode\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n <nz-date-picker *ngIf=\"item.dateMode\"\r\n style=\"flex: 1\"\r\n [nzMode]=\"item.dateMode\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n </ng-container>\r\n\r\n <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n [formControlName]=\"item.key\"\r\n [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n </div>\r\n <div *ngIf=\"item.type == 'buttons'\">\r\n <ng-container *ngFor=\"let btn of item.buttons\">\r\n <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n class=\"ant-btn ant-btn-primary\"\r\n style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n (click)=\"doAction(btn,$event)\">\r\n <span>{{btn.name}}</span></button>\r\n </ng-container>\r\n </div>\r\n <ng-container *ngFor=\"let valid of item.validators\">\r\n <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n <div style=\"color:red; height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n </ng-container>\r\n </ng-container>\r\n <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n *ngIf=\"item.ends\" disabled>\r\n {{item.ends}}\r\n </button>\r\n <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n (click)=\"doAction(item.button,$event)\">\r\n <span>{{item.button.name}}</span></button>\r\n </div>\r\n <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n </nz-form-control>\r\n </nz-form-item>\r\n <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$2.NzColorPickerComponent, selector: "nz-color-picker", inputs: ["nzFormat", "nzValue", "nzSize", "nzDefaultValue", "nzTrigger", "nzTitle", "nzFlipFlop", "nzShowText", "nzOpen", "nzAllowClear", "nzDisabled", "nzDisabledAlpha"], outputs: ["nzOnChange", "nzOnFormatChange", "nzOnClear", "nzOnOpenChange"], exportAs: ["nzColorPicker"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i5.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i6.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "component", type: i7.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i7.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i11.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i12.NzInputNumberLegacyComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "component", type: i17.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i17.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i10$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: i14$1.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "component", type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq", "showUploadList"], outputs: ["afterChange", "optsChange", "onBeforeUpload"] }, { kind: "component", type: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { kind: "component", type: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "title", "size", "items"] }, { kind: "component", type: EditorComponent, selector: "app-editor", inputs: ["value", "editorConfig", "imgDir"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
5359
5462
|
}
|
|
5360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrFormComponent, decorators: [{
|
|
5361
5464
|
type: Component,
|
|
5362
|
-
args: [{ standalone: false, selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\r\n [formOpts]=\"formOpts\" [size]=\"viewSize\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n <ng-container *ngFor=\"let item of formOpts.items\">\r\n <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n {{item.label}}\r\n </div>\r\n <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n <nz-form-item *ngIf=\"item.type != 'title'\">\r\n <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n <div style=\"display: flex;width: 100%\">\r\n <nz-tree-select *ngIf=\"item.type == 'treeSelect' && item.treeList\"\r\n [nzNodes]=\"item.treeList\"\r\n [nzDefaultExpandAll]=\"item.expandAll\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzVirtualHeight=\"330px\"\r\n style=\"flex: 1\"\r\n >\r\n </nz-tree-select>\r\n <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzDisabled]=\"item.readonly\"></nz-color-picker>\r\n <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzNodes]=\"item.treeList\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n >\r\n </nz-tree-select> -->\r\n <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n [readonly]=\"item.readonly \"\r\n style=\"flex: 1\"\r\n [formControlName]=\"item.key\">\r\n </app-select-icons>\r\n <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n [formControlName]=\"item.key\"/>\r\n <nz-switch *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\r\n <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\r\n [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n [formControlName]=\"item.key\"></nz-input-number>\r\n <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n </nz-radio-group>\r\n <nz-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n <div nz-row>\r\n <div *ngFor=\"let o of item.dictList\" nz-col>\r\n <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n </div>\r\n </nz-checkbox-wrapper>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'select'\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n nzServerSearch\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n >\r\n <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n </nz-select>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'selectc'\"\r\n nzShowSearch\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n [nzDisabled]=\"item.readonly|| formOpts.type == 'view'\"\r\n (ngModelChange)=\"selectChange($event,item)\"\r\n >\r\n <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n </nz-select>\r\n <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n [nzValueProperty]=\"item.valueProperty\"\r\n [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n [nzChangeOnSelect]=\"item.allowSelectNode\"\r\n [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n <ng-container *ngIf=\"item.type == 'date'\">\r\n <nz-date-picker *ngIf=\"!item.dateMode\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n <nz-date-picker *ngIf=\"item.dateMode\"\r\n style=\"flex: 1\"\r\n [nzMode]=\"item.dateMode\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n </ng-container>\r\n\r\n <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n [formControlName]=\"item.key\"\r\n [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n <div *ngIf=\"item.type == 'editor'\">\r\n <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n\r\n </div>\r\n\r\n <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n </div>\r\n <div *ngIf=\"item.type == 'buttons'\">\r\n <ng-container *ngFor=\"let btn of item.buttons\">\r\n <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n class=\"ant-btn ant-btn-primary\"\r\n style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n (click)=\"doAction(btn,$event)\">\r\n <span>{{btn.name}}</span></button>\r\n </ng-container>\r\n </div>\r\n <ng-container *ngFor=\"let valid of item.validators\">\r\n <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n <div style=\"color:red; height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n </ng-container>\r\n </ng-container>\r\n <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n *ngIf=\"item.ends\" disabled>\r\n {{item.ends}}\r\n </button>\r\n <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n (click)=\"doAction(item.button,$event)\">\r\n <span>{{item.button.name}}</span></button>\r\n </div>\r\n <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n </nz-form-control>\r\n </nz-form-item>\r\n <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"] }]
|
|
5465
|
+
args: [{ standalone: false, selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\r\n [formOpts]=\"formOpts\" [size]=\"viewSize\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n <ng-container *ngFor=\"let item of formOpts.items\">\r\n <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n {{item.label}}\r\n </div>\r\n <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n <nz-form-item *ngIf=\"item.type != 'title'\">\r\n <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n <div *ngIf=\"item.type == 'editor'\" style=\"width: 100%\">\r\n <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n </div>\r\n <div style=\"display: flex;width: 100%\">\r\n <nz-tree-select *ngIf=\"item.type == 'treeSelect' && item.treeList\"\r\n [nzNodes]=\"item.treeList\"\r\n [nzDefaultExpandAll]=\"item.expandAll\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzVirtualHeight=\"330px\"\r\n style=\"flex: 1\"\r\n >\r\n </nz-tree-select>\r\n <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzDisabled]=\"item.readonly\"></nz-color-picker>\r\n <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n [nzAllowClear]=\"!item.notNull\"\r\n [nzNodes]=\"item.treeList\"\r\n nzShowSearch=\"true\"\r\n nzHideUnMatched=\"true\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n [nzShowSearch]=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n >\r\n </nz-tree-select> -->\r\n <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n [readonly]=\"item.readonly \"\r\n style=\"flex: 1\"\r\n [formControlName]=\"item.key\">\r\n </app-select-icons>\r\n <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n [formControlName]=\"item.key\"/>\r\n <nz-switch *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\r\n <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\r\n [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n [formControlName]=\"item.key\"></nz-input-number>\r\n <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n </nz-radio-group>\r\n <nz-checkbox-group *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\"\r\n [nzOptions]=\"item.dictList || []\"></nz-checkbox-group>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'select'\"\r\n (ngModelChange)=\"formChange($event,item)\"\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n nzServerSearch\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n >\r\n <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n </nz-select>\r\n <nz-select\r\n [nzShowSearch]=\"true\"\r\n *ngIf=\"item.type == 'selectc'\"\r\n nzShowSearch\r\n nzPlaceHolder=\"{{item.placeholder}}\"\r\n nzAllowClear=\"true\"\r\n [formControlName]=\"item.key\"\r\n [nzMode]=\"item.nzMode || 'default'\"\r\n [nzDisabled]=\"item.readonly|| formOpts.type == 'view'\"\r\n (ngModelChange)=\"selectChange($event,item)\"\r\n >\r\n <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n </nz-select>\r\n <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n [nzValueProperty]=\"item.valueProperty\"\r\n [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n [nzChangeOnSelect]=\"item.allowSelectNode\"\r\n [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n <ng-container *ngIf=\"item.type == 'date'\">\r\n <nz-date-picker *ngIf=\"!item.dateMode\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n <nz-date-picker *ngIf=\"item.dateMode\"\r\n style=\"flex: 1\"\r\n [nzMode]=\"item.dateMode\"\r\n [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n [formControlName]=\"item.key\"></nz-date-picker>\r\n </ng-container>\r\n\r\n <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n [formControlName]=\"item.key\"\r\n [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n </div>\r\n <div *ngIf=\"item.type == 'buttons'\">\r\n <ng-container *ngFor=\"let btn of item.buttons\">\r\n <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n class=\"ant-btn ant-btn-primary\"\r\n style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n (click)=\"doAction(btn,$event)\">\r\n <span>{{btn.name}}</span></button>\r\n </ng-container>\r\n </div>\r\n <ng-container *ngFor=\"let valid of item.validators\">\r\n <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n <div style=\"color:red; height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n </ng-container>\r\n </ng-container>\r\n <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n *ngIf=\"item.ends\" disabled>\r\n {{item.ends}}\r\n </button>\r\n <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n (click)=\"doAction(item.button,$event)\">\r\n <span>{{item.button.name}}</span></button>\r\n </div>\r\n <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n </nz-form-control>\r\n </nz-form-item>\r\n <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"] }]
|
|
5363
5466
|
}], ctorParameters: () => [{ type: ShareService }, { type: HttpService }, { type: i1$2.UntypedFormBuilder }, { type: DictService }, { type: i0.Injector }, { type: undefined, decorators: [{
|
|
5364
5467
|
type: Inject,
|
|
5365
5468
|
args: [LOCALE_ID]
|
|
@@ -5410,10 +5513,10 @@ class SelectTreeComponent {
|
|
|
5410
5513
|
data: this.selectValue
|
|
5411
5514
|
});
|
|
5412
5515
|
}
|
|
5413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5414
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
5516
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectTreeComponent, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5517
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SelectTreeComponent, isStandalone: false, selector: "app-select-tree", inputs: { opt: "opt", isDisable: "isDisable" }, outputs: { action: "action" }, ngImport: i0, template: "<nz-select\r\n nzAllowClear=\"false\"\r\n [nzDropdownMatchSelectWidth]=\"false\"\r\n nzServerSearch\r\n [(ngModel)]=\"selectValue\"\r\n style=\"width: 100px\"\r\n (ngModelChange)=\"changeValue()\"\r\n [nzDisabled]=\"isDisable\"\r\n>\r\n <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }] }); }
|
|
5415
5518
|
}
|
|
5416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectTreeComponent, decorators: [{
|
|
5417
5520
|
type: Component,
|
|
5418
5521
|
args: [{ standalone: false, selector: 'app-select-tree', template: "<nz-select\r\n nzAllowClear=\"false\"\r\n [nzDropdownMatchSelectWidth]=\"false\"\r\n nzServerSearch\r\n [(ngModel)]=\"selectValue\"\r\n style=\"width: 100px\"\r\n (ngModelChange)=\"changeValue()\"\r\n [nzDisabled]=\"isDisable\"\r\n>\r\n <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n" }]
|
|
5419
5522
|
}], ctorParameters: () => [{ type: DictService }], propDecorators: { opt: [{
|
|
@@ -5480,10 +5583,10 @@ class EchartsComponent {
|
|
|
5480
5583
|
this.myEchart = echarts.init(this.echart.nativeElement);
|
|
5481
5584
|
this.myEchart.setOption(this.option);
|
|
5482
5585
|
}
|
|
5483
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5484
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
5586
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EchartsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5587
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EchartsComponent, isStandalone: false, selector: "app-echarts", inputs: { userOption: "userOption", width: "width", height: "height" }, viewQueries: [{ propertyName: "echart", first: true, predicate: ["echart"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
5485
5588
|
}
|
|
5486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5589
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EchartsComponent, decorators: [{
|
|
5487
5590
|
type: Component,
|
|
5488
5591
|
args: [{ standalone: false, selector: 'app-echarts', template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>" }]
|
|
5489
5592
|
}], ctorParameters: () => [], propDecorators: { echart: [{
|
|
@@ -5604,12 +5707,12 @@ class ImgCanvasComponent {
|
|
|
5604
5707
|
this.initImg();
|
|
5605
5708
|
}, 300);
|
|
5606
5709
|
}
|
|
5607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
5710
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgCanvasComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5711
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ImgCanvasComponent, isStandalone: false, selector: "app-img", inputs: { needTime: "needTime", url: "url", clipArr: "clipArr", rotateNum: "rotateNum", needContextmenu: "needContextmenu" }, outputs: { loadOver: "loadOver" }, viewQueries: [{ propertyName: "canvas1", first: true, predicate: ["canvas1"], descendants: true }], ngImport: i0, template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" (contextmenu)=\"needContextmenu || $event.preventDefault()\">\r\n \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\r\n</canvas>\r\n<ng-content></ng-content>\r\n", styles: [""] }); }
|
|
5609
5712
|
}
|
|
5610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgCanvasComponent, decorators: [{
|
|
5611
5714
|
type: Component,
|
|
5612
|
-
args: [{ standalone: false, selector: 'app-img', template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\"
|
|
5715
|
+
args: [{ standalone: false, selector: 'app-img', template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" (contextmenu)=\"needContextmenu || $event.preventDefault()\">\r\n \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\r\n</canvas>\r\n<ng-content></ng-content>\r\n" }]
|
|
5613
5716
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { needTime: [{
|
|
5614
5717
|
type: Input
|
|
5615
5718
|
}], url: [{
|
|
@@ -5627,51 +5730,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
5627
5730
|
type: Input
|
|
5628
5731
|
}] } });
|
|
5629
5732
|
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5635
|
-
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
return
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
this.imageUrl = this.getRealImgUrl(params.value);
|
|
5733
|
+
/** Resolve a row field without treating valid zero/false values as missing. */
|
|
5734
|
+
function getTableValue(data, key) {
|
|
5735
|
+
if (!key)
|
|
5736
|
+
return undefined;
|
|
5737
|
+
return key.split('.').reduce((value, part) => value == null ? undefined : value[part], data);
|
|
5738
|
+
}
|
|
5739
|
+
function isEmptyTableValue(value) {
|
|
5740
|
+
return value == null || value === '' || (Array.isArray(value) && value.length === 0);
|
|
5741
|
+
}
|
|
5742
|
+
function conditionLiteral(value) {
|
|
5743
|
+
if (typeof value !== 'string')
|
|
5744
|
+
return value;
|
|
5745
|
+
const literal = value.trim();
|
|
5746
|
+
if (literal === 'true')
|
|
5645
5747
|
return true;
|
|
5748
|
+
if (literal === 'false')
|
|
5749
|
+
return false;
|
|
5750
|
+
if (literal === 'null')
|
|
5751
|
+
return null;
|
|
5752
|
+
if (literal === 'undefined')
|
|
5753
|
+
return undefined;
|
|
5754
|
+
if (/^(['"]).*\1$/.test(literal))
|
|
5755
|
+
return literal.slice(1, -1);
|
|
5756
|
+
return literal;
|
|
5757
|
+
}
|
|
5758
|
+
/** Existing condition operators retain loose numeric/string equality for API codes. */
|
|
5759
|
+
function compareTableValue(value, operator, target) {
|
|
5760
|
+
const expected = conditionLiteral(target);
|
|
5761
|
+
switch (typeof operator === 'string' ? operator.trim() : '') {
|
|
5762
|
+
case 'eq': return value == expected;
|
|
5763
|
+
case 'ne': return value != expected;
|
|
5764
|
+
case 'empty': return isEmptyTableValue(value);
|
|
5765
|
+
case 'notEmpty': return !isEmptyTableValue(value);
|
|
5766
|
+
case 'gh':
|
|
5767
|
+
case 'ge':
|
|
5768
|
+
case 'gte': return value != null && expected != null && value >= expected;
|
|
5769
|
+
case 'gt': return value != null && expected != null && value > expected;
|
|
5770
|
+
case 'lh':
|
|
5771
|
+
case 'le':
|
|
5772
|
+
case 'lte': return value != null && expected != null && value <= expected;
|
|
5773
|
+
case 'lt': return value != null && expected != null && value < expected;
|
|
5774
|
+
case 'in': return String(expected ?? '').split(',').some(item => value == conditionLiteral(item));
|
|
5775
|
+
case 'notIn': return !String(expected ?? '').split(',').some(item => value == conditionLiteral(item));
|
|
5776
|
+
case 'contains': return value != null && String(value).includes(String(expected ?? ''));
|
|
5777
|
+
default: return false;
|
|
5646
5778
|
}
|
|
5647
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImgTdComponent, deps: [{ token: OssImgPipe }, { token: DefaultValPipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5648
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ImgTdComponent, isStandalone: true, selector: "app-img-td", providers: [OssImgPipe, DefaultValPipe], ngImport: i0, template: "<img width=\"35px\" nzSrc=\"{{(imageUrl | defVal:defaultVal) | ossImg}}\"\r\n nz-image atrErrorImg/>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }] }); }
|
|
5649
5779
|
}
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5780
|
+
/** Parse field|operator|value conditions, with AND taking precedence over OR. */
|
|
5781
|
+
function matchesTableCondition(data, condition) {
|
|
5782
|
+
if (condition == null || condition === '')
|
|
5783
|
+
return true;
|
|
5784
|
+
if (typeof condition !== 'string')
|
|
5785
|
+
return false;
|
|
5786
|
+
if (!condition.trim())
|
|
5787
|
+
return true;
|
|
5788
|
+
return condition.split('||').some(group => group.split('&&').every(expression => {
|
|
5789
|
+
const [field, operator, ...target] = expression.trim().split('|');
|
|
5790
|
+
return !!field?.trim() && !!operator?.trim()
|
|
5791
|
+
&& compareTableValue(getTableValue(data, field.trim()), operator.trim(), target.join('|'));
|
|
5792
|
+
}));
|
|
5793
|
+
}
|
|
5654
5794
|
|
|
5655
5795
|
class BtnTdComponent {
|
|
5656
5796
|
constructor() {
|
|
5657
5797
|
this.buttons = [];
|
|
5658
5798
|
}
|
|
5659
5799
|
agInit(params) {
|
|
5660
|
-
|
|
5661
|
-
this.buttons = params.buttons || [];
|
|
5662
|
-
this.params = params;
|
|
5800
|
+
this.refresh(params);
|
|
5663
5801
|
}
|
|
5664
5802
|
refresh(params) {
|
|
5665
|
-
this.buttons = params.buttons || [];
|
|
5666
5803
|
this.params = params;
|
|
5804
|
+
this.buttons = (params.buttons || []).filter(action => matchesTableCondition(params.data, action.operator));
|
|
5667
5805
|
return true;
|
|
5668
5806
|
}
|
|
5669
5807
|
doActionByRow(code, event) {
|
|
5808
|
+
event.preventDefault();
|
|
5809
|
+
event.stopPropagation();
|
|
5810
|
+
const button = this.buttons.find(action => action.code === code);
|
|
5811
|
+
if (!button || !matchesTableCondition(this.params.data, button.operator))
|
|
5812
|
+
return;
|
|
5670
5813
|
if (this.params.callback) {
|
|
5671
5814
|
const data = this.params.data;
|
|
5672
5815
|
const rowIndex = this.params.node?.rowIndex ?? -1;
|
|
5673
5816
|
let action = {
|
|
5674
|
-
|
|
5817
|
+
...button,
|
|
5818
|
+
name: button.name,
|
|
5675
5819
|
code: code,
|
|
5676
5820
|
type: "row"
|
|
5677
5821
|
};
|
|
@@ -5681,14 +5825,271 @@ class BtnTdComponent {
|
|
|
5681
5825
|
this.params.callback({ data: action, event: event });
|
|
5682
5826
|
}
|
|
5683
5827
|
}
|
|
5684
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5685
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
5828
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BtnTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5829
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BtnTdComponent, isStandalone: false, selector: "app-btn-td", ngImport: i0, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n <ng-container *ngFor=\"let action of buttons\">\r\n <ng-container *ngIf=\"!action.withoutRole\">\r\n <button type=\"button\" nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" *atrRole=\"action.code\"\r\n (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"action.withoutRole\">\r\n <button type=\"button\" nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }] }); }
|
|
5686
5830
|
}
|
|
5687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BtnTdComponent, decorators: [{
|
|
5688
5832
|
type: Component,
|
|
5689
|
-
args: [{ selector: 'app-btn-td', standalone: false, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n <ng-container *ngFor=\"let action of buttons\">\r\n <ng-container *ngIf=\"!action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" *atrRole=\"action.code\"\r\n (click)=\"doActionByRow(action.code,$event)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"action.withoutRole\">\r\n <button nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" (click)=\"doActionByRow(action.code,$event)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"] }]
|
|
5833
|
+
args: [{ selector: 'app-btn-td', standalone: false, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n <ng-container *ngFor=\"let action of buttons\">\r\n <ng-container *ngIf=\"!action.withoutRole\">\r\n <button type=\"button\" nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" *atrRole=\"action.code\"\r\n (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"action.withoutRole\">\r\n <button type=\"button\" nz-button [ngClass]=\"action.className || ''\"\r\n [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n [nzDanger]=\"action.buttonType == 'danger'\"\r\n nzSize=\"small\" (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\r\n <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n {{action.name}}</button>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"] }]
|
|
5690
5834
|
}], ctorParameters: () => [] });
|
|
5691
5835
|
|
|
5836
|
+
/** A data URI contains a comma itself, so it must never be split as a URL list. */
|
|
5837
|
+
function splitGridImages(value, defaultValue) {
|
|
5838
|
+
const input = value == null ? defaultValue : value;
|
|
5839
|
+
const values = Array.isArray(input) ? input : [input];
|
|
5840
|
+
return values.flatMap(item => {
|
|
5841
|
+
if (item == null || item === '')
|
|
5842
|
+
return [];
|
|
5843
|
+
const text = String(item).trim();
|
|
5844
|
+
return /^data:/i.test(text) ? [text] : text.split(',').map(url => url.trim()).filter(Boolean);
|
|
5845
|
+
});
|
|
5846
|
+
}
|
|
5847
|
+
function resolveGridImageUrl(value, prefix = '', direct = false) {
|
|
5848
|
+
if (!value)
|
|
5849
|
+
return '';
|
|
5850
|
+
if (/^(?:https?:|blob:|data:image\/|\/\/)/i.test(value))
|
|
5851
|
+
return value;
|
|
5852
|
+
if (/^[a-z][a-z\d+.-]*:/i.test(value))
|
|
5853
|
+
return '';
|
|
5854
|
+
const base = prefix.replace(/\/+$/, '');
|
|
5855
|
+
if (direct || !base || value === base || value.startsWith(base + '/'))
|
|
5856
|
+
return value;
|
|
5857
|
+
return `${base}/${value.replace(/^\/+/, '')}`;
|
|
5858
|
+
}
|
|
5859
|
+
|
|
5860
|
+
class ImgTdComponent {
|
|
5861
|
+
constructor(ossImgPipe, defaultValPipe) {
|
|
5862
|
+
this.ossImgPipe = ossImgPipe;
|
|
5863
|
+
this.defaultValPipe = defaultValPipe;
|
|
5864
|
+
this.imageUrl = '';
|
|
5865
|
+
this.defaultVal = '';
|
|
5866
|
+
this.imageUrls = [];
|
|
5867
|
+
this.imagePrefix = atr_static_datas.OSS_URL;
|
|
5868
|
+
this.direct = false;
|
|
5869
|
+
}
|
|
5870
|
+
agInit(params) {
|
|
5871
|
+
this.refresh(params);
|
|
5872
|
+
}
|
|
5873
|
+
getRealImgUrl(value) {
|
|
5874
|
+
return resolveGridImageUrl(String(value ?? ''), this.imagePrefix, this.direct);
|
|
5875
|
+
}
|
|
5876
|
+
refresh(params) {
|
|
5877
|
+
const options = params;
|
|
5878
|
+
this.defaultVal = options.defaultVal ?? '';
|
|
5879
|
+
this.imagePrefix = options.imagePrefix ?? atr_static_datas.OSS_URL;
|
|
5880
|
+
this.direct = !!options.image64;
|
|
5881
|
+
this.imageUrls = splitGridImages(params.value, this.defaultVal)
|
|
5882
|
+
.map(value => this.getRealImgUrl(value)).filter(Boolean);
|
|
5883
|
+
this.imageUrl = this.imageUrls[0] || '';
|
|
5884
|
+
return true;
|
|
5885
|
+
}
|
|
5886
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgTdComponent, deps: [{ token: OssImgPipe }, { token: DefaultValPipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5887
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ImgTdComponent, isStandalone: true, selector: "app-img-td", providers: [OssImgPipe, DefaultValPipe], ngImport: i0, template: "<nz-image-group *ngIf=\"imageUrls.length\">\r\n <img *ngFor=\"let image of imageUrls\" width=\"35\" height=\"35\" [nzSrc]=\"image\"\r\n nz-image atrErrorImg alt=\"\u8868\u683C\u56FE\u7247\" (mousedown)=\"$event.stopPropagation()\" (click)=\"$event.stopPropagation()\"/>\r\n</nz-image-group>\r\n", styles: [":host{display:flex;align-items:center;height:100%}nz-image-group{display:flex;align-items:center;gap:4px}img{object-fit:cover;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "component", type: i1$3.NzImageGroupComponent, selector: "nz-image-group", inputs: ["nzScaleStep"], exportAs: ["nzImageGroup"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }] }); }
|
|
5888
|
+
}
|
|
5889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgTdComponent, decorators: [{
|
|
5890
|
+
type: Component,
|
|
5891
|
+
args: [{ selector: 'app-img-td', standalone: true, imports: [CommonModule, NzImageModule, AtrErrorImgDirective], providers: [OssImgPipe, DefaultValPipe], template: "<nz-image-group *ngIf=\"imageUrls.length\">\r\n <img *ngFor=\"let image of imageUrls\" width=\"35\" height=\"35\" [nzSrc]=\"image\"\r\n nz-image atrErrorImg alt=\"\u8868\u683C\u56FE\u7247\" (mousedown)=\"$event.stopPropagation()\" (click)=\"$event.stopPropagation()\"/>\r\n</nz-image-group>\r\n", styles: [":host{display:flex;align-items:center;height:100%}nz-image-group{display:flex;align-items:center;gap:4px}img{object-fit:cover;cursor:pointer}\n"] }]
|
|
5892
|
+
}], ctorParameters: () => [{ type: OssImgPipe }, { type: DefaultValPipe }] });
|
|
5893
|
+
|
|
5894
|
+
function defaultValue(value, table) {
|
|
5895
|
+
return value == null ? (table.defaultVal ?? '-') : value;
|
|
5896
|
+
}
|
|
5897
|
+
function displayText(value) {
|
|
5898
|
+
return value == null ? '' : String(value);
|
|
5899
|
+
}
|
|
5900
|
+
function columnStyle(table, params) {
|
|
5901
|
+
const styles = typeof table.styleCallBack === 'function'
|
|
5902
|
+
? table.styleCallBack(params) : table.styleCallBack;
|
|
5903
|
+
const result = { ...(styles || {}) };
|
|
5904
|
+
if (table.type === 'link' && result['color'] == null)
|
|
5905
|
+
result['color'] = '#1677ff';
|
|
5906
|
+
const color = table.color;
|
|
5907
|
+
if (!color)
|
|
5908
|
+
return result;
|
|
5909
|
+
// AG Grid merges refreshed cellStyle objects; explicitly clear a previous match.
|
|
5910
|
+
if (result['color'] == null)
|
|
5911
|
+
result['color'] = 'inherit';
|
|
5912
|
+
const matchesValue = table.type !== 'textcolor' || table.colorShow == null
|
|
5913
|
+
|| compareTableValue(params.value, 'eq', table.colorShow);
|
|
5914
|
+
if (!matchesValue)
|
|
5915
|
+
return result;
|
|
5916
|
+
if (typeof color === 'string')
|
|
5917
|
+
result['color'] = color;
|
|
5918
|
+
else if (matchesTableCondition(params.data, color.operator))
|
|
5919
|
+
result['color'] = color.color;
|
|
5920
|
+
return result;
|
|
5921
|
+
}
|
|
5922
|
+
function templateRenderer(template, table, context) {
|
|
5923
|
+
return class {
|
|
5924
|
+
constructor() {
|
|
5925
|
+
this.element = document.createElement('span');
|
|
5926
|
+
this.view = null;
|
|
5927
|
+
}
|
|
5928
|
+
init(params) {
|
|
5929
|
+
this.element.style.display = 'block';
|
|
5930
|
+
this.view = context.viewContainerRef.createEmbeddedView(template, this.templateContext(params));
|
|
5931
|
+
this.view.detectChanges();
|
|
5932
|
+
this.view.rootNodes.forEach(node => this.element.appendChild(node));
|
|
5933
|
+
}
|
|
5934
|
+
getGui() { return this.element; }
|
|
5935
|
+
refresh(params) {
|
|
5936
|
+
if (!this.view || this.view.destroyed)
|
|
5937
|
+
return false;
|
|
5938
|
+
Object.assign(this.view.context, this.templateContext(params));
|
|
5939
|
+
this.view.detectChanges();
|
|
5940
|
+
return true;
|
|
5941
|
+
}
|
|
5942
|
+
destroy() {
|
|
5943
|
+
this.view?.destroy();
|
|
5944
|
+
this.view = null;
|
|
5945
|
+
this.element.replaceChildren();
|
|
5946
|
+
}
|
|
5947
|
+
templateContext(params) {
|
|
5948
|
+
return { $implicit: params, params, data: params.data, item: table, value: params.value,
|
|
5949
|
+
defaultVal: table.defaultVal, images: splitGridImages(params.value, table.defaultVal) };
|
|
5950
|
+
}
|
|
5951
|
+
};
|
|
5952
|
+
}
|
|
5953
|
+
function linkRenderer(table, context) {
|
|
5954
|
+
return class {
|
|
5955
|
+
constructor() {
|
|
5956
|
+
this.element = document.createElement('button');
|
|
5957
|
+
this.onMouseDown = (event) => event.stopPropagation();
|
|
5958
|
+
this.onClick = (event) => {
|
|
5959
|
+
event.preventDefault();
|
|
5960
|
+
event.stopPropagation();
|
|
5961
|
+
const action = { name: table.name, code: table.key || 'link', type: 'row',
|
|
5962
|
+
data: this.params.data, firstData: this.params.data, value: this.params.value,
|
|
5963
|
+
numberOfChecked: this.params.node?.rowIndex ?? -1 };
|
|
5964
|
+
context.onAction({ data: action, event });
|
|
5965
|
+
};
|
|
5966
|
+
}
|
|
5967
|
+
init(params) {
|
|
5968
|
+
this.element.type = 'button';
|
|
5969
|
+
this.element.className = 'atr-grid-link';
|
|
5970
|
+
Object.assign(this.element.style, { border: '0', background: 'transparent', padding: '0',
|
|
5971
|
+
color: 'inherit', textDecoration: 'underline', cursor: 'pointer', font: 'inherit' });
|
|
5972
|
+
this.element.addEventListener('mousedown', this.onMouseDown);
|
|
5973
|
+
this.element.addEventListener('click', this.onClick);
|
|
5974
|
+
this.refresh(params);
|
|
5975
|
+
}
|
|
5976
|
+
getGui() { return this.element; }
|
|
5977
|
+
refresh(params) {
|
|
5978
|
+
this.params = params;
|
|
5979
|
+
this.element.textContent = displayText(params.valueFormatted ?? defaultValue(params.value, table));
|
|
5980
|
+
return true;
|
|
5981
|
+
}
|
|
5982
|
+
destroy() {
|
|
5983
|
+
this.element.removeEventListener('mousedown', this.onMouseDown);
|
|
5984
|
+
this.element.removeEventListener('click', this.onClick);
|
|
5985
|
+
}
|
|
5986
|
+
};
|
|
5987
|
+
}
|
|
5988
|
+
function htmlRenderer(table, context) {
|
|
5989
|
+
return class {
|
|
5990
|
+
constructor() {
|
|
5991
|
+
this.element = document.createElement('span');
|
|
5992
|
+
}
|
|
5993
|
+
init(params) { this.refresh(params); }
|
|
5994
|
+
getGui() { return this.element; }
|
|
5995
|
+
refresh(params) {
|
|
5996
|
+
const value = defaultValue(params.value, table);
|
|
5997
|
+
const html = table.innerHtmlBack ? table.innerHtmlBack(value, params.data) : value;
|
|
5998
|
+
this.element.innerHTML = context.sanitizer.sanitize(SecurityContext.HTML, displayText(html)) || '';
|
|
5999
|
+
return true;
|
|
6000
|
+
}
|
|
6001
|
+
destroy() { this.element.replaceChildren(); }
|
|
6002
|
+
};
|
|
6003
|
+
}
|
|
6004
|
+
/** Translate the public ATR column schema without mutating the supplied configuration. */
|
|
6005
|
+
function createGridColumn(table, context) {
|
|
6006
|
+
const width = Number(table.width);
|
|
6007
|
+
const column = {
|
|
6008
|
+
headerName: table.name,
|
|
6009
|
+
colId: table.key || table.name,
|
|
6010
|
+
field: table.type === 'fixedText' ? undefined : table.key,
|
|
6011
|
+
width: Number.isFinite(width) && width > 0 ? Math.max(40, width) : 150,
|
|
6012
|
+
sortable: table.sortable ?? (table.sortKey ? true : undefined),
|
|
6013
|
+
hide: table.isShow === false,
|
|
6014
|
+
pinned: table.isLeft ? 'left' : table.isRight ? 'right' : undefined,
|
|
6015
|
+
resizable: table.forbidResize == null ? undefined : !table.forbidResize,
|
|
6016
|
+
spanRows: !!table.isRowSpan,
|
|
6017
|
+
cellStyle: table.styleCallBack || table.color || table.type === 'link'
|
|
6018
|
+
? params => columnStyle(table, params) : undefined,
|
|
6019
|
+
valueFormatter: params => displayText(defaultValue(params.value, table))
|
|
6020
|
+
};
|
|
6021
|
+
switch (table.type) {
|
|
6022
|
+
case 'fixedText':
|
|
6023
|
+
column.valueGetter = () => table.key ?? table.defaultVal ?? '';
|
|
6024
|
+
break;
|
|
6025
|
+
case 'date':
|
|
6026
|
+
case 'dateTime':
|
|
6027
|
+
case 'sDateTime': {
|
|
6028
|
+
const format = table.dateFormat || (table.type === 'date' ? 'yyyy-MM-dd'
|
|
6029
|
+
: table.type === 'sDateTime' ? 'MM-dd HH:mm' : 'yyyy-MM-dd HH:mm:ss');
|
|
6030
|
+
column.valueFormatter = params => {
|
|
6031
|
+
if (params.value == null || params.value === '')
|
|
6032
|
+
return displayText(defaultValue(params.value, table));
|
|
6033
|
+
try {
|
|
6034
|
+
return context.datePipe.transform(params.value, format) ?? displayText(defaultValue(null, table));
|
|
6035
|
+
}
|
|
6036
|
+
catch {
|
|
6037
|
+
return displayText(params.value);
|
|
6038
|
+
}
|
|
6039
|
+
};
|
|
6040
|
+
break;
|
|
6041
|
+
}
|
|
6042
|
+
case 'dict':
|
|
6043
|
+
column.valueFormatter = params => {
|
|
6044
|
+
if (params.value == null)
|
|
6045
|
+
return displayText(defaultValue(params.value, table));
|
|
6046
|
+
const labels = table.dictCode ? context.dictMap[table.dictCode] || {} : {};
|
|
6047
|
+
const values = Array.isArray(params.value) ? params.value : String(params.value).split(',');
|
|
6048
|
+
return values.map(value => labels[String(value).trim()] ?? value).join(',');
|
|
6049
|
+
};
|
|
6050
|
+
break;
|
|
6051
|
+
case 'action':
|
|
6052
|
+
column.cellRenderer = BtnTdComponent;
|
|
6053
|
+
column.cellClass = 'atr-action-cell';
|
|
6054
|
+
column.cellRendererParams = { buttons: table.actions || [], callback: context.onAction,
|
|
6055
|
+
suppressMouseEventHandling: () => true };
|
|
6056
|
+
break;
|
|
6057
|
+
case 'image':
|
|
6058
|
+
case 'image64':
|
|
6059
|
+
column.cellRenderer = ImgTdComponent;
|
|
6060
|
+
column.cellRendererParams = { defaultVal: table.defaultVal, imagePrefix: context.imagePrefix,
|
|
6061
|
+
image64: table.type === 'image64', suppressMouseEventHandling: () => true };
|
|
6062
|
+
break;
|
|
6063
|
+
case 'link':
|
|
6064
|
+
column.cellRenderer = linkRenderer(table, context);
|
|
6065
|
+
column.cellRendererParams = { suppressMouseEventHandling: () => true };
|
|
6066
|
+
break;
|
|
6067
|
+
case 'innerHtml':
|
|
6068
|
+
column.cellRenderer = htmlRenderer(table, context);
|
|
6069
|
+
break;
|
|
6070
|
+
case 'tempRef':
|
|
6071
|
+
if (table.tempRef)
|
|
6072
|
+
column.cellRenderer = templateRenderer(table.tempRef, table, context);
|
|
6073
|
+
break;
|
|
6074
|
+
case 'text':
|
|
6075
|
+
case 'textcolor':
|
|
6076
|
+
break;
|
|
6077
|
+
}
|
|
6078
|
+
if (table.valueFormatter != null)
|
|
6079
|
+
column.valueFormatter = table.valueFormatter;
|
|
6080
|
+
if (table.cellRenderer != null)
|
|
6081
|
+
column.cellRenderer = table.cellRenderer;
|
|
6082
|
+
const customParams = table.cellRendererParams;
|
|
6083
|
+
if (customParams != null) {
|
|
6084
|
+
const builtInParams = column.cellRendererParams;
|
|
6085
|
+
column.cellRendererParams = typeof customParams === 'function'
|
|
6086
|
+
? params => ({ ...builtInParams, ...(customParams(params) || {}) })
|
|
6087
|
+
: { ...builtInParams, ...customParams };
|
|
6088
|
+
}
|
|
6089
|
+
return column;
|
|
6090
|
+
}
|
|
6091
|
+
|
|
6092
|
+
ModuleRegistry.registerModules([AllCommunityModule]);
|
|
5692
6093
|
class AtrGridTableComponent {
|
|
5693
6094
|
constructor(fb, ossImgPipe, defaultValPipe, datePipe, viewContainerRef, injector, locale, cd) {
|
|
5694
6095
|
this.fb = fb;
|
|
@@ -5699,903 +6100,758 @@ class AtrGridTableComponent {
|
|
|
5699
6100
|
this.injector = injector;
|
|
5700
6101
|
this.locale = locale;
|
|
5701
6102
|
this.cd = cd;
|
|
5702
|
-
this.columnDefs = [];
|
|
5703
|
-
this.dictMap = {};
|
|
5704
|
-
this.rowSelection = { enableSelectionWithoutKeys: true };
|
|
5705
|
-
this.gridApi = null;
|
|
5706
|
-
/*
|
|
5707
|
-
* {
|
|
5708
|
-
mode: 'singleRow',
|
|
5709
|
-
};
|
|
5710
|
-
* */
|
|
5711
|
-
// {
|
|
5712
|
-
// headerName: '日期',
|
|
5713
|
-
// field: 'date',
|
|
5714
|
-
// pinned: 'left',
|
|
5715
|
-
// width: 150
|
|
5716
|
-
// },
|
|
5717
|
-
this.viewInitOver = false;
|
|
5718
|
-
this.tableWidth = 0;
|
|
5719
|
-
this.tableHeight = '100%';
|
|
5720
|
-
this.scrollX = 0;
|
|
5721
|
-
this.id = -1;
|
|
5722
|
-
this.scrollSize = { x: "", y: "" };
|
|
5723
|
-
this.isCollapse = true;
|
|
5724
|
-
this.atrForm = null;
|
|
5725
|
-
this.dicts = {};
|
|
5726
|
-
this.pageIndex = 1;
|
|
5727
|
-
this.total = 1;
|
|
5728
6103
|
this.pageSize = 20;
|
|
5729
6104
|
this.pageSizeOptions = [20, 30, 40, 50, 60];
|
|
5730
6105
|
this.loading = true;
|
|
5731
|
-
this.allowDrag = false;
|
|
6106
|
+
this.allowDrag = false;
|
|
5732
6107
|
this.showQueryTime = false;
|
|
5733
|
-
this.tableDatas = [];
|
|
5734
|
-
this.visibleTables = [];
|
|
5735
|
-
//表格checkbox 配置
|
|
5736
|
-
this.isAllDisplayDataChecked = false;
|
|
5737
|
-
this.isIndeterminate = false;
|
|
5738
|
-
this.numberOfChecked = 0;
|
|
5739
|
-
this.mapOfCheckedId = {};
|
|
5740
|
-
this.curChecked = -1;
|
|
5741
|
-
this.imagePrefix = atr_static_datas.OSS_URL;
|
|
5742
|
-
this.defaultParams = {};
|
|
5743
6108
|
this.isHideTable = false;
|
|
5744
|
-
this.isAllLoad = false;
|
|
5745
|
-
this.sortMap = {};
|
|
5746
|
-
this.rowSpanMap = {}; //key:{德科牧场:{num:1}}
|
|
5747
|
-
this.headerDefaultVal = {};
|
|
5748
6109
|
this.sortKey = 'sortBy';
|
|
6110
|
+
this.queryOpts = { url: '', tables: [] };
|
|
5749
6111
|
this.showPagination = true;
|
|
5750
|
-
this.title =
|
|
6112
|
+
this.title = '';
|
|
5751
6113
|
this.queryHeaders = null;
|
|
6114
|
+
this.rowKey = 'id';
|
|
6115
|
+
this.gridOptions = {};
|
|
5752
6116
|
this.tableAction = new EventEmitter();
|
|
5753
6117
|
this.queryBack = new EventEmitter();
|
|
5754
6118
|
this.headerAction = new EventEmitter();
|
|
6119
|
+
this.columnDefs = [];
|
|
6120
|
+
this.defaultColDef = { resizable: true, minWidth: 60, sortable: false };
|
|
6121
|
+
this.resolvedGridOptions = {};
|
|
6122
|
+
this.cellSpanEnabled = false;
|
|
6123
|
+
this.rowSelection = { mode: 'singleRow', checkboxes: false, enableClickSelection: true };
|
|
6124
|
+
this.gridApi = null;
|
|
6125
|
+
this.dictMap = {};
|
|
6126
|
+
this.dicts = {};
|
|
6127
|
+
this.searchHeaders = [];
|
|
6128
|
+
this.headerDefaultVal = {};
|
|
6129
|
+
this.defaultParams = {};
|
|
6130
|
+
this.tableDatas = [];
|
|
6131
|
+
this.visibleTables = [];
|
|
6132
|
+
this.sortMap = {};
|
|
6133
|
+
this.rowSpanMap = {};
|
|
6134
|
+
this.mapOfCheckedId = {};
|
|
6135
|
+
this.numberOfChecked = 0;
|
|
6136
|
+
this.isAllDisplayDataChecked = false;
|
|
6137
|
+
this.isIndeterminate = false;
|
|
6138
|
+
this.curChecked = -1;
|
|
6139
|
+
this.pageIndex = 1;
|
|
6140
|
+
this.total = 0;
|
|
6141
|
+
this.isCollapse = true;
|
|
6142
|
+
this.isAllLoad = false;
|
|
6143
|
+
this.viewInitOver = false;
|
|
6144
|
+
this.tableWidth = 0;
|
|
6145
|
+
this.tableHeight = '100%';
|
|
6146
|
+
this.queryTime = '';
|
|
6147
|
+
this.queryError = '';
|
|
6148
|
+
this.imagePrefix = atr_static_datas.OSS_URL;
|
|
6149
|
+
this.scrollX = 0;
|
|
6150
|
+
this.scrollSize = { x: '', y: '' };
|
|
5755
6151
|
this.resizeDirection = null;
|
|
5756
|
-
this.
|
|
6152
|
+
this.id = -1;
|
|
6153
|
+
this.initialized = false;
|
|
6154
|
+
this.viewReady = false;
|
|
6155
|
+
this.destroyed = false;
|
|
6156
|
+
this.configRevision = 0;
|
|
6157
|
+
this.columnRevision = 0;
|
|
6158
|
+
this.requestRevision = 0;
|
|
6159
|
+
this.destroy$ = new Subject();
|
|
6160
|
+
this.pendingDictionaries = new Map();
|
|
6161
|
+
this.loadedDictionaries = new Set();
|
|
6162
|
+
this.fallbackRowIds = new WeakMap();
|
|
6163
|
+
this.nextRowId = 0;
|
|
6164
|
+
this.suppressSelectionEvents = false;
|
|
6165
|
+
this.columnTables = new Map();
|
|
6166
|
+
this.getRowId = (params) => this.getDataId(params.data);
|
|
6167
|
+
this.getRowStyle = params => {
|
|
6168
|
+
const custom = this.gridOptions?.getRowStyle?.(params) || {};
|
|
6169
|
+
const color = this.isShowColor(params.data);
|
|
6170
|
+
return this.queryOpts?.color ? { ...custom, color: color || custom['color'] || 'inherit' } : custom;
|
|
6171
|
+
};
|
|
6172
|
+
this.atrForm = this.fb.group({});
|
|
5757
6173
|
}
|
|
5758
|
-
|
|
5759
|
-
|
|
5760
|
-
|
|
5761
|
-
|
|
5762
|
-
|
|
5763
|
-
|
|
5764
|
-
this.
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5780
|
-
|
|
5781
|
-
|
|
6174
|
+
get actions() { return this.queryOpts?.actions || []; }
|
|
6175
|
+
get tables() { return this.queryOpts?.tables || []; }
|
|
6176
|
+
get visibleHeaderCount() { return Math.max(0, this.queryOpts?.showNum ?? this.searchHeaders.length); }
|
|
6177
|
+
get hasMoreHeaders() { return this.searchHeaders.filter(item => item.isShow !== false).length > this.visibleHeaderCount; }
|
|
6178
|
+
isHeaderVisible(header, index) {
|
|
6179
|
+
return header.isShow !== false && (!this.isCollapse
|
|
6180
|
+
|| this.searchHeaders.slice(0, index).filter(item => item.isShow !== false).length < this.visibleHeaderCount);
|
|
6181
|
+
}
|
|
6182
|
+
get enableCellSpan() { return this.tables.some(item => item.isShow !== false && !!item.isRowSpan); }
|
|
6183
|
+
ngOnInit() {
|
|
6184
|
+
this.initialized = true;
|
|
6185
|
+
this.defaultParams = { ...this.queryOpts?.defaultParams };
|
|
6186
|
+
this.sortMap = this.parseSort(this.queryOpts?.sort || this.queryOpts?.sortBy);
|
|
6187
|
+
this.normalizePagination();
|
|
6188
|
+
}
|
|
6189
|
+
ngOnChanges(changes) {
|
|
6190
|
+
if (!this.initialized)
|
|
6191
|
+
return;
|
|
6192
|
+
if (changes['queryOpts']) {
|
|
6193
|
+
this.defaultParams = { ...this.queryOpts?.defaultParams };
|
|
6194
|
+
this.sortMap = this.parseSort(this.queryOpts?.sort || this.queryOpts?.sortBy);
|
|
6195
|
+
this.pageIndex = 1;
|
|
6196
|
+
this.cancelQuery();
|
|
6197
|
+
if (this.viewReady)
|
|
6198
|
+
void this.initializeGrid();
|
|
5782
6199
|
}
|
|
5783
|
-
|
|
5784
|
-
|
|
5785
|
-
|
|
5786
|
-
if (i == this.queryOpts.tables.length - 1) {
|
|
5787
|
-
item.width = currentWidth;
|
|
5788
|
-
}
|
|
5789
|
-
else {
|
|
5790
|
-
currentWidth -= item.width;
|
|
5791
|
-
}
|
|
5792
|
-
}
|
|
5793
|
-
this.columnDefs.push(await this.transColumnDefs(item));
|
|
6200
|
+
else if (this.viewReady && (changes['gridOptions'] || changes['rowKey'])) {
|
|
6201
|
+
this.cancelQuery();
|
|
6202
|
+
void this.initializeGrid(false);
|
|
5794
6203
|
}
|
|
5795
|
-
if (this.
|
|
5796
|
-
|
|
5797
|
-
|
|
5798
|
-
|
|
5799
|
-
|
|
5800
|
-
|
|
5801
|
-
|
|
5802
|
-
|
|
5803
|
-
console.log('this.rowSelection', this.rowSelection);
|
|
6204
|
+
else if (this.viewReady && changes['allowDrag']) {
|
|
6205
|
+
this.configureGrid();
|
|
6206
|
+
void this.refreshColumns();
|
|
6207
|
+
}
|
|
6208
|
+
if (changes['pageSize']) {
|
|
6209
|
+
this.normalizePagination();
|
|
6210
|
+
if (!changes['queryOpts'] && this.isAllLoad)
|
|
6211
|
+
this.query(true);
|
|
5804
6212
|
}
|
|
6213
|
+
}
|
|
6214
|
+
ngAfterViewInit() {
|
|
6215
|
+
this.viewReady = true;
|
|
6216
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
6217
|
+
this.resizeObserver = new ResizeObserver(() => this.updateTableHeight());
|
|
6218
|
+
this.resizeObserver.observe(this.tableContent.nativeElement);
|
|
6219
|
+
}
|
|
6220
|
+
void this.initializeGrid();
|
|
6221
|
+
}
|
|
6222
|
+
async initializeGrid(autoQuery = true) {
|
|
6223
|
+
const revision = ++this.configRevision;
|
|
6224
|
+
this.viewInitOver = false;
|
|
6225
|
+
this.isAllLoad = false;
|
|
6226
|
+
this.gridApi = null;
|
|
6227
|
+
this.syncSelection([]);
|
|
6228
|
+
// Some native options are initial-only. Destroy the previous grid before rebuilding it.
|
|
6229
|
+
await Promise.resolve();
|
|
6230
|
+
if (this.destroyed || revision !== this.configRevision)
|
|
6231
|
+
return;
|
|
6232
|
+
this.cd.detectChanges();
|
|
6233
|
+
this.configureGrid();
|
|
6234
|
+
await this.initHeader();
|
|
6235
|
+
if (this.destroyed || revision !== this.configRevision)
|
|
6236
|
+
return;
|
|
6237
|
+
await this.initTableHeader();
|
|
6238
|
+
if (this.destroyed || revision !== this.configRevision)
|
|
6239
|
+
return;
|
|
6240
|
+
this.cellSpanEnabled = this.enableCellSpan;
|
|
6241
|
+
this.isAllLoad = true;
|
|
6242
|
+
this.viewInitOver = true;
|
|
6243
|
+
this.loading = false;
|
|
6244
|
+
this.cd.detectChanges();
|
|
5805
6245
|
this.updateTableHeight();
|
|
6246
|
+
// Historical contract: true skips the initial automatic request.
|
|
6247
|
+
if (autoQuery && !this.queryOpts?.isAutoQuery)
|
|
6248
|
+
this.query();
|
|
5806
6249
|
}
|
|
5807
|
-
|
|
5808
|
-
|
|
5809
|
-
|
|
5810
|
-
|
|
6250
|
+
configureGrid() {
|
|
6251
|
+
this.defaultColDef = { resizable: true, minWidth: 60, sortable: false, ...this.gridOptions?.defaultColDef };
|
|
6252
|
+
this.resolvedGridOptions = { ...this.gridOptions, rowModelType: 'clientSide' };
|
|
6253
|
+
const check = this.queryOpts?.checkBox || {};
|
|
6254
|
+
const common = {
|
|
6255
|
+
checkboxes: !!check.isShowCheckbox, enableClickSelection: !check.isForbid,
|
|
6256
|
+
enableSelectionWithoutKeys: true,
|
|
6257
|
+
isRowSelectable: (node) => !!node.data && (!check.isRowSelectable || !!check.isRowSelectable(node))
|
|
6258
|
+
};
|
|
6259
|
+
this.rowSelection = check.isShowCheckbox && !check.isRadio
|
|
6260
|
+
? { ...common, mode: 'multiRow', headerCheckbox: true, selectAll: 'filtered' }
|
|
6261
|
+
: { ...common, mode: 'singleRow' };
|
|
6262
|
+
}
|
|
6263
|
+
async initTableHeader() {
|
|
6264
|
+
const revision = ++this.columnRevision;
|
|
6265
|
+
const tables = this.tables.slice();
|
|
6266
|
+
await Promise.all(tables.filter(item => item.type === 'dict' && item.dictCode)
|
|
6267
|
+
.map(item => this.loadDictionary(item.dictCode)));
|
|
6268
|
+
if (this.destroyed || revision !== this.columnRevision)
|
|
5811
6269
|
return;
|
|
6270
|
+
const definitions = [];
|
|
6271
|
+
const columnTables = new Map();
|
|
6272
|
+
if (this.allowDrag || this.queryOpts?.isIndex) {
|
|
6273
|
+
definitions.push({
|
|
6274
|
+
headerName: this.queryOpts?.isIndex ? '#' : '', colId: '__index__', width: this.allowDrag ? 85 : 65,
|
|
6275
|
+
minWidth: this.allowDrag ? 85 : 65, maxWidth: this.allowDrag ? 100 : 80,
|
|
6276
|
+
pinned: 'left', sortable: false, filter: false, editable: false, resizable: false,
|
|
6277
|
+
suppressMovable: true, rowDrag: this.allowDrag ? () => this.canDragRows() : false,
|
|
6278
|
+
valueGetter: params => this.queryOpts?.isIndex
|
|
6279
|
+
? (this.pageIndex - 1) * this.pageSize + (params.node?.rowIndex ?? 0) + 1 : '',
|
|
6280
|
+
cellStyle: { textAlign: 'center' }
|
|
6281
|
+
});
|
|
5812
6282
|
}
|
|
5813
|
-
const
|
|
5814
|
-
|
|
5815
|
-
|
|
5816
|
-
|
|
6283
|
+
for (const [index, table] of tables.entries()) {
|
|
6284
|
+
const definition = await this.transColumnDefs(table);
|
|
6285
|
+
const base = table.key || `__column_${index}`;
|
|
6286
|
+
let colId = base;
|
|
6287
|
+
for (let suffix = 1; columnTables.has(colId) || colId === '__index__'; suffix++)
|
|
6288
|
+
colId = `${base}_${suffix}`;
|
|
6289
|
+
definition.colId = colId;
|
|
6290
|
+
const sortName = table.sortKey || table.key || colId;
|
|
6291
|
+
definition.sort = this.sortMap[sortName] || null;
|
|
6292
|
+
definition.sortIndex = Object.keys(this.sortMap).indexOf(sortName);
|
|
6293
|
+
columnTables.set(colId, table);
|
|
6294
|
+
definitions.push(definition);
|
|
6295
|
+
}
|
|
6296
|
+
if (this.destroyed || revision !== this.columnRevision)
|
|
6297
|
+
return;
|
|
6298
|
+
this.columnTables = columnTables;
|
|
6299
|
+
this.columnDefs = definitions;
|
|
6300
|
+
this.refreshVisibleTables();
|
|
6301
|
+
this.getRowSpan();
|
|
6302
|
+
this.updateTableHeight();
|
|
6303
|
+
this.cd.markForCheck();
|
|
5817
6304
|
}
|
|
5818
|
-
|
|
5819
|
-
|
|
5820
|
-
.
|
|
5821
|
-
|
|
5822
|
-
.
|
|
5823
|
-
|
|
6305
|
+
async refreshColumns() {
|
|
6306
|
+
if (this.isAllLoad && this.cellSpanEnabled !== this.enableCellSpan)
|
|
6307
|
+
await this.initializeGrid(false);
|
|
6308
|
+
else
|
|
6309
|
+
await this.initTableHeader();
|
|
6310
|
+
}
|
|
6311
|
+
async transColumnDefs(tableItem) {
|
|
6312
|
+
return createGridColumn(tableItem, {
|
|
6313
|
+
datePipe: this.datePipe, sanitizer: this.injector.get(DomSanitizer),
|
|
6314
|
+
viewContainerRef: this.viewContainerRef, dictMap: this.dictMap, imagePrefix: this.imagePrefix,
|
|
6315
|
+
onAction: params => {
|
|
6316
|
+
params.event?.stopPropagation();
|
|
6317
|
+
this.curChecked = params.data.numberOfChecked ?? -1;
|
|
6318
|
+
this.tableAction.emit(params.data);
|
|
6319
|
+
}
|
|
5824
6320
|
});
|
|
5825
|
-
this.sortMap = sortColumns.reduce((map, item) => {
|
|
5826
|
-
map[item.colId] = item.sort;
|
|
5827
|
-
return map;
|
|
5828
|
-
}, {});
|
|
5829
|
-
this.query(true);
|
|
5830
|
-
}
|
|
5831
|
-
onGridReady(event) {
|
|
5832
|
-
this.gridApi = event.api;
|
|
5833
|
-
this.tableAction.emit({
|
|
5834
|
-
code: 'gridApi',
|
|
5835
|
-
name: 'gridApi',
|
|
5836
|
-
type: 'row',
|
|
5837
|
-
data: this.gridApi,
|
|
5838
|
-
});
|
|
5839
|
-
}
|
|
5840
|
-
onSelectionChanged(event) {
|
|
5841
|
-
const selectedRows = event.api.getSelectedRows();
|
|
5842
|
-
this.numberOfChecked = selectedRows.length;
|
|
5843
|
-
this.tableAction.emit({
|
|
5844
|
-
code: 'select',
|
|
5845
|
-
name: 'select',
|
|
5846
|
-
type: 'row',
|
|
5847
|
-
data: selectedRows,
|
|
5848
|
-
datas: selectedRows,
|
|
5849
|
-
firstData: selectedRows[0],
|
|
5850
|
-
numberOfChecked: selectedRows.length
|
|
5851
|
-
});
|
|
5852
|
-
}
|
|
5853
|
-
getSelectedRows() {
|
|
5854
|
-
return this.gridApi ? this.gridApi.getSelectedRows() : [];
|
|
5855
|
-
}
|
|
5856
|
-
async transColumnDefs(tableItem) {
|
|
5857
|
-
let style = tableItem.styleCallBack, valueFormatter = tableItem.valueFormatter;
|
|
5858
|
-
let colDef = {
|
|
5859
|
-
headerName: tableItem.name,
|
|
5860
|
-
field: tableItem.key,
|
|
5861
|
-
width: tableItem.width,
|
|
5862
|
-
sortable: tableItem.sortable || false,
|
|
5863
|
-
hide: !tableItem.isShow,
|
|
5864
|
-
valueFormatter: params => {
|
|
5865
|
-
let value = params.value;
|
|
5866
|
-
let defVal = ToolsUtil.isEmpty(tableItem.defaultVal) ? '-' : tableItem.defaultVal;
|
|
5867
|
-
return ToolsUtil.isNull(value) ? defVal : value;
|
|
5868
|
-
},
|
|
5869
|
-
cellStyle: style
|
|
5870
|
-
};
|
|
5871
|
-
switch (tableItem.type) {
|
|
5872
|
-
case 'textcolor':
|
|
5873
|
-
break;
|
|
5874
|
-
case 'fixedText':
|
|
5875
|
-
break;
|
|
5876
|
-
case 'text':
|
|
5877
|
-
break;
|
|
5878
|
-
case 'link':
|
|
5879
|
-
break;
|
|
5880
|
-
case 'action':
|
|
5881
|
-
colDef.cellRenderer = BtnTdComponent;
|
|
5882
|
-
colDef.cellRendererParams = {
|
|
5883
|
-
buttons: tableItem.actions,
|
|
5884
|
-
callback: (params) => {
|
|
5885
|
-
this.curChecked = params.data.numberOfChecked;
|
|
5886
|
-
console.log('操作', params.data);
|
|
5887
|
-
this.tableAction.emit(params.data);
|
|
5888
|
-
}
|
|
5889
|
-
};
|
|
5890
|
-
colDef.cellClass = 'atr-action-cell';
|
|
5891
|
-
break;
|
|
5892
|
-
case 'image':
|
|
5893
|
-
colDef.cellRenderer = ImgTdComponent;
|
|
5894
|
-
break;
|
|
5895
|
-
case 'date':
|
|
5896
|
-
case 'dateTime':
|
|
5897
|
-
case 'sDateTime':
|
|
5898
|
-
colDef.valueFormatter = params => {
|
|
5899
|
-
let value = params.value;
|
|
5900
|
-
if (value) {
|
|
5901
|
-
value = this.datePipe.transform(value, tableItem.dateFormat || 'yyyy-MM-dd HH:mm:ss');
|
|
5902
|
-
}
|
|
5903
|
-
let defVal = ToolsUtil.isEmpty(tableItem.defaultVal) ? '-' : tableItem.defaultVal;
|
|
5904
|
-
return ToolsUtil.isNull(value) ? defVal : value;
|
|
5905
|
-
};
|
|
5906
|
-
break;
|
|
5907
|
-
case 'dict':
|
|
5908
|
-
if (tableItem.dictCode) {
|
|
5909
|
-
let dict = this.dictMap[tableItem.dictCode];
|
|
5910
|
-
if (!dict) {
|
|
5911
|
-
dict = await this.dictService.getCodeNamePromise(tableItem.dictCode) || {};
|
|
5912
|
-
if (dict.dicts) {
|
|
5913
|
-
this.dictMap[tableItem.dictCode] = dict.dicts.reduce((map, item) => {
|
|
5914
|
-
map[item.id] = item.typeName;
|
|
5915
|
-
return map;
|
|
5916
|
-
}, {});
|
|
5917
|
-
}
|
|
5918
|
-
dict = this.dictMap[tableItem.dictCode];
|
|
5919
|
-
}
|
|
5920
|
-
colDef.cellRenderer = params => {
|
|
5921
|
-
// put the value in bold
|
|
5922
|
-
return dict[params.value] ?? params.value;
|
|
5923
|
-
};
|
|
5924
|
-
}
|
|
5925
|
-
break;
|
|
5926
|
-
case 'innerHtml':
|
|
5927
|
-
break;
|
|
5928
|
-
case 'image64':
|
|
5929
|
-
break;
|
|
5930
|
-
case 'tempRef':
|
|
5931
|
-
break;
|
|
5932
|
-
}
|
|
5933
|
-
console.log('colDef', colDef);
|
|
5934
|
-
if (valueFormatter) {
|
|
5935
|
-
colDef.valueFormatter = valueFormatter;
|
|
5936
|
-
}
|
|
5937
|
-
return colDef;
|
|
5938
6321
|
}
|
|
5939
6322
|
createTemplateCellRenderer(template, tableItem) {
|
|
5940
|
-
|
|
5941
|
-
|
|
5942
|
-
|
|
5943
|
-
|
|
5944
|
-
this.eGui = document.createElement('span');
|
|
5945
|
-
this.viewRef = null;
|
|
5946
|
-
}
|
|
5947
|
-
init(params) {
|
|
5948
|
-
this.render(params);
|
|
5949
|
-
}
|
|
5950
|
-
getGui() {
|
|
5951
|
-
return this.eGui;
|
|
5952
|
-
}
|
|
5953
|
-
refresh(params) {
|
|
5954
|
-
this.destroy();
|
|
5955
|
-
this.render(params);
|
|
5956
|
-
return true;
|
|
5957
|
-
}
|
|
5958
|
-
destroy() {
|
|
5959
|
-
if (this.viewRef) {
|
|
5960
|
-
this.viewRef.destroy();
|
|
5961
|
-
this.viewRef = null;
|
|
5962
|
-
}
|
|
5963
|
-
this.eGui.replaceChildren();
|
|
5964
|
-
}
|
|
5965
|
-
render(params) {
|
|
5966
|
-
this.eGui.replaceChildren();
|
|
5967
|
-
this.viewRef = viewContainerRef.createEmbeddedView(template, {
|
|
5968
|
-
$implicit: params,
|
|
5969
|
-
params: params,
|
|
5970
|
-
data: params.data,
|
|
5971
|
-
item: tableItem,
|
|
5972
|
-
value: params.value,
|
|
5973
|
-
defaultVal: tableItem.defaultVal,
|
|
5974
|
-
images: getImageList(params.value, tableItem.defaultVal)
|
|
5975
|
-
});
|
|
5976
|
-
this.viewRef.detectChanges();
|
|
5977
|
-
this.viewRef.rootNodes.forEach(node => this.eGui.appendChild(node));
|
|
5978
|
-
}
|
|
5979
|
-
};
|
|
6323
|
+
return createGridColumn({ ...tableItem, type: 'tempRef', tempRef: template }, {
|
|
6324
|
+
datePipe: this.datePipe, sanitizer: this.injector.get(DomSanitizer), viewContainerRef: this.viewContainerRef,
|
|
6325
|
+
dictMap: this.dictMap, imagePrefix: this.imagePrefix, onAction: params => this.tableAction.emit(params.data)
|
|
6326
|
+
}).cellRenderer;
|
|
5980
6327
|
}
|
|
5981
|
-
|
|
5982
|
-
const
|
|
5983
|
-
if (
|
|
5984
|
-
|
|
5985
|
-
|
|
5986
|
-
|
|
5987
|
-
}
|
|
5988
|
-
//
|
|
5989
|
-
onResize({ width, height, direction }, item) {
|
|
5990
|
-
cancelAnimationFrame(this.id);
|
|
5991
|
-
this.id = requestAnimationFrame(() => {
|
|
5992
|
-
if (width) {
|
|
5993
|
-
this.scrollX += (width - item.width);
|
|
5994
|
-
this.scrollSize.x = this.scrollX + "px";
|
|
5995
|
-
item.width = width;
|
|
5996
|
-
this.resizeDirection = direction;
|
|
5997
|
-
}
|
|
5998
|
-
});
|
|
5999
|
-
}
|
|
6000
|
-
ngAfterViewInit() {
|
|
6001
|
-
this.initTableHeader();
|
|
6002
|
-
setTimeout(() => {
|
|
6003
|
-
this.viewInitOver = true;
|
|
6004
|
-
this.isAllLoad = true;
|
|
6005
|
-
// this.cd.detectChanges();
|
|
6006
|
-
}, 100);
|
|
6007
|
-
}
|
|
6008
|
-
ngOnInit() {
|
|
6009
|
-
// this.initTableHeader();
|
|
6010
|
-
if (this.queryOpts && this.queryOpts.headers.length > 0) {
|
|
6011
|
-
this.atrForm = this.fb.group({});
|
|
6012
|
-
}
|
|
6013
|
-
this.initHeader();
|
|
6014
|
-
// if (this.queryOpts && this.queryOpts.tables) {
|
|
6015
|
-
// for (let table of this.queryOpts.tables) {
|
|
6016
|
-
// if (table.type == 'dict') {
|
|
6017
|
-
// this.getDictValue(table.dictCode);
|
|
6018
|
-
// }
|
|
6019
|
-
// // if (table.sortKey) {
|
|
6020
|
-
// // table.sortable = true;
|
|
6021
|
-
// // this.sortMap[table.sortKey] = null;
|
|
6022
|
-
// // } else
|
|
6023
|
-
// // table.sortable = false;
|
|
6024
|
-
// }
|
|
6025
|
-
// }
|
|
6026
|
-
// this.refreshVisibleTables();
|
|
6027
|
-
// if (this.queryOpts && this.queryOpts.defaultParams) {
|
|
6028
|
-
// this.defaultParams = this.queryOpts.defaultParams
|
|
6029
|
-
// }
|
|
6030
|
-
if (!this.queryOpts.isAutoQuery) {
|
|
6031
|
-
this.query();
|
|
6032
|
-
}
|
|
6033
|
-
else {
|
|
6034
|
-
this.loading = false;
|
|
6035
|
-
// this.cd.detectChanges();
|
|
6036
|
-
}
|
|
6328
|
+
updateTableHeight() {
|
|
6329
|
+
const element = this.tableContent?.nativeElement;
|
|
6330
|
+
if (element)
|
|
6331
|
+
this.tableWidth = element.clientWidth;
|
|
6332
|
+
// Flex layout reserves the actual header, error and pagination heights.
|
|
6333
|
+
this.tableHeight = '100%';
|
|
6037
6334
|
}
|
|
6038
|
-
|
|
6039
|
-
|
|
6040
|
-
|
|
6335
|
+
getDataId(data) {
|
|
6336
|
+
const key = getTableValue(data, this.rowKey);
|
|
6337
|
+
if (key !== undefined && key !== null)
|
|
6338
|
+
return String(key);
|
|
6339
|
+
if (data && typeof data === 'object') {
|
|
6340
|
+
if (!this.fallbackRowIds.has(data))
|
|
6341
|
+
this.fallbackRowIds.set(data, `__atr_row_${++this.nextRowId}`);
|
|
6342
|
+
return this.fallbackRowIds.get(data);
|
|
6041
6343
|
}
|
|
6042
|
-
return
|
|
6043
|
-
}
|
|
6044
|
-
dbclickData(data, rowNo) {
|
|
6045
|
-
let action = {
|
|
6046
|
-
name: 'dbclickData',
|
|
6047
|
-
code: 'dbclickData',
|
|
6048
|
-
type: "row"
|
|
6049
|
-
};
|
|
6050
|
-
action.data = data;
|
|
6051
|
-
action.firstData = data;
|
|
6052
|
-
this.tableAction.emit(action);
|
|
6344
|
+
return String(data);
|
|
6053
6345
|
}
|
|
6054
|
-
|
|
6055
|
-
|
|
6056
|
-
|
|
6057
|
-
event.preventDefault();
|
|
6058
|
-
if (event.stopPropagation) {
|
|
6059
|
-
event.stopPropagation();
|
|
6060
|
-
}
|
|
6061
|
-
}
|
|
6062
|
-
let action = {
|
|
6063
|
-
name: code,
|
|
6064
|
-
code: code,
|
|
6065
|
-
type: "row"
|
|
6066
|
-
};
|
|
6067
|
-
action.data = data;
|
|
6068
|
-
action.firstData = data;
|
|
6069
|
-
action.numberOfChecked = index;
|
|
6070
|
-
this.curChecked = index;
|
|
6071
|
-
this.tableAction.emit(action);
|
|
6346
|
+
onGridReady(event) {
|
|
6347
|
+
this.gridApi = event.api;
|
|
6348
|
+
this.tableAction.emit({ code: 'gridApi', name: 'gridApi', type: 'row', data: event.api });
|
|
6072
6349
|
}
|
|
6073
|
-
|
|
6074
|
-
|
|
6350
|
+
onSortChanged(event) {
|
|
6351
|
+
const sorts = event.api.getColumnState().filter(column => !!column.sort)
|
|
6352
|
+
.sort((a, b) => (a.sortIndex ?? 0) - (b.sortIndex ?? 0));
|
|
6353
|
+
const next = {};
|
|
6354
|
+
for (const column of sorts) {
|
|
6355
|
+
const table = this.columnTables.get(column.colId);
|
|
6356
|
+
if (table)
|
|
6357
|
+
next[table.sortKey || table.key || column.colId] = column.sort;
|
|
6358
|
+
}
|
|
6359
|
+
if (JSON.stringify(next) === JSON.stringify(this.sortMap))
|
|
6360
|
+
return;
|
|
6361
|
+
this.sortMap = next;
|
|
6362
|
+
if (this.viewInitOver)
|
|
6363
|
+
this.query(true);
|
|
6075
6364
|
}
|
|
6076
|
-
|
|
6077
|
-
|
|
6365
|
+
onSelectionChanged(event) {
|
|
6366
|
+
if (!this.suppressSelectionEvents)
|
|
6367
|
+
this.syncSelection(event.api.getSelectedRows());
|
|
6368
|
+
}
|
|
6369
|
+
syncSelection(rows, code = 'select') {
|
|
6370
|
+
this.mapOfCheckedId = Object.fromEntries(rows.map(row => [this.getDataId(row), true]));
|
|
6371
|
+
this.numberOfChecked = rows.length;
|
|
6372
|
+
const selectable = this.tableDatas.filter(row => this.isSelectable(row));
|
|
6373
|
+
this.isAllDisplayDataChecked = selectable.length > 0 && selectable.every(row => this.mapOfCheckedId[this.getDataId(row)]);
|
|
6374
|
+
this.isIndeterminate = rows.length > 0 && !this.isAllDisplayDataChecked;
|
|
6375
|
+
this.tableAction.emit({ code, name: 'select', type: 'row', data: rows, datas: rows,
|
|
6376
|
+
firstData: rows[0], numberOfChecked: rows.length });
|
|
6078
6377
|
}
|
|
6079
|
-
|
|
6080
|
-
this.
|
|
6378
|
+
getSelectedRows() {
|
|
6379
|
+
return this.gridApi ? this.gridApi.getSelectedRows()
|
|
6380
|
+
: this.tableDatas.filter(row => this.mapOfCheckedId[this.getDataId(row)]);
|
|
6081
6381
|
}
|
|
6082
|
-
|
|
6083
|
-
|
|
6084
|
-
|
|
6085
|
-
|
|
6086
|
-
|
|
6087
|
-
|
|
6088
|
-
|
|
6089
|
-
|
|
6090
|
-
if (
|
|
6091
|
-
|
|
6092
|
-
}
|
|
6382
|
+
getAllCheckDatas() { return this.getSelectedRows(); }
|
|
6383
|
+
getAllCheckInfo() { return this.getSelectedRows().map(row => this.getDataId(row)); }
|
|
6384
|
+
checkAll(value) {
|
|
6385
|
+
if (this.gridApi) {
|
|
6386
|
+
this.suppressSelectionEvents = true;
|
|
6387
|
+
try {
|
|
6388
|
+
if (!value)
|
|
6389
|
+
this.gridApi.deselectAll();
|
|
6390
|
+
else if (this.rowSelection.mode === 'multiRow')
|
|
6391
|
+
this.gridApi.selectAll('filtered');
|
|
6093
6392
|
else {
|
|
6094
|
-
|
|
6095
|
-
|
|
6096
|
-
|
|
6097
|
-
|
|
6098
|
-
|
|
6099
|
-
|
|
6100
|
-
|
|
6101
|
-
}
|
|
6102
|
-
isShowBtn(data, operator, action) {
|
|
6103
|
-
let isShow = false;
|
|
6104
|
-
if (!operator || operator == null || operator == "") {
|
|
6105
|
-
isShow = true;
|
|
6106
|
-
}
|
|
6107
|
-
else if (operator.indexOf('&&') > 0) {
|
|
6108
|
-
// a|eq|b &&c|eq|d
|
|
6109
|
-
const ops = operator.split('&&');
|
|
6110
|
-
if (ops.length > 1) {
|
|
6111
|
-
// tslint:disable-next-line:prefer-for-of
|
|
6112
|
-
for (let i = 0; i < ops.length; i++) {
|
|
6113
|
-
isShow = true;
|
|
6114
|
-
if (!this.checkIsShowBase(ops[i].split('|'), data)) {
|
|
6115
|
-
isShow = false;
|
|
6116
|
-
break;
|
|
6117
|
-
}
|
|
6393
|
+
let selected = false;
|
|
6394
|
+
this.gridApi.forEachNodeAfterFilter(node => {
|
|
6395
|
+
if (!selected && node.selectable && node.data) {
|
|
6396
|
+
node.setSelected(true, true);
|
|
6397
|
+
selected = true;
|
|
6398
|
+
}
|
|
6399
|
+
});
|
|
6118
6400
|
}
|
|
6119
6401
|
}
|
|
6120
|
-
|
|
6121
|
-
|
|
6122
|
-
// a|eq|b||c|eq|d
|
|
6123
|
-
const ops = operator.split('&&');
|
|
6124
|
-
if (ops.length > 1) {
|
|
6125
|
-
for (let i = 0; i < ops.length; i++) {
|
|
6126
|
-
isShow = false;
|
|
6127
|
-
if (this.checkIsShowBase(ops[i].split('|'), data)) {
|
|
6128
|
-
isShow = true;
|
|
6129
|
-
break;
|
|
6130
|
-
}
|
|
6131
|
-
}
|
|
6402
|
+
finally {
|
|
6403
|
+
this.suppressSelectionEvents = false;
|
|
6132
6404
|
}
|
|
6405
|
+
this.syncSelection(this.gridApi.getSelectedRows());
|
|
6133
6406
|
}
|
|
6134
6407
|
else {
|
|
6135
|
-
let
|
|
6136
|
-
|
|
6408
|
+
let rows = value ? this.tableDatas.filter(row => this.isSelectable(row)) : [];
|
|
6409
|
+
if (this.rowSelection.mode === 'singleRow')
|
|
6410
|
+
rows = rows.slice(0, 1);
|
|
6411
|
+
this.syncSelection(rows);
|
|
6137
6412
|
}
|
|
6138
|
-
return isShow;
|
|
6139
6413
|
}
|
|
6140
|
-
|
|
6141
|
-
|
|
6142
|
-
|
|
6143
|
-
|
|
6144
|
-
if (!value) {
|
|
6145
|
-
isShow = false;
|
|
6146
|
-
}
|
|
6147
|
-
else {
|
|
6148
|
-
isShow = this.compare(value, op[1], op[2]);
|
|
6149
|
-
}
|
|
6150
|
-
}
|
|
6151
|
-
else
|
|
6152
|
-
isShow = false;
|
|
6153
|
-
return isShow;
|
|
6154
|
-
}
|
|
6155
|
-
compare(value, operator, target) {
|
|
6156
|
-
let isRight = false;
|
|
6157
|
-
switch (operator) {
|
|
6158
|
-
case 'eq':
|
|
6159
|
-
if (value == target) {
|
|
6160
|
-
isRight = true;
|
|
6161
|
-
}
|
|
6162
|
-
break;
|
|
6163
|
-
case 'gh':
|
|
6164
|
-
if (value >= target) {
|
|
6165
|
-
isRight = true;
|
|
6166
|
-
}
|
|
6167
|
-
break;
|
|
6168
|
-
case 'notEmpty':
|
|
6169
|
-
isRight = false;
|
|
6170
|
-
if (value) {
|
|
6171
|
-
isRight = true;
|
|
6172
|
-
}
|
|
6173
|
-
break;
|
|
6174
|
-
case 'empty':
|
|
6175
|
-
isRight = false;
|
|
6176
|
-
if (!value) {
|
|
6177
|
-
isRight = true;
|
|
6178
|
-
}
|
|
6179
|
-
break;
|
|
6180
|
-
default:
|
|
6181
|
-
isRight = false;
|
|
6182
|
-
break;
|
|
6414
|
+
refreshStatus() {
|
|
6415
|
+
if (!this.tableDatas.length) {
|
|
6416
|
+
this.syncSelection([], 'refreshStatus');
|
|
6417
|
+
return;
|
|
6183
6418
|
}
|
|
6184
|
-
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
|
|
6188
|
-
|
|
6189
|
-
|
|
6190
|
-
|
|
6191
|
-
|
|
6192
|
-
|
|
6193
|
-
|
|
6419
|
+
if (this.gridApi) {
|
|
6420
|
+
this.suppressSelectionEvents = true;
|
|
6421
|
+
let selected = false;
|
|
6422
|
+
try {
|
|
6423
|
+
this.gridApi.forEachNode(node => {
|
|
6424
|
+
const wanted = !!node.data && !!this.mapOfCheckedId[this.getDataId(node.data)] && !!node.selectable;
|
|
6425
|
+
const allowed = wanted && (this.rowSelection.mode === 'multiRow' || !selected);
|
|
6426
|
+
if (allowed)
|
|
6427
|
+
selected = true;
|
|
6428
|
+
node.setSelected(allowed);
|
|
6429
|
+
});
|
|
6194
6430
|
}
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
}
|
|
6198
|
-
uploadAction(e, action) {
|
|
6199
|
-
this.headerAction.emit({
|
|
6200
|
-
name: action.code,
|
|
6201
|
-
code: action.code,
|
|
6202
|
-
data: e
|
|
6203
|
-
});
|
|
6204
|
-
}
|
|
6205
|
-
doAction(code) {
|
|
6206
|
-
let action = {
|
|
6207
|
-
name: code,
|
|
6208
|
-
code: code,
|
|
6209
|
-
type: "rows"
|
|
6210
|
-
};
|
|
6211
|
-
let selectDatas = [];
|
|
6212
|
-
if (this.tableDatas && this.tableDatas.length > 0) {
|
|
6213
|
-
this.tableDatas.forEach((item) => {
|
|
6214
|
-
if (this.mapOfCheckedId[item.id])
|
|
6215
|
-
selectDatas.push(item);
|
|
6216
|
-
});
|
|
6217
|
-
}
|
|
6218
|
-
action.datas = selectDatas;
|
|
6219
|
-
if (selectDatas && selectDatas.length > 0) {
|
|
6220
|
-
action.firstData = selectDatas[0];
|
|
6221
|
-
}
|
|
6222
|
-
action.numberOfChecked = selectDatas.length;
|
|
6223
|
-
this.tableAction.emit(action);
|
|
6224
|
-
}
|
|
6225
|
-
doActionByRow(data, code, event) {
|
|
6226
|
-
event.preventDefault();
|
|
6227
|
-
if (event.stopPropagation) {
|
|
6228
|
-
event.stopPropagation();
|
|
6229
|
-
}
|
|
6230
|
-
let action = {
|
|
6231
|
-
name: code,
|
|
6232
|
-
code: code,
|
|
6233
|
-
type: "row"
|
|
6234
|
-
};
|
|
6235
|
-
action.data = data;
|
|
6236
|
-
action.firstData = data;
|
|
6237
|
-
action.numberOfChecked = 1;
|
|
6238
|
-
this.tableAction.emit(action);
|
|
6239
|
-
}
|
|
6240
|
-
getAllCheckInfo() {
|
|
6241
|
-
let ids = [];
|
|
6242
|
-
for (const key of Object.keys(this.mapOfCheckedId)) {
|
|
6243
|
-
if (this.mapOfCheckedId.hasOwnProperty(key) && this.mapOfCheckedId[key]) {
|
|
6244
|
-
ids.push(key);
|
|
6431
|
+
finally {
|
|
6432
|
+
this.suppressSelectionEvents = false;
|
|
6245
6433
|
}
|
|
6246
6434
|
}
|
|
6247
|
-
|
|
6248
|
-
}
|
|
6249
|
-
getAllCheckDatas() {
|
|
6250
|
-
let selectDatas = [];
|
|
6251
|
-
this.tableDatas.forEach((item) => {
|
|
6252
|
-
if (this.mapOfCheckedId[item.id])
|
|
6253
|
-
selectDatas.push(item);
|
|
6254
|
-
});
|
|
6255
|
-
return selectDatas;
|
|
6435
|
+
this.syncSelection(this.getSelectedRows(), 'refreshStatus');
|
|
6256
6436
|
}
|
|
6257
|
-
|
|
6258
|
-
|
|
6259
|
-
this.
|
|
6260
|
-
|
|
6261
|
-
refreshStatus() {
|
|
6262
|
-
if (!this.tableDatas || this.tableDatas.length <= 0) {
|
|
6263
|
-
return;
|
|
6264
|
-
}
|
|
6265
|
-
this.isAllDisplayDataChecked = this.tableDatas.every((item) => this.mapOfCheckedId[item.id]);
|
|
6266
|
-
this.isIndeterminate =
|
|
6267
|
-
this.tableDatas.some((item) => this.mapOfCheckedId[item.id]) &&
|
|
6268
|
-
!this.isAllDisplayDataChecked;
|
|
6269
|
-
this.numberOfChecked = this.tableDatas.filter((item) => this.mapOfCheckedId[item.id]).length;
|
|
6270
|
-
this.tableAction.emit({
|
|
6271
|
-
code: 'refreshStatus', name: 'select',
|
|
6272
|
-
type: "row", data: this.getAllCheckDatas()
|
|
6273
|
-
});
|
|
6437
|
+
isSelectable(data) {
|
|
6438
|
+
const predicate = this.queryOpts?.checkBox?.isRowSelectable;
|
|
6439
|
+
const node = this.gridApi?.getRowNode(this.getDataId(data));
|
|
6440
|
+
return !predicate || !!predicate(node || { data, id: this.getDataId(data) });
|
|
6274
6441
|
}
|
|
6275
6442
|
selectRow(data, rowNo) {
|
|
6276
|
-
// this.tableDatas.forEach(item => (this.mapOfCheckedId[data.id] = value));
|
|
6277
6443
|
this.curChecked = rowNo;
|
|
6278
|
-
if (
|
|
6279
|
-
|
|
6280
|
-
|
|
6281
|
-
|
|
6282
|
-
|
|
6444
|
+
if (this.queryOpts?.checkBox?.isForbid || !this.isSelectable(data))
|
|
6445
|
+
return;
|
|
6446
|
+
const node = this.gridApi?.getRowNode(this.getDataId(data));
|
|
6447
|
+
if (node)
|
|
6448
|
+
node.setSelected(!node.isSelected(), this.rowSelection.mode === 'singleRow');
|
|
6449
|
+
else {
|
|
6450
|
+
const key = this.getDataId(data);
|
|
6451
|
+
const selected = !this.mapOfCheckedId[key];
|
|
6452
|
+
if (this.rowSelection.mode === 'singleRow')
|
|
6283
6453
|
this.mapOfCheckedId = {};
|
|
6284
|
-
|
|
6285
|
-
|
|
6454
|
+
this.mapOfCheckedId[key] = selected;
|
|
6455
|
+
this.syncSelection(this.getSelectedRows());
|
|
6286
6456
|
}
|
|
6287
|
-
let action = {
|
|
6288
|
-
name: 'select',
|
|
6289
|
-
code: 'select',
|
|
6290
|
-
type: "row"
|
|
6291
|
-
};
|
|
6292
|
-
action.data = data;
|
|
6293
|
-
action.firstData = data;
|
|
6294
|
-
action.numberOfChecked = 1;
|
|
6295
|
-
this.tableAction.emit(action);
|
|
6296
|
-
this.refreshStatus();
|
|
6297
6457
|
}
|
|
6298
|
-
|
|
6299
|
-
|
|
6300
|
-
|
|
6301
|
-
|
|
6302
|
-
item.span = item.span || 8;
|
|
6303
|
-
if (!ToolsUtil.isNull(item.defaultVal)) {
|
|
6304
|
-
this.headerDefaultVal[item.key] = item.defaultVal;
|
|
6305
|
-
}
|
|
6306
|
-
if (item.isShow != false) {
|
|
6307
|
-
item.isShow = i < this.queryOpts.showNum;
|
|
6308
|
-
}
|
|
6309
|
-
this.atrForm.addControl(item.key, new UntypedFormControl());
|
|
6310
|
-
let type = item.type;
|
|
6311
|
-
switch (type) {
|
|
6312
|
-
case "select":
|
|
6313
|
-
this.getDictValue(item.dictCode);
|
|
6314
|
-
break;
|
|
6315
|
-
case "treeSelect":
|
|
6316
|
-
case "cascader":
|
|
6317
|
-
case "selectCus":
|
|
6318
|
-
if (item.selectUrl && item.selectUrl.url) {
|
|
6319
|
-
this.getDicList(item);
|
|
6320
|
-
}
|
|
6321
|
-
break;
|
|
6322
|
-
}
|
|
6323
|
-
});
|
|
6324
|
-
}
|
|
6458
|
+
doAction(code) {
|
|
6459
|
+
const rows = this.getSelectedRows();
|
|
6460
|
+
this.tableAction.emit({ name: code, code, type: 'rows', datas: rows,
|
|
6461
|
+
firstData: rows[0], numberOfChecked: rows.length });
|
|
6325
6462
|
}
|
|
6326
|
-
|
|
6327
|
-
|
|
6328
|
-
|
|
6329
|
-
}
|
|
6330
|
-
|
|
6331
|
-
|
|
6332
|
-
|
|
6333
|
-
|
|
6334
|
-
|
|
6335
|
-
|
|
6336
|
-
|
|
6337
|
-
|
|
6338
|
-
|
|
6339
|
-
|
|
6340
|
-
|
|
6341
|
-
});
|
|
6342
|
-
}
|
|
6343
|
-
else if (item.type == 'selectCus') {
|
|
6344
|
-
item.dictList = res.data.filter((child) => {
|
|
6345
|
-
keys.forEach((v) => {
|
|
6346
|
-
let vs = v.split("|");
|
|
6347
|
-
child[vs[0]] = child[vs[1]];
|
|
6348
|
-
});
|
|
6349
|
-
// child.value = child.id;
|
|
6350
|
-
// child.label = child.name;
|
|
6351
|
-
return true;
|
|
6352
|
-
});
|
|
6353
|
-
}
|
|
6354
|
-
});
|
|
6463
|
+
doActionByRow(data, code, event) {
|
|
6464
|
+
event?.preventDefault();
|
|
6465
|
+
event?.stopPropagation();
|
|
6466
|
+
this.tableAction.emit({ name: code, code, type: 'row', data, firstData: data, numberOfChecked: 1 });
|
|
6467
|
+
}
|
|
6468
|
+
doActionByRow2(e) {
|
|
6469
|
+
const { data, code, event, index } = e;
|
|
6470
|
+
event?.preventDefault();
|
|
6471
|
+
event?.stopPropagation();
|
|
6472
|
+
this.curChecked = index ?? -1;
|
|
6473
|
+
this.tableAction.emit({ name: code, code, type: 'row', data, firstData: data, numberOfChecked: index });
|
|
6474
|
+
}
|
|
6475
|
+
dbclickData(data, rowNo) {
|
|
6476
|
+
this.curChecked = rowNo;
|
|
6477
|
+
this.tableAction.emit({ name: 'dbclickData', code: 'dbclickData', type: 'row', data, firstData: data, numberOfChecked: 1 });
|
|
6355
6478
|
}
|
|
6356
|
-
|
|
6357
|
-
|
|
6358
|
-
|
|
6359
|
-
|
|
6360
|
-
|
|
6361
|
-
|
|
6362
|
-
this.query(true);
|
|
6479
|
+
onCellValueChanged(event) {
|
|
6480
|
+
this.getRowSpan();
|
|
6481
|
+
event.api.refreshCells({ rowNodes: [event.node], force: true });
|
|
6482
|
+
this.tableAction.emit({ name: '单元格修改', code: 'cellValueChanged', type: 'row', data: event.data,
|
|
6483
|
+
firstData: event.data, value: event.newValue, numberOfChecked: 1,
|
|
6484
|
+
oldValue: event.oldValue, columnKey: event.colDef.field, rowIndex: event.rowIndex });
|
|
6363
6485
|
}
|
|
6364
|
-
|
|
6365
|
-
|
|
6486
|
+
isShowColor(data) {
|
|
6487
|
+
const color = this.queryOpts?.color;
|
|
6488
|
+
return color?.color && matchesTableCondition(data, color.operator) ? color.color : '';
|
|
6366
6489
|
}
|
|
6367
|
-
|
|
6368
|
-
|
|
6369
|
-
|
|
6370
|
-
|
|
6371
|
-
|
|
6372
|
-
|
|
6373
|
-
|
|
6374
|
-
|
|
6375
|
-
|
|
6490
|
+
isShowBtn(data, operator, action) { return matchesTableCondition(data, operator); }
|
|
6491
|
+
checkIsShowBase(op, data) { return matchesTableCondition(data, op.join('|')); }
|
|
6492
|
+
compare(value, operator, target) { return compareTableValue(value, operator, target); }
|
|
6493
|
+
isEnable(operator) {
|
|
6494
|
+
if (!operator)
|
|
6495
|
+
return false;
|
|
6496
|
+
const state = { count: this.numberOfChecked, numberOfChecked: this.numberOfChecked };
|
|
6497
|
+
for (const clause of operator.split(/&&|\|\|/))
|
|
6498
|
+
state[clause.trim().split('|')[0]] = this.numberOfChecked;
|
|
6499
|
+
return !matchesTableCondition(state, operator);
|
|
6376
6500
|
}
|
|
6377
|
-
|
|
6378
|
-
|
|
6379
|
-
|
|
6380
|
-
|
|
6381
|
-
|
|
6382
|
-
|
|
6383
|
-
|
|
6384
|
-
|
|
6385
|
-
|
|
6386
|
-
|
|
6387
|
-
|
|
6388
|
-
this.
|
|
6389
|
-
|
|
6501
|
+
async initHeader() {
|
|
6502
|
+
const currentValues = this.atrForm.getRawValue();
|
|
6503
|
+
this.headerDefaultVal = {};
|
|
6504
|
+
this.searchHeaders = (this.queryOpts?.headers || []).map((header) => ({ ...header, span: header.span ?? 8 }));
|
|
6505
|
+
const controls = {};
|
|
6506
|
+
for (const item of this.searchHeaders) {
|
|
6507
|
+
this.headerDefaultVal[item.key] = item.defaultVal ?? null;
|
|
6508
|
+
controls[item.key] = new UntypedFormControl(Object.prototype.hasOwnProperty.call(currentValues, item.key)
|
|
6509
|
+
? currentValues[item.key] : item.defaultVal ?? null);
|
|
6510
|
+
}
|
|
6511
|
+
this.atrForm = this.fb.group(controls);
|
|
6512
|
+
await Promise.all(this.searchHeaders.map(async (item) => {
|
|
6513
|
+
if (item.type === 'select' && item.dictCode)
|
|
6514
|
+
await this.getDictValue(item.dictCode);
|
|
6515
|
+
else if (item.selectUrl?.url)
|
|
6516
|
+
await this.getDicList(item);
|
|
6517
|
+
}));
|
|
6518
|
+
}
|
|
6519
|
+
loadDictionary(code) {
|
|
6520
|
+
if (!code)
|
|
6521
|
+
return Promise.resolve([]);
|
|
6522
|
+
if (this.loadedDictionaries.has(code))
|
|
6523
|
+
return Promise.resolve(this.dicts[code] || []);
|
|
6524
|
+
const pending = this.pendingDictionaries.get(code);
|
|
6525
|
+
if (pending)
|
|
6526
|
+
return pending;
|
|
6527
|
+
const request = firstValueFrom(this.dictService.getDictBycode(code)
|
|
6528
|
+
.pipe(take(1), timeout(15000), takeUntil(this.destroy$)))
|
|
6529
|
+
.then(group => {
|
|
6530
|
+
const list = Array.isArray(group?.dicts) ? group.dicts : [];
|
|
6531
|
+
if (!this.destroyed) {
|
|
6532
|
+
this.dicts[code] = list;
|
|
6533
|
+
this.dictMap[code] = Object.fromEntries(list.map(item => [String(item.id), item.typeName]));
|
|
6534
|
+
if (Array.isArray(group?.dicts))
|
|
6535
|
+
this.loadedDictionaries.add(code);
|
|
6536
|
+
}
|
|
6537
|
+
return list;
|
|
6538
|
+
}).catch(() => {
|
|
6539
|
+
if (!this.destroyed) {
|
|
6540
|
+
this.dicts[code] = [];
|
|
6541
|
+
this.dictMap[code] = {};
|
|
6542
|
+
}
|
|
6543
|
+
return [];
|
|
6544
|
+
}).finally(() => this.pendingDictionaries.delete(code));
|
|
6545
|
+
this.pendingDictionaries.set(code, request);
|
|
6546
|
+
return request;
|
|
6390
6547
|
}
|
|
6391
|
-
|
|
6392
|
-
|
|
6393
|
-
|
|
6548
|
+
getDictValue(code) { return this.loadDictionary(code); }
|
|
6549
|
+
async getDicList(item) {
|
|
6550
|
+
if (!item.selectUrl?.url)
|
|
6551
|
+
return;
|
|
6552
|
+
try {
|
|
6553
|
+
const response = await firstValueFrom(this.httpService.post(item.selectUrl.url, {}, ToolsUtil.getHttpOptions())
|
|
6554
|
+
.pipe(take(1), timeout(15000), takeUntil(this.destroy$)));
|
|
6555
|
+
if (this.destroyed || !Array.isArray(response?.data))
|
|
6556
|
+
return;
|
|
6557
|
+
const keys = (item.selectUrl.convert || '').split(',').filter(Boolean).map(pair => pair.split('|'));
|
|
6558
|
+
const convert = (rows) => rows.map(row => {
|
|
6559
|
+
const value = { ...row };
|
|
6560
|
+
for (const [target, source] of keys)
|
|
6561
|
+
if (target && source)
|
|
6562
|
+
value[target] = row[source];
|
|
6563
|
+
if (Array.isArray(row.children))
|
|
6564
|
+
value.children = convert(row.children);
|
|
6565
|
+
else if (item.type === 'cascader')
|
|
6566
|
+
value.isLeaf = row.isLeaf ?? true;
|
|
6567
|
+
return value;
|
|
6568
|
+
});
|
|
6569
|
+
const rows = convert(response.data);
|
|
6570
|
+
if (item.type === 'treeSelect')
|
|
6571
|
+
item.treeList = rows;
|
|
6572
|
+
else
|
|
6573
|
+
item.dictList = rows;
|
|
6574
|
+
this.cd.markForCheck();
|
|
6575
|
+
}
|
|
6576
|
+
catch {
|
|
6577
|
+
if (item.type === 'treeSelect')
|
|
6578
|
+
item.treeList = [];
|
|
6579
|
+
else
|
|
6580
|
+
item.dictList = [];
|
|
6394
6581
|
}
|
|
6395
|
-
this.query(true);
|
|
6396
6582
|
}
|
|
6583
|
+
setFormValue(key, value) { this.atrForm.get(key)?.setValue(value); this.query(true); }
|
|
6397
6584
|
resetForm() {
|
|
6398
|
-
|
|
6399
|
-
|
|
6400
|
-
|
|
6401
|
-
|
|
6402
|
-
|
|
6403
|
-
}
|
|
6404
|
-
this.headerAction.emit({
|
|
6405
|
-
name: '重置',
|
|
6406
|
-
code: 'resetForm',
|
|
6407
|
-
});
|
|
6585
|
+
this.atrForm.reset({ ...this.headerDefaultVal });
|
|
6586
|
+
this.headerAction.emit({ name: '重置', code: 'resetForm' });
|
|
6587
|
+
}
|
|
6588
|
+
toggleCollapse() {
|
|
6589
|
+
this.isCollapse = !this.isCollapse;
|
|
6590
|
+
this.headerAction.emit({ name: '收起/展开', code: 'collapse', data: this.isCollapse, value: this.isCollapse });
|
|
6408
6591
|
}
|
|
6409
6592
|
selectChange(value, item) {
|
|
6410
|
-
|
|
6411
|
-
let action = {
|
|
6412
|
-
name: item.label,
|
|
6413
|
-
code: item.key,
|
|
6414
|
-
data: item,
|
|
6415
|
-
value: value,
|
|
6416
|
-
};
|
|
6417
|
-
this.headerAction.emit(action);
|
|
6593
|
+
this.headerAction.emit({ name: item.name || item.label, code: item.key, data: item, value });
|
|
6418
6594
|
}
|
|
6419
|
-
clickIcon(value, item,
|
|
6420
|
-
|
|
6421
|
-
|
|
6422
|
-
let action = {
|
|
6423
|
-
name: item.name,
|
|
6424
|
-
code: item.icon?.code ? item.icon?.code : "",
|
|
6425
|
-
data: item,
|
|
6426
|
-
value: value,
|
|
6427
|
-
};
|
|
6428
|
-
this.headerAction.emit(action);
|
|
6595
|
+
clickIcon(value, item, event) {
|
|
6596
|
+
event?.stopPropagation();
|
|
6597
|
+
this.headerAction.emit({ name: item.name, code: item.icon?.code || '', data: item, value });
|
|
6429
6598
|
}
|
|
6430
|
-
|
|
6431
|
-
|
|
6599
|
+
uploadAction(event, action) {
|
|
6600
|
+
this.headerAction.emit({ name: action.code, code: action.code, data: event });
|
|
6601
|
+
}
|
|
6602
|
+
getQueryParams(reset = false) {
|
|
6603
|
+
if (reset)
|
|
6432
6604
|
this.pageIndex = 1;
|
|
6433
|
-
}
|
|
6434
|
-
|
|
6435
|
-
|
|
6436
|
-
|
|
6437
|
-
|
|
6438
|
-
|
|
6439
|
-
|
|
6440
|
-
|
|
6441
|
-
|
|
6442
|
-
|
|
6443
|
-
|
|
6444
|
-
|
|
6445
|
-
|
|
6446
|
-
|
|
6447
|
-
|
|
6448
|
-
|
|
6449
|
-
|
|
6450
|
-
|
|
6451
|
-
|
|
6452
|
-
|
|
6453
|
-
|
|
6454
|
-
|
|
6455
|
-
|
|
6456
|
-
|
|
6457
|
-
|
|
6458
|
-
|
|
6459
|
-
|
|
6460
|
-
|
|
6461
|
-
|
|
6462
|
-
params[end] = formatDate(this.atrForm.value[key][1], formate, this.locale);
|
|
6463
|
-
}
|
|
6464
|
-
else if (this.getHederType(key) == "dayRange") {
|
|
6465
|
-
let begin = key + "Begin";
|
|
6466
|
-
let end = key + "End";
|
|
6467
|
-
params[begin] = formatDate(this.atrForm.value[key][0], 'yyyy-MM-dd 00:00:00', this.locale);
|
|
6468
|
-
params[end] = formatDate(this.atrForm.value[key][1], 'yyyy-MM-dd 23:59:59', this.locale);
|
|
6469
|
-
}
|
|
6470
|
-
else if (this.getHederType(key) == "sdate") {
|
|
6471
|
-
params[key] = formatDate(this.atrForm.value[key], 'yyyy-MM-dd 00:00:00', this.locale);
|
|
6472
|
-
}
|
|
6473
|
-
else if (this.getHederType(key) == "treeSelect") {
|
|
6474
|
-
let value = this.atrForm.value[key];
|
|
6475
|
-
if (typeof value == 'string') {
|
|
6476
|
-
params[key] = this.atrForm.value[key];
|
|
6477
|
-
}
|
|
6478
|
-
else {
|
|
6479
|
-
params[key] = this.atrForm.value[key].join();
|
|
6480
|
-
}
|
|
6481
|
-
}
|
|
6482
|
-
else if (this.getHederType(key) == "cascader" || this.getHederType(key, 'nzMode') == 'multiple') {
|
|
6483
|
-
params[key] = this.atrForm.value[key].join();
|
|
6484
|
-
}
|
|
6485
|
-
else {
|
|
6486
|
-
params[key] = this.atrForm.value[key];
|
|
6487
|
-
}
|
|
6605
|
+
const params = { ...this.queryHeaders, ...this.defaultParams, page: this.pageIndex, limit: this.pageSize };
|
|
6606
|
+
const sort = this.getSortInfo();
|
|
6607
|
+
if (sort)
|
|
6608
|
+
params[this.sortKey] = sort;
|
|
6609
|
+
else
|
|
6610
|
+
delete params[this.sortKey];
|
|
6611
|
+
for (const header of this.searchHeaders) {
|
|
6612
|
+
const value = this.atrForm.get(header.key)?.value;
|
|
6613
|
+
if (isEmptyTableValue(value))
|
|
6614
|
+
continue;
|
|
6615
|
+
const key = header.key;
|
|
6616
|
+
if (header.type === 'dateRange' || header.type === 'dayRange') {
|
|
6617
|
+
if (!Array.isArray(value) || value.length !== 2 || value.some(isEmptyTableValue))
|
|
6618
|
+
continue;
|
|
6619
|
+
const showTime = header.nzShowTime;
|
|
6620
|
+
const timeEnabled = !!showTime && (typeof showTime !== 'object' || showTime.isShowTime !== false);
|
|
6621
|
+
const timeFormat = timeEnabled && typeof showTime === 'object' ? showTime.nzFormat : '';
|
|
6622
|
+
const format = timeFormat ? (/[yMd]/.test(timeFormat) ? timeFormat : `yyyy-MM-dd ${timeFormat}`)
|
|
6623
|
+
: timeEnabled ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd 00:00:00';
|
|
6624
|
+
params[`${key}Begin`] = formatDate(value[0], header.type === 'dayRange' ? 'yyyy-MM-dd 00:00:00' : format, this.locale);
|
|
6625
|
+
params[`${key}End`] = formatDate(value[1], header.type === 'dayRange' ? 'yyyy-MM-dd 23:59:59' : format, this.locale);
|
|
6626
|
+
}
|
|
6627
|
+
else if (header.type === 'sdate' || header.type === 'datepicker') {
|
|
6628
|
+
const showTime = header.nzShowTime;
|
|
6629
|
+
const timeEnabled = !!showTime && (typeof showTime !== 'object' || showTime.isShowTime !== false);
|
|
6630
|
+
const timeFormat = timeEnabled && typeof showTime === 'object' ? showTime.nzFormat : '';
|
|
6631
|
+
const format = timeFormat ? (/[yMd]/.test(timeFormat) ? timeFormat : `yyyy-MM-dd ${timeFormat}`)
|
|
6632
|
+
: timeEnabled ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd 00:00:00';
|
|
6633
|
+
params[key] = formatDate(value, format, this.locale);
|
|
6488
6634
|
}
|
|
6635
|
+
else
|
|
6636
|
+
params[key] = Array.isArray(value) ? value.join(',') : value;
|
|
6489
6637
|
}
|
|
6490
|
-
console.log(params);
|
|
6491
6638
|
return params;
|
|
6492
6639
|
}
|
|
6493
|
-
getHederType(
|
|
6494
|
-
|
|
6495
|
-
for (let header of this.queryOpts.headers) {
|
|
6496
|
-
if (cusKey == header.key) {
|
|
6497
|
-
type = header[typeKey || 'type'];
|
|
6498
|
-
break;
|
|
6499
|
-
}
|
|
6500
|
-
}
|
|
6501
|
-
return type;
|
|
6502
|
-
}
|
|
6503
|
-
setDefaultParams(params, reset = true) {
|
|
6504
|
-
this.defaultParams = params;
|
|
6505
|
-
this.query(reset);
|
|
6506
|
-
}
|
|
6640
|
+
getHederType(key, typeKey = 'type') { return this.searchHeaders.find(header => header.key === key)?.[typeKey]; }
|
|
6641
|
+
setDefaultParams(params, reset = true) { this.defaultParams = { ...params }; this.query(reset); }
|
|
6507
6642
|
getSortInfo() {
|
|
6508
|
-
|
|
6509
|
-
|
|
6510
|
-
|
|
6511
|
-
|
|
6512
|
-
|
|
6513
|
-
|
|
6514
|
-
|
|
6643
|
+
return Object.entries(this.sortMap).filter(([, value]) => value === 'asc' || value === 'desc')
|
|
6644
|
+
.map(([key, value]) => `${key}|${value}`).join(',');
|
|
6645
|
+
}
|
|
6646
|
+
parseSort(sort) {
|
|
6647
|
+
const result = {};
|
|
6648
|
+
for (const item of (sort || '').split(',')) {
|
|
6649
|
+
const [key, value] = item.trim().split('|');
|
|
6650
|
+
if (key && (value === 'asc' || value === 'desc'))
|
|
6651
|
+
result[key] = value;
|
|
6515
6652
|
}
|
|
6516
|
-
|
|
6517
|
-
order = orderby.join(",");
|
|
6518
|
-
return order;
|
|
6653
|
+
return result;
|
|
6519
6654
|
}
|
|
6520
|
-
|
|
6521
|
-
|
|
6522
|
-
this.
|
|
6655
|
+
sort(sortName, value) {
|
|
6656
|
+
const normalized = value === 'ascend' ? 'asc' : value === 'descend' ? 'desc' : value;
|
|
6657
|
+
this.sortMap = normalized === 'asc' || normalized === 'desc' ? { [sortName]: normalized } : {};
|
|
6658
|
+
if (this.gridApi)
|
|
6659
|
+
this.gridApi.applyColumnState({ state: [...this.columnTables].map(([colId, table]) => ({
|
|
6660
|
+
colId, sort: table.sortKey === sortName || table.key === sortName ? normalized || null : null
|
|
6661
|
+
})), defaultState: { sort: null } });
|
|
6523
6662
|
this.query(true);
|
|
6524
6663
|
}
|
|
6525
|
-
|
|
6526
|
-
|
|
6527
|
-
this.pageIndex =
|
|
6664
|
+
PageSizeChange(size) { this.pageSize = size; this.normalizePagination(); this.query(true); }
|
|
6665
|
+
PageIndexChange(page) {
|
|
6666
|
+
this.pageIndex = Number.isFinite(Number(page)) ? Math.max(1, Math.floor(Number(page))) : 1;
|
|
6528
6667
|
this.query();
|
|
6529
6668
|
}
|
|
6530
|
-
|
|
6531
|
-
|
|
6532
|
-
|
|
6533
|
-
this.
|
|
6534
|
-
|
|
6669
|
+
normalizePagination() {
|
|
6670
|
+
const size = Math.floor(Number(this.pageSize));
|
|
6671
|
+
this.pageSize = Number.isFinite(size) && size >= 1 ? size : 20;
|
|
6672
|
+
this.pageSizeOptions = [...new Set((this.pageSizeOptions || []).map(value => Math.floor(Number(value)))
|
|
6673
|
+
.filter(value => Number.isFinite(value) && value >= 1))];
|
|
6674
|
+
if (!this.pageSizeOptions.includes(this.pageSize))
|
|
6675
|
+
this.pageSizeOptions = [...this.pageSizeOptions, this.pageSize].sort((a, b) => a - b);
|
|
6676
|
+
}
|
|
6677
|
+
setDates(response) { this.cancelQuery(); this.applyData(response); }
|
|
6678
|
+
applyData(response) {
|
|
6679
|
+
this.tableDatas = Array.isArray(response) ? response.slice() : Array.isArray(response?.data) ? response.data.slice() : [];
|
|
6680
|
+
const total = Number(response?.page?.totalResult ?? this.tableDatas.length);
|
|
6681
|
+
this.total = Number.isFinite(total) && total >= 0 ? total : this.tableDatas.length;
|
|
6682
|
+
const currentPage = Number(response?.page?.currentPage);
|
|
6683
|
+
if (Number.isFinite(currentPage) && currentPage > 0)
|
|
6684
|
+
this.pageIndex = currentPage;
|
|
6535
6685
|
this.loading = false;
|
|
6686
|
+
this.queryError = '';
|
|
6687
|
+
this.curChecked = -1;
|
|
6688
|
+
this.suppressSelectionEvents = true;
|
|
6689
|
+
try {
|
|
6690
|
+
this.gridApi?.deselectAll();
|
|
6691
|
+
}
|
|
6692
|
+
finally {
|
|
6693
|
+
this.suppressSelectionEvents = false;
|
|
6694
|
+
}
|
|
6695
|
+
this.syncSelection([]);
|
|
6536
6696
|
this.getRowSpan();
|
|
6537
6697
|
this.refreshVisibleTables();
|
|
6538
|
-
this.
|
|
6539
|
-
this.curChecked = -1;
|
|
6540
|
-
this.refreshStatus();
|
|
6698
|
+
this.cd.markForCheck();
|
|
6541
6699
|
}
|
|
6542
6700
|
query(reset = false) {
|
|
6543
|
-
|
|
6544
|
-
|
|
6545
|
-
|
|
6546
|
-
|
|
6701
|
+
if (this.destroyed)
|
|
6702
|
+
return;
|
|
6703
|
+
this.cancelQuery();
|
|
6704
|
+
const revision = this.requestRevision;
|
|
6705
|
+
const params = this.getQueryParams(reset);
|
|
6706
|
+
this.queryError = '';
|
|
6707
|
+
if (!this.queryOpts?.url) {
|
|
6708
|
+
this.loading = false;
|
|
6709
|
+
this.queryBack.emit({ name: '', code: 'query', data: params, params });
|
|
6710
|
+
return;
|
|
6547
6711
|
}
|
|
6548
|
-
|
|
6549
|
-
|
|
6550
|
-
|
|
6551
|
-
|
|
6712
|
+
this.loading = true;
|
|
6713
|
+
this.queryTime = formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss', this.locale);
|
|
6714
|
+
this.querySubscription = defer(() => this.httpService.post(this.queryOpts.url, { ...params }, ToolsUtil.getHttpOptions()))
|
|
6715
|
+
.pipe(take(1), timeout(30000), throwIfEmpty(() => new Error('查询未返回数据，请重试')), takeUntil(this.destroy$), finalize(() => {
|
|
6716
|
+
if (!this.destroyed && revision === this.requestRevision) {
|
|
6552
6717
|
this.loading = false;
|
|
6553
|
-
|
|
6554
|
-
|
|
6555
|
-
|
|
6556
|
-
|
|
6557
|
-
|
|
6558
|
-
|
|
6718
|
+
this.cd.markForCheck();
|
|
6719
|
+
}
|
|
6720
|
+
})).subscribe({
|
|
6721
|
+
next: result => {
|
|
6722
|
+
if (this.destroyed || revision !== this.requestRevision)
|
|
6723
|
+
return;
|
|
6724
|
+
if (Number(result?.status) !== 200 || !Array.isArray(result?.data)) {
|
|
6725
|
+
this.handleQueryError(result?.message || '查询响应格式不正确', params, revision);
|
|
6726
|
+
return;
|
|
6559
6727
|
}
|
|
6560
|
-
|
|
6561
|
-
this.
|
|
6562
|
-
|
|
6563
|
-
|
|
6564
|
-
|
|
6565
|
-
|
|
6566
|
-
}
|
|
6728
|
+
this.queryBack.emit({ name: '查询', code: 'query', result, params });
|
|
6729
|
+
if (revision === this.requestRevision)
|
|
6730
|
+
this.applyData(result);
|
|
6731
|
+
},
|
|
6732
|
+
error: error => this.handleQueryError(error, params, revision)
|
|
6733
|
+
});
|
|
6567
6734
|
}
|
|
6568
|
-
|
|
6569
|
-
|
|
6570
|
-
|
|
6735
|
+
handleQueryError(error, params, revision) {
|
|
6736
|
+
if (this.destroyed || revision !== this.requestRevision)
|
|
6737
|
+
return;
|
|
6738
|
+
this.loading = false;
|
|
6739
|
+
this.queryError = typeof error === 'string' ? error : error?.name === 'TimeoutError'
|
|
6740
|
+
? '查询超时，请重试' : error?.error?.message || error?.message || '查询失败，请重试';
|
|
6741
|
+
this.queryBack.emit({ name: '查询失败', code: 'queryError', error, params });
|
|
6742
|
+
this.cd.markForCheck();
|
|
6743
|
+
}
|
|
6744
|
+
cancelQuery() { ++this.requestRevision; this.querySubscription?.unsubscribe(); this.querySubscription = undefined; }
|
|
6745
|
+
setTableLoadding(loading) { this.loading = loading; }
|
|
6746
|
+
pushTableDatas(rows) {
|
|
6747
|
+
if (!Array.isArray(rows))
|
|
6748
|
+
return;
|
|
6749
|
+
this.tableDatas = [...this.tableDatas, ...rows];
|
|
6750
|
+
this.total += rows.length;
|
|
6751
|
+
this.getRowSpan();
|
|
6571
6752
|
}
|
|
6572
|
-
|
|
6573
|
-
|
|
6574
|
-
|
|
6575
|
-
|
|
6753
|
+
removeDatas(key, value) {
|
|
6754
|
+
const remaining = this.tableDatas.filter(row => getTableValue(row, key) !== value);
|
|
6755
|
+
this.total = Math.max(0, this.total - (this.tableDatas.length - remaining.length));
|
|
6756
|
+
this.tableDatas = remaining;
|
|
6757
|
+
this.gridApi?.forEachNode(node => { if (node.data && getTableValue(node.data, key) === value)
|
|
6758
|
+
node.setSelected(false); });
|
|
6759
|
+
this.syncSelection(this.getSelectedRows().filter(row => getTableValue(row, key) !== value));
|
|
6760
|
+
this.getRowSpan();
|
|
6576
6761
|
}
|
|
6577
|
-
|
|
6578
|
-
|
|
6579
|
-
|
|
6580
|
-
|
|
6581
|
-
|
|
6582
|
-
|
|
6583
|
-
|
|
6584
|
-
|
|
6762
|
+
getImageList(value, defaultVal) {
|
|
6763
|
+
const real = isEmptyTableValue(value) ? defaultVal : value;
|
|
6764
|
+
if (isEmptyTableValue(real))
|
|
6765
|
+
return [];
|
|
6766
|
+
return Array.isArray(real) ? real : String(real).startsWith('data:') ? [real] : String(real).split(',').filter(Boolean);
|
|
6767
|
+
}
|
|
6768
|
+
refreshVisibleTables() { this.visibleTables = this.tables.filter(item => item.isShow !== false); }
|
|
6769
|
+
setColumnVisible(key, visible) {
|
|
6770
|
+
const ids = [...this.columnTables].filter(([id, table]) => id === key || table.key === key).map(([id]) => id);
|
|
6771
|
+
for (const id of ids) {
|
|
6772
|
+
const definition = this.columnDefs.find(column => column.colId === id);
|
|
6773
|
+
if (definition)
|
|
6774
|
+
definition.hide = !visible;
|
|
6775
|
+
}
|
|
6776
|
+
this.gridApi?.setColumnsVisible(ids, visible);
|
|
6777
|
+
this.cd.markForCheck();
|
|
6778
|
+
}
|
|
6779
|
+
exportCsv(fileName = 'table.csv') {
|
|
6780
|
+
this.gridApi?.exportDataAsCsv({ fileName, skipColumnGroupHeaders: true,
|
|
6781
|
+
processCellCallback: params => {
|
|
6782
|
+
const value = params.formatValue(params.value) ?? params.value ?? '';
|
|
6783
|
+
return typeof value === 'string' && /^[=+\-@\t\r]/.test(value) ? `'${value}` : value;
|
|
6784
|
+
},
|
|
6785
|
+
columnKeys: this.gridApi.getAllDisplayedColumns()
|
|
6786
|
+
.map(column => column.getColId()).filter(id => id !== '__index__' && this.columnTables.get(id)?.type !== 'action') });
|
|
6787
|
+
}
|
|
6788
|
+
getRowSpan() {
|
|
6789
|
+
this.rowSpanMap = {};
|
|
6790
|
+
for (const table of this.tables.filter(item => item.isRowSpan)) {
|
|
6791
|
+
const key = table.key || '';
|
|
6792
|
+
const spans = {};
|
|
6793
|
+
for (let start = 0; start < this.tableDatas.length;) {
|
|
6794
|
+
let end = start + 1;
|
|
6795
|
+
while (end < this.tableDatas.length && getTableValue(this.tableDatas[start], key) === getTableValue(this.tableDatas[end], key))
|
|
6796
|
+
end++;
|
|
6797
|
+
spans[start] = { num: end - start };
|
|
6798
|
+
for (let index = start + 1; index < end; index++)
|
|
6799
|
+
spans[index] = { num: 0 };
|
|
6800
|
+
start = end;
|
|
6585
6801
|
}
|
|
6586
|
-
|
|
6587
|
-
const cur = this.tableDatas[index][key];
|
|
6588
|
-
const pre = this.tableDatas[index - 1][key];
|
|
6589
|
-
return !(cur == pre);
|
|
6802
|
+
this.rowSpanMap[key] = spans;
|
|
6590
6803
|
}
|
|
6591
|
-
return item.isShow;
|
|
6592
6804
|
}
|
|
6593
|
-
|
|
6594
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AtrGridTableComponent, isStandalone: false, selector: "atr-grid-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n <ng-content select=\"[header-left-slot]\"></ng-content>\r\n <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n [nzSpan]=\"header.span\">\r\n <app-table-form-item\r\n [header]=\"header\"\r\n [ngModel]=\"header.defaultVal\"\r\n [dictList]=\"dicts[header.dictCode]\"\r\n [formControlName]=\"header.key\"\r\n (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n </div>\r\n <ng-content select=\"[header-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-row nzType=\"flex\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n <ng-content select=\"[button-left-slot]\"></ng-content>\r\n <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\r\n [withoutRole]=\"action.withoutRole\"\r\n style=\" display: inline-block;\"></atr-local-upload>\r\n <ng-container *ngIf=\"!action.gType\">\r\n <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n *atrRole=\"action.withoutRole ? null:action.code\"\r\n [disabled]=\"isEnable(action.operator)\">{{action.name}} </button>\r\n </ng-container>\r\n </ng-container>\r\n <ng-content select=\"[button-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n </form>\r\n <ag-grid-angular *ngIf=\"isAllLoad\"\r\n class=\"full-screen\"\r\n [rowSelection]=\"rowSelection\"\r\n [ngStyle]=\"{height: tableHeight}\"\r\n [rowData]=\"tableDatas\"\r\n [loading]=\"loading\"\r\n [alwaysMultiSort]=\"true\"\r\n [enableCellTextSelection]=\"true\"\r\n (gridReady)=\"onGridReady($event)\"\r\n (selectionChanged)=\"onSelectionChanged($event)\"\r\n (sortChanged)=\"onSortChanged($event)\"\r\n [pagination]=\"true\"\r\n [paginationPageSize]=\"pageSize\"\r\n [suppressPaginationPanel]=\"true\"\r\n [columnDefs]=\"columnDefs\"/>\r\n <div class=\"flex\" style=\"justify-content: flex-end;background: white\">\r\n <div class=\"flex \" style=\"align-items: center\">\r\n \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n </div>\r\n\r\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n [nzSize]=\"'small'\"\r\n [nzPageSizeOptions]=\"pageSizeOptions\"\r\n (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n ></nz-pagination>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}:host ::ng-deep .atr-action-cell,:host ::ng-deep .atr-action-cell .ag-cell-wrapper,:host ::ng-deep .atr-action-cell .ag-cell-value{display:flex;align-items:center}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i8$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: i14$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "suppressContentVisibilityAuto", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
|
|
6805
|
+
checkShowTd(item, index) {
|
|
6806
|
+
return item.isShow !== false && (!item.isRowSpan || (this.rowSpanMap[item.key || '']?.[index]?.num ?? 1) > 0);
|
|
6807
|
+
}
|
|
6808
|
+
canDragRows() { return this.allowDrag && !this.getSortInfo() && !this.gridApi?.isAnyFilterPresent(); }
|
|
6809
|
+
onRowDragEnd(event) {
|
|
6810
|
+
if (!this.canDragRows() || !event.overNode?.data)
|
|
6811
|
+
return;
|
|
6812
|
+
this.reorderRows(this.tableDatas.indexOf(event.node.data), this.tableDatas.indexOf(event.overNode.data));
|
|
6813
|
+
}
|
|
6814
|
+
drop(event) { if (this.canDragRows())
|
|
6815
|
+
this.reorderRows(event.previousIndex, event.currentIndex); }
|
|
6816
|
+
reorderRows(from, to) {
|
|
6817
|
+
if (from < 0 || to < 0 || from === to || from >= this.tableDatas.length || to >= this.tableDatas.length)
|
|
6818
|
+
return;
|
|
6819
|
+
const rows = this.tableDatas.slice();
|
|
6820
|
+
moveItemInArray(rows, from, to);
|
|
6821
|
+
this.tableDatas = rows;
|
|
6822
|
+
this.getRowSpan();
|
|
6823
|
+
this.tableAction.emit({ name: 'drag', code: 'drag', type: 'rows', data: rows[to], datas: rows, value: { previousIndex: from, currentIndex: to } });
|
|
6824
|
+
this.cd.markForCheck();
|
|
6825
|
+
}
|
|
6826
|
+
onResize(event, item) {
|
|
6827
|
+
if (event.width) {
|
|
6828
|
+
item.width = event.width;
|
|
6829
|
+
this.resizeDirection = event.direction || null;
|
|
6830
|
+
if (this.gridApi && item.key)
|
|
6831
|
+
this.gridApi.setColumnWidths([{ key: item.key, newWidth: event.width }]);
|
|
6832
|
+
}
|
|
6833
|
+
}
|
|
6834
|
+
contextMenu(event, menu) { this.injector.get(NzContextMenuService).create(event, menu); }
|
|
6835
|
+
get httpService() { return this.injector.get(HttpService); }
|
|
6836
|
+
get dictService() { return this.injector.get(DictService); }
|
|
6837
|
+
ngOnDestroy() {
|
|
6838
|
+
this.destroyed = true;
|
|
6839
|
+
++this.configRevision;
|
|
6840
|
+
++this.columnRevision;
|
|
6841
|
+
this.cancelQuery();
|
|
6842
|
+
this.destroy$.next();
|
|
6843
|
+
this.destroy$.complete();
|
|
6844
|
+
this.resizeObserver?.disconnect();
|
|
6845
|
+
if (this.widthId)
|
|
6846
|
+
clearTimeout(this.widthId);
|
|
6847
|
+
this.gridApi = null;
|
|
6848
|
+
}
|
|
6849
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrGridTableComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: OssImgPipe }, { token: DefaultValPipe }, { token: i2$1.DatePipe }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6850
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AtrGridTableComponent, isStandalone: false, selector: "atr-grid-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders", rowKey: "rowKey", gridOptions: "gridOptions" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-content\" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\n *ngIf=\"searchHeaders.length || actions.length || title\" #formContent (ngSubmit)=\"query(true)\">\n <div nz-row [nzGutter]=\"16\">\n <ng-content select=\"[header-left-slot]\"></ng-content>\n <ng-container *ngFor=\"let header of searchHeaders; let index = index\">\n <div nz-col [hidden]=\"!isHeaderVisible(header, index)\" [nzSpan]=\"header.span || 8\">\n <app-table-form-item [header]=\"header\" [dictList]=\"dicts[header.dictCode || ''] || header.dictList || []\"\n [formControlName]=\"header.key\" (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\n </div>\n </ng-container>\n <ng-content select=\"[header-right-slot]\"></ng-content>\n </div>\n <div class=\"table-toolbar\">\n <div class=\"action-area\">\n <ng-content select=\"[button-left-slot]\"></ng-content>\n <ng-container *ngFor=\"let action of actions\">\n <atr-local-upload *ngIf=\"action.gType === 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\n [name]=\"action.name\" [withoutRole]=\"action.withoutRole\" (afterChange)=\"uploadAction($event, action)\"></atr-local-upload>\n <ng-container *ngIf=\"!action.gType || action.gType === 'normal'\">\n <button type=\"button\" nz-button nzSize=\"small\"\n [nzType]=\"action.buttonType && action.buttonType !== 'danger' ? action.buttonType : 'primary'\"\n [nzDanger]=\"action.buttonType === 'danger'\" [ngClass]=\"action.className || ''\"\n *atrRole=\"action.withoutRole ? 'any' : action.code\" [disabled]=\"isEnable(action.operator)\"\n (click)=\"doAction(action.code)\"><i *ngIf=\"action.icon\" nz-icon [nzType]=\"action.icon\"></i>{{action.name}}</button>\n </ng-container>\n </ng-container>\n <ng-content select=\"[button-right-slot]\"></ng-content>\n </div>\n <div class=\"search-area\" *ngIf=\"searchHeaders.length && !queryOpts?.isHideQuery\">\n <span *ngIf=\"showQueryTime && queryTime\" class=\"query-time\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\n <button type=\"submit\" nz-button nzSize=\"small\" nzType=\"primary\" [nzLoading]=\"loading\">\u67E5\u8BE2</button>\n <button type=\"button\" nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\n <button type=\"button\" nz-button nzType=\"link\" nzSize=\"small\" *ngIf=\"hasMoreHeaders\" (click)=\"toggleCollapse()\">\n {{isCollapse ? '\u5C55\u5F00' : '\u6536\u8D77'}}<i nz-icon [nzType]=\"isCollapse ? 'down' : 'up'\"></i>\n </button>\n </div>\n </div>\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\n </form>\n <div *ngIf=\"queryError\" class=\"query-error\" role=\"alert\"><span>{{queryError}}</span>\n <button type=\"button\" nz-button nzSize=\"small\" (click)=\"query()\" [disabled]=\"loading\">\u91CD\u8BD5</button>\n </div>\n <div class=\"grid-area\" [hidden]=\"isHideTable\">\n <ag-grid-angular *ngIf=\"isAllLoad\" class=\"full-screen\"\n [gridOptions]=\"resolvedGridOptions\" [defaultColDef]=\"defaultColDef\"\n [rowSelection]=\"rowSelection\" [rowData]=\"tableDatas\" [loading]=\"loading\"\n [getRowId]=\"getRowId\" [getRowStyle]=\"getRowStyle\" [enableCellSpan]=\"cellSpanEnabled\"\n [rowDragManaged]=\"false\" [alwaysMultiSort]=\"true\" [enableCellTextSelection]=\"true\"\n [pagination]=\"false\" [columnDefs]=\"columnDefs\"\n (gridReady)=\"onGridReady($event)\" (selectionChanged)=\"onSelectionChanged($event)\"\n (sortChanged)=\"onSortChanged($event)\" (cellValueChanged)=\"onCellValueChanged($event)\"\n (rowDoubleClicked)=\"dbclickData($event.data, $event.rowIndex ?? -1)\"\n (rowDragEnd)=\"onRowDragEnd($event)\"></ag-grid-angular>\n </div>\n <div class=\"table-pagination\" *ngIf=\"showPagination && !isHideTable\">\n <span>\u5171 {{total}} \u6761\u8BB0\u5F55<span *ngIf=\"numberOfChecked\">\uFF0C\u5DF2\u9009 {{numberOfChecked}} \u6761</span></span>\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\n nzSize=\"small\" [nzPageSizeOptions]=\"pageSizeOptions\" (nzPageIndexChange)=\"PageIndexChange($event)\"\n (nzPageSizeChange)=\"PageSizeChange($event)\"></nz-pagination>\n </div>\n</div>\r\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;background:#fff}.table-content{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.ant-advanced-search-form{flex:0 0 auto;padding:12px;margin-bottom:8px;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.action-area,.search-area{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.search-area{margin-left:auto}.query-time{color:#8c8c8c;font-size:12px}.title{padding-top:8px;font-size:16px;font-weight:500}.grid-area{flex:1 1 auto;min-height:120px;min-width:0}.grid-area[hidden]{display:none}ag-grid-angular{display:block;width:100%;height:100%}.table-pagination{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0 2px}.table-pagination>span{font-size:13px;color:#595959}.query-error{flex:0 0 auto;display:flex;gap:12px;align-items:center;padding:8px 12px;margin-bottom:8px;color:#a8071a;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:10px}:host ::ng-deep .atr-action-cell{display:flex;align-items:center}:host ::ng-deep .atr-grid-link{padding:0;color:#1677ff;background:transparent;border:0;cursor:pointer}:host ::ng-deep .atr-grid-template-cell{display:flex;align-items:center;height:100%}@media(max-width:640px){.search-area{margin-left:0}.query-time{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i8.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: i14$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "suppressContentVisibilityAuto", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
|
|
6595
6851
|
}
|
|
6596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6852
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrGridTableComponent, decorators: [{
|
|
6597
6853
|
type: Component,
|
|
6598
|
-
args: [{ standalone: false, selector: 'atr-grid-table', providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n <ng-content select=\"[header-left-slot]\"></ng-content>\r\n <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n [nzSpan]=\"header.span\">\r\n <app-table-form-item\r\n [header]=\"header\"\r\n [ngModel]=\"header.defaultVal\"\r\n [dictList]=\"dicts[header.dictCode]\"\r\n [formControlName]=\"header.key\"\r\n (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n </div>\r\n <ng-content select=\"[header-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-row nzType=\"flex\">\r\n <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n <ng-content select=\"[button-left-slot]\"></ng-content>\r\n <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\r\n [withoutRole]=\"action.withoutRole\"\r\n style=\" display: inline-block;\"></atr-local-upload>\r\n <ng-container *ngIf=\"!action.gType\">\r\n <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n *atrRole=\"action.withoutRole ? null:action.code\"\r\n [disabled]=\"isEnable(action.operator)\">{{action.name}} </button>\r\n </ng-container>\r\n </ng-container>\r\n <ng-content select=\"[button-right-slot]\"></ng-content>\r\n </div>\r\n <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n </form>\r\n <ag-grid-angular *ngIf=\"isAllLoad\"\r\n class=\"full-screen\"\r\n [rowSelection]=\"rowSelection\"\r\n [ngStyle]=\"{height: tableHeight}\"\r\n [rowData]=\"tableDatas\"\r\n [loading]=\"loading\"\r\n [alwaysMultiSort]=\"true\"\r\n [enableCellTextSelection]=\"true\"\r\n (gridReady)=\"onGridReady($event)\"\r\n (selectionChanged)=\"onSelectionChanged($event)\"\r\n (sortChanged)=\"onSortChanged($event)\"\r\n [pagination]=\"true\"\r\n [paginationPageSize]=\"pageSize\"\r\n [suppressPaginationPanel]=\"true\"\r\n [columnDefs]=\"columnDefs\"/>\r\n <div class=\"flex\" style=\"justify-content: flex-end;background: white\">\r\n <div class=\"flex \" style=\"align-items: center\">\r\n \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n </div>\r\n\r\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n [nzSize]=\"'small'\"\r\n [nzPageSizeOptions]=\"pageSizeOptions\"\r\n (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n ></nz-pagination>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}:host ::ng-deep .atr-action-cell,:host ::ng-deep .atr-action-cell .ag-cell-wrapper,:host ::ng-deep .atr-action-cell .ag-cell-value{display:flex;align-items:center}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
|
|
6854
|
+
args: [{ standalone: false, selector: 'atr-grid-table', providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], template: "<div class=\"table-content\" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\n <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\n *ngIf=\"searchHeaders.length || actions.length || title\" #formContent (ngSubmit)=\"query(true)\">\n <div nz-row [nzGutter]=\"16\">\n <ng-content select=\"[header-left-slot]\"></ng-content>\n <ng-container *ngFor=\"let header of searchHeaders; let index = index\">\n <div nz-col [hidden]=\"!isHeaderVisible(header, index)\" [nzSpan]=\"header.span || 8\">\n <app-table-form-item [header]=\"header\" [dictList]=\"dicts[header.dictCode || ''] || header.dictList || []\"\n [formControlName]=\"header.key\" (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\n </div>\n </ng-container>\n <ng-content select=\"[header-right-slot]\"></ng-content>\n </div>\n <div class=\"table-toolbar\">\n <div class=\"action-area\">\n <ng-content select=\"[button-left-slot]\"></ng-content>\n <ng-container *ngFor=\"let action of actions\">\n <atr-local-upload *ngIf=\"action.gType === 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\n [name]=\"action.name\" [withoutRole]=\"action.withoutRole\" (afterChange)=\"uploadAction($event, action)\"></atr-local-upload>\n <ng-container *ngIf=\"!action.gType || action.gType === 'normal'\">\n <button type=\"button\" nz-button nzSize=\"small\"\n [nzType]=\"action.buttonType && action.buttonType !== 'danger' ? action.buttonType : 'primary'\"\n [nzDanger]=\"action.buttonType === 'danger'\" [ngClass]=\"action.className || ''\"\n *atrRole=\"action.withoutRole ? 'any' : action.code\" [disabled]=\"isEnable(action.operator)\"\n (click)=\"doAction(action.code)\"><i *ngIf=\"action.icon\" nz-icon [nzType]=\"action.icon\"></i>{{action.name}}</button>\n </ng-container>\n </ng-container>\n <ng-content select=\"[button-right-slot]\"></ng-content>\n </div>\n <div class=\"search-area\" *ngIf=\"searchHeaders.length && !queryOpts?.isHideQuery\">\n <span *ngIf=\"showQueryTime && queryTime\" class=\"query-time\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\n <button type=\"submit\" nz-button nzSize=\"small\" nzType=\"primary\" [nzLoading]=\"loading\">\u67E5\u8BE2</button>\n <button type=\"button\" nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\n <button type=\"button\" nz-button nzType=\"link\" nzSize=\"small\" *ngIf=\"hasMoreHeaders\" (click)=\"toggleCollapse()\">\n {{isCollapse ? '\u5C55\u5F00' : '\u6536\u8D77'}}<i nz-icon [nzType]=\"isCollapse ? 'down' : 'up'\"></i>\n </button>\n </div>\n </div>\n <div *ngIf=\"title\" class=\"title\">{{title}}</div>\n </form>\n <div *ngIf=\"queryError\" class=\"query-error\" role=\"alert\"><span>{{queryError}}</span>\n <button type=\"button\" nz-button nzSize=\"small\" (click)=\"query()\" [disabled]=\"loading\">\u91CD\u8BD5</button>\n </div>\n <div class=\"grid-area\" [hidden]=\"isHideTable\">\n <ag-grid-angular *ngIf=\"isAllLoad\" class=\"full-screen\"\n [gridOptions]=\"resolvedGridOptions\" [defaultColDef]=\"defaultColDef\"\n [rowSelection]=\"rowSelection\" [rowData]=\"tableDatas\" [loading]=\"loading\"\n [getRowId]=\"getRowId\" [getRowStyle]=\"getRowStyle\" [enableCellSpan]=\"cellSpanEnabled\"\n [rowDragManaged]=\"false\" [alwaysMultiSort]=\"true\" [enableCellTextSelection]=\"true\"\n [pagination]=\"false\" [columnDefs]=\"columnDefs\"\n (gridReady)=\"onGridReady($event)\" (selectionChanged)=\"onSelectionChanged($event)\"\n (sortChanged)=\"onSortChanged($event)\" (cellValueChanged)=\"onCellValueChanged($event)\"\n (rowDoubleClicked)=\"dbclickData($event.data, $event.rowIndex ?? -1)\"\n (rowDragEnd)=\"onRowDragEnd($event)\"></ag-grid-angular>\n </div>\n <div class=\"table-pagination\" *ngIf=\"showPagination && !isHideTable\">\n <span>\u5171 {{total}} \u6761\u8BB0\u5F55<span *ngIf=\"numberOfChecked\">\uFF0C\u5DF2\u9009 {{numberOfChecked}} \u6761</span></span>\n <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\n nzSize=\"small\" [nzPageSizeOptions]=\"pageSizeOptions\" (nzPageIndexChange)=\"PageIndexChange($event)\"\n (nzPageSizeChange)=\"PageSizeChange($event)\"></nz-pagination>\n </div>\n</div>\r\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;background:#fff}.table-content{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.ant-advanced-search-form{flex:0 0 auto;padding:12px;margin-bottom:8px;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.action-area,.search-area{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.search-area{margin-left:auto}.query-time{color:#8c8c8c;font-size:12px}.title{padding-top:8px;font-size:16px;font-weight:500}.grid-area{flex:1 1 auto;min-height:120px;min-width:0}.grid-area[hidden]{display:none}ag-grid-angular{display:block;width:100%;height:100%}.table-pagination{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0 2px}.table-pagination>span{font-size:13px;color:#595959}.query-error{flex:0 0 auto;display:flex;gap:12px;align-items:center;padding:8px 12px;margin-bottom:8px;color:#a8071a;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:10px}:host ::ng-deep .atr-action-cell{display:flex;align-items:center}:host ::ng-deep .atr-grid-link{padding:0;color:#1677ff;background:transparent;border:0;cursor:pointer}:host ::ng-deep .atr-grid-template-cell{display:flex;align-items:center;height:100%}@media(max-width:640px){.search-area{margin-left:0}.query-time{width:100%}}\n"] }]
|
|
6599
6855
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }, { type: OssImgPipe }, { type: DefaultValPipe }, { type: i2$1.DatePipe }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: undefined, decorators: [{
|
|
6600
6856
|
type: Inject,
|
|
6601
6857
|
args: [LOCALE_ID]
|
|
@@ -6621,6 +6877,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
6621
6877
|
type: Input
|
|
6622
6878
|
}], queryHeaders: [{
|
|
6623
6879
|
type: Input
|
|
6880
|
+
}], rowKey: [{
|
|
6881
|
+
type: Input
|
|
6882
|
+
}], gridOptions: [{
|
|
6883
|
+
type: Input
|
|
6624
6884
|
}], tableAction: [{
|
|
6625
6885
|
type: Output
|
|
6626
6886
|
}], queryBack: [{
|
|
@@ -6629,7 +6889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
6629
6889
|
type: Output
|
|
6630
6890
|
}], tableHeader: [{
|
|
6631
6891
|
type: ViewChild,
|
|
6632
|
-
args: ['formContent'
|
|
6892
|
+
args: ['formContent']
|
|
6633
6893
|
}], tableContent: [{
|
|
6634
6894
|
type: ViewChild,
|
|
6635
6895
|
args: ['tableContent', { static: true }]
|
|
@@ -6653,8 +6913,8 @@ const DIRECTIVES = [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, Deb
|
|
|
6653
6913
|
// 应 导出所有包含的模块。
|
|
6654
6914
|
// 不应 有 providers 属性。
|
|
6655
6915
|
class AtrSharedModule {
|
|
6656
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6657
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6916
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6917
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, declarations: [ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
|
|
6658
6918
|
SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, EditorComponent, AtrGridTableComponent, BtnTdComponent], imports: [PipeModuleModule,
|
|
6659
6919
|
CommonModule,
|
|
6660
6920
|
FormsModule,
|
|
@@ -6676,7 +6936,7 @@ class AtrSharedModule {
|
|
|
6676
6936
|
NzColorPickerModule, CusNgZorroAntdModule,
|
|
6677
6937
|
NzResizableModule, ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
|
|
6678
6938
|
SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, EditorComponent, AtrGridTableComponent, BtnTdComponent, PipeModuleModule, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, DebounceClickDirective, InfiniteScrollDirective] }); }
|
|
6679
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6939
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [PipeModuleModule,
|
|
6680
6940
|
CommonModule,
|
|
6681
6941
|
FormsModule,
|
|
6682
6942
|
ReactiveFormsModule,
|
|
@@ -6697,7 +6957,7 @@ class AtrSharedModule {
|
|
|
6697
6957
|
NzColorPickerModule, CusNgZorroAntdModule,
|
|
6698
6958
|
NzResizableModule, PipeModuleModule] }); }
|
|
6699
6959
|
}
|
|
6700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, decorators: [{
|
|
6701
6961
|
type: NgModule,
|
|
6702
6962
|
args: [{
|
|
6703
6963
|
imports: [
|
|
@@ -6788,15 +7048,15 @@ class BusiService {
|
|
|
6788
7048
|
});
|
|
6789
7049
|
return result;
|
|
6790
7050
|
}
|
|
6791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6792
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
7051
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusiService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }, { token: i3$1.NzModalService }, { token: LOCALE_ID }, { token: i4$2.NzMessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7052
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusiService, providedIn: 'root' }); }
|
|
6793
7053
|
}
|
|
6794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusiService, decorators: [{
|
|
6795
7055
|
type: Injectable,
|
|
6796
7056
|
args: [{
|
|
6797
7057
|
providedIn: 'root'
|
|
6798
7058
|
}]
|
|
6799
|
-
}], ctorParameters: () => [{ type: i1$5.NzDrawerService }, { type: HttpService }, { type: i3$
|
|
7059
|
+
}], ctorParameters: () => [{ type: i1$5.NzDrawerService }, { type: HttpService }, { type: i3$1.NzModalService }, { type: undefined, decorators: [{
|
|
6800
7060
|
type: Inject,
|
|
6801
7061
|
args: [LOCALE_ID]
|
|
6802
7062
|
}] }, { type: i4$2.NzMessageService }] });
|