个人设置开发

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)
+			}
+		})
+	}
 
 }