diff --git a/angular.json b/angular.json index aad1bcc..04d0a07 100644 --- a/angular.json +++ b/angular.json @@ -35,11 +35,15 @@ "node_modules/bootstrap/scss/bootstrap.scss", "node_modules/font-awesome/scss/font-awesome.scss", "node_modules/ng-zorro-antd/ng-zorro-antd.min.css", - "src/styles.scss" + "src/styles.scss", + "node_modules/ztree/css/zTreeStyle/zTreeStyle.css" ], "scripts": [ "node_modules/jquery/dist/jquery.min.js", - "node_modules/bootstrap/dist/js/bootstrap.min.js" + "node_modules/bootstrap/dist/js/bootstrap.min.js", + "node_modules/ztree/js/jquery.ztree.core.min.js", + "node_modules/ztree/js/jquery.ztree.excheck.min.js", + "node_modules/ztree/js/jquery.ztree.exhide.min.js" ] }, "configurations": { diff --git a/package.json b/package.json index 6d0f912..35f16af 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "scripts": { "ng": "ng", - "start": "ng serve", + "start": "ng serve --proxy-config proxy.conf.json", "build": "ng build", "test": "ng test", "lint": "ng lint", @@ -27,7 +27,8 @@ "ng-zorro-antd": "^1.8.0", "ngx-color-picker": "^7.0.1", "rxjs": "^6.0.0", - "zone.js": "^0.8.26" + "zone.js": "^0.8.26", + "ztree": "^3.5.24" }, "devDependencies": { "@angular-devkit/build-angular": "~0.6.1", diff --git a/proxy.conf.json b/proxy.conf.json new file mode 100644 index 0000000..c7c8e59 --- /dev/null +++ b/proxy.conf.json @@ -0,0 +1,10 @@ + +{ + + "/sysapi":{ + "target": "http://130.120.3.231:91", + "secure": false, + "changeOrigin": true, + "ws": true + } +} \ No newline at end of file diff --git a/src/app/pages/main.scss b/src/app/pages/main.scss new file mode 100644 index 0000000..c998948 --- /dev/null +++ b/src/app/pages/main.scss @@ -0,0 +1,42 @@ +.system-main-container { + padding: 20px 20px; + width: 100%; + height: 100%; + min-height: 300px; + background-color: #f0f0f0; + .system-main-body{ + height: 100%; + width: 100%; + } +} +.card{ + height: 100%; + background: #fff; + padding: 20px; + box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15); +} + +.tree-box{ + float: left; + padding: 20px; + height: 100%; + background: #fff; + box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15); + +} + +/* 目录树样式 */ +:host /deep/ ul.tree{ + padding-left: 25px; + line-height: 30px; + list-style: none; +} +:host /deep/ .node-value{ + display: inline-block; + padding: 0 10px; + border-radius:3px; + cursor: pointer; +} +:host /deep/ .node-selected{ + background-color: #dcdcdc +} \ No newline at end of file diff --git a/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.scss b/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.scss index ecc9bad..abd2d32 100644 --- a/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.scss +++ b/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.scss @@ -6,11 +6,11 @@ display: inline-block; margin-right: 10px; margin-bottom: 10px; - width: 524px; + width: 444px; height: 32px; line-height: 32px; text-align: center; - border-radius: 4px; + border-radius: 2px; } .setting-bg-color{ margin-right: 10px; diff --git a/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.html b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.html new file mode 100644 index 0000000..0af43d9 --- /dev/null +++ b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.html @@ -0,0 +1,15 @@ +
+

请选择需要提示的航班代理

+
+ + + + + + +
+ +
diff --git a/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.scss b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.scss new file mode 100644 index 0000000..d528e45 --- /dev/null +++ b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.scss @@ -0,0 +1,15 @@ +.flight-agency-container{ + .radio-group-box{ + + } + .self-row-footer{ + display: inline-block; + position: relative; + margin-left: 46%; + margin-top: 100px; + transform:translate(-50%,0); + button:first-child { + margin-right: 20px; + } + } +} \ No newline at end of file diff --git a/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.spec.ts b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.spec.ts new file mode 100644 index 0000000..e381d99 --- /dev/null +++ b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FlightAgencyComponent } from './flight-agency.component'; + +describe('FlightAgencyComponent', () => { + let component: FlightAgencyComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FlightAgencyComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FlightAgencyComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.ts b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.ts new file mode 100644 index 0000000..41f7ddc --- /dev/null +++ b/src/app/pages/system-management/personal-settings/flight-agency/flight-agency.component.ts @@ -0,0 +1,23 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-flight-agency', + templateUrl: './flight-agency.component.html', + styleUrls: ['./flight-agency.component.scss'] +}) +export class FlightAgencyComponent implements OnInit { + public radioValue='1'; + + constructor() { } + + ngOnInit() { + } + //保存 + save(){ + + } + //取消 + cancel(){ + + } +} diff --git a/src/app/pages/system-management/personal-settings/personal-settings.component.html b/src/app/pages/system-management/personal-settings/personal-settings.component.html index ea55692..31b6175 100644 --- a/src/app/pages/system-management/personal-settings/personal-settings.component.html +++ b/src/app/pages/system-management/personal-settings/personal-settings.component.html @@ -1,63 +1,59 @@ -
- - -
-
-
-
可选列({{sourceList.length}})
-
-
    -
  • -
    暂无数据
    -
+
+
+ + +
+
+
+
可选列({{sourceList.length}})
+
+
    +
  • +
    暂无数据
    +
+
-
-
- - - - -
-
-
已选列({{targetList.length}})
-
-
    -
  • -
    暂无数据
    -
+
+ + + + +
+
+
已选列({{targetList.length}})
+
+
    +
  • +
    暂无数据
    +
+
+
+
+ + + +
-
- - - - +
- -
- - - - - - - - - 航班代理 - - - ORMS启动路径 - - - - - - 刷新设置 - - + + + + + + + + + + + + + + +
\ No newline at end of file diff --git a/src/app/pages/system-management/personal-settings/personal-settings.component.scss b/src/app/pages/system-management/personal-settings/personal-settings.component.scss index 76b13c8..ea262bb 100644 --- a/src/app/pages/system-management/personal-settings/personal-settings.component.scss +++ b/src/app/pages/system-management/personal-settings/personal-settings.component.scss @@ -1,11 +1,5 @@ -.main-container{ - padding: 30px 20px; - width: 100%; - height: 100%; - min-height: 300px; - background-color: #fff; +.system-main-container{ .ant-tabs{ - height: 100%; .self-row-box{ display: inline-block; .self-row-footer{ diff --git a/src/app/pages/system-management/personal-settings/personal-settings.component.ts b/src/app/pages/system-management/personal-settings/personal-settings.component.ts index ad9dca2..d8f8f01 100644 --- a/src/app/pages/system-management/personal-settings/personal-settings.component.ts +++ b/src/app/pages/system-management/personal-settings/personal-settings.component.ts @@ -1,9 +1,12 @@ import { Component, OnInit } from '@angular/core'; +import { HttpClientService } from '../../../services/http-client.service'; + @Component({ selector: 'app-personal-settings', templateUrl: './personal-settings.component.html', - styleUrls: ['./personal-settings.component.scss'] + styleUrls: ['./personal-settings.component.scss','../../main.scss'], + providers:[HttpClientService] }) export class PersonalSettingsComponent implements OnInit { public list: any[] = []; //原始数据项 @@ -17,8 +20,15 @@ export class PersonalSettingsComponent implements OnInit { public disabledDownBtm:any=true; //最低控制按钮可选状态 true 禁止选择 false可选择 public selectedType:any=''; //当前选中项所在项目 1在可选项 2在已选项框 public moveIndex:any='false'; + public search:any={ + page_index:'1', + page_size:'10', + role_name:'', + } - constructor() { } + constructor( + private http:HttpClientService, + ) { } ngOnInit() { this.list=[{"COL_CODE":"FLNO", "COL_CN":"航班号", "COL_ORDER":"10"}, {"COL_CODE":"ALCD", "COL_CN":"航空公司", "COL_ORDER":"8"}, {"COL_CODE":"FLIN", "COL_CN":"航线类别", "COL_ORDER":"4"}, {"COL_CODE":"FLTY", "COL_CN":"航班类别", "COL_ORDER":"5"}, {"COL_CODE":"MVIN", "COL_CN":"航向指示", "COL_ORDER":"9"}, {"COL_CODE":"TRML", "COL_CN":"候机楼", "COL_ORDER":"7"}, {"COL_CODE":"RENO", "COL_CN":"飞机号", "COL_ORDER":"3"}, {"COL_CODE":"SODT", "COL_CN":"计划到达/出发", "COL_ORDER":"13"}, {"COL_CODE":"ESTT", "COL_CN":"预计到达/出发", "COL_ORDER":"14"}, {"COL_CODE":"ACTT", "COL_CN":"实际到达/出发", "COL_ORDER":"15"}, {"COL_CODE":"STND", "COL_CN":"停机位", "COL_ORDER":"16"}, {"COL_CODE":"ORDER", "COL_CN":"排序", "COL_ORDER":"17"} ] @@ -30,6 +40,7 @@ export class PersonalSettingsComponent implements OnInit { let option=this.deepCopy(item); this.sourceList.push(option); }) + this.queryTable(); } //对象数组深度复制 deepCopy(data){ @@ -158,6 +169,17 @@ export class PersonalSettingsComponent implements OnInit { }) this.targetList=[]; } + //获取列表 + queryTable():void{ + console.log(1111) + this.http.get('/sysapi/setting/user/list',this.search).subscribe((json)=>{ + if(json.is_success){ + console.log(2222) + }else{ + alert(json.err_msg) + } + }) + } } \ No newline at end of file diff --git a/src/app/pages/system-management/system-management.module.ts b/src/app/pages/system-management/system-management.module.ts index 351380a..7791f3e 100644 --- a/src/app/pages/system-management/system-management.module.ts +++ b/src/app/pages/system-management/system-management.module.ts @@ -1,4 +1,5 @@ import { NgModule } from '@angular/core'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { CommonModule } from '@angular/common'; import { ColorPickerModule } from 'ngx-color-picker'; import { SystemManagementComponent } from './system-management.component'; @@ -9,6 +10,7 @@ import { DepartmentManagementComponent } from './department-management/departmen import { OperationLogsComponent } from './operation-logs/operation-logs.component'; import { DataSynchronizeComponent } from './data-synchronize/data-synchronize.component'; + import { SystemManagementRouting } from './system-management-routing.module' import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd'; @@ -17,14 +19,16 @@ import zh from '@angular/common/locales/zh'; registerLocaleData(zh); import { ColorSettingsComponent } from './personal-settings/color-settings/color-settings.component'; import { MsgAlertWarningComponent } from './personal-settings/msg-alert-warning/msg-alert-warning.component'; +import { FlightAgencyComponent } from './personal-settings/flight-agency/flight-agency.component'; @NgModule({ imports: [ CommonModule, SystemManagementRouting, - /** 导入 ng-zorro-antd 模块 **/ NgZorroAntdModule, - ColorPickerModule + ColorPickerModule, + ReactiveFormsModule, + FormsModule ], declarations: [ SystemManagementComponent, @@ -36,8 +40,9 @@ import { MsgAlertWarningComponent } from './personal-settings/msg-alert-warning/ DataSynchronizeComponent, ColorSettingsComponent, MsgAlertWarningComponent, + FlightAgencyComponent, + ], - /** 配置 ng-zorro-antd 国际化 **/ providers : [ { provide: NZ_I18N, useValue: zh_CN } ], }) export class SystemManagementModule { } diff --git a/src/app/pages/system-management/user-management/user-management.component.html b/src/app/pages/system-management/user-management/user-management.component.html index e453d52..6d449f1 100644 --- a/src/app/pages/system-management/user-management/user-management.component.html +++ b/src/app/pages/system-management/user-management/user-management.component.html @@ -1,3 +1,10 @@ -

- user-management works! -

+
+
+
+
    +
    +
    + +
    +
    +
    diff --git a/src/app/pages/system-management/user-management/user-management.component.scss b/src/app/pages/system-management/user-management/user-management.component.scss index e69de29..c251a11 100644 --- a/src/app/pages/system-management/user-management/user-management.component.scss +++ b/src/app/pages/system-management/user-management/user-management.component.scss @@ -0,0 +1,5 @@ +.user-manage{ + .card{ + + } +} \ No newline at end of file diff --git a/src/app/pages/system-management/user-management/user-management.component.ts b/src/app/pages/system-management/user-management/user-management.component.ts index a374bb2..fa650e0 100644 --- a/src/app/pages/system-management/user-management/user-management.component.ts +++ b/src/app/pages/system-management/user-management/user-management.component.ts @@ -1,15 +1,98 @@ import { Component, OnInit } from '@angular/core'; +import { HttpClientService } from '../../../services/http-client.service'; + +import 'ztree'; +declare var $: any; +declare var jQuery: any; @Component({ selector: 'app-user-management', templateUrl: './user-management.component.html', - styleUrls: ['./user-management.component.scss'] + styleUrls: ['./user-management.component.scss','../../main.scss'] }) export class UserManagementComponent implements OnInit { + treeSelected:any; //树模型-当前选中项 + public search:any={ + page_index:'1', + page_size:'10', + real_name:'', + login_name:'', + orgId:'', + } + parentNode:any; + parentName:any; + isTreeTop:any=false; //判断是否为树最顶层 - constructor() { } + constructor( + private http:HttpClientService, + ) { } - ngOnInit() { - } + ngOnInit() { + this.initTree(); + } + //树模型参数设置 + public zNodes: any[]; + setting = { + data: { + simpleData: { + enable: true + } + }, + view: { + showLine: false, + dblClickExpand: false, + showIcon:true + }, + callback: { + //节点点击事件 + onClick: (event, treeId, treeNode, clickFlag) => { + var zTree = $.fn.zTree.getZTreeObj("treeDemo"); + zTree.expandNode(treeNode); + this.treeSelected=treeNode; + this.search.orgId=this.treeSelected.id; + this.parentNode=this.treeSelected.getParentNode(); + if(!this.parentNode){ + this.isTreeTop=true; + }else{ + this.isTreeTop=false; + } + }, + //节点展开事件 + onExpand: (event, treeId, treeNode) => { + + } + }, + }; + //新树模型 + initTree(){ + //获取目录列表 + this.http.get("/sysapi/setting/organization/list",).subscribe(json=>{ + if(json.is_success&&json.body){ + let children=[]; + for(var i=0;i { - return this.commonProcess(this.httpClient.get(url, options = {})); + } ): Observable { + let paramsString = []; + url = url + '?' + let t = Math.random(); + if (params&¶ms) { + for (const key in params) { + if (params[key] !== '') { + paramsString.push([key, params[key]].join('=')) + } + } + return this.commonProcess(this.httpClient.get(encodeURI(url + paramsString.join('&') + '&t=' + t), options = {})); + }else{ + return this.commonProcess(this.httpClient.get(url + 't=' + t, options = {})); + } } /**