-
-
航班时间
-
-
+
+
{{item.COL_CN}}
+
+
+
-
+
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 b2b9b16..51b29b2 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,12 @@
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
- width: 444px;
+ width: 290px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 2px;
+ border: 1px solid rgba(242,242,242,1);
}
.setting-bg-color{
margin-right: 10px;
diff --git a/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.ts b/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.ts
index e0a7cab..a3dac5c 100644
--- a/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.ts
+++ b/src/app/pages/system-management/personal-settings/color-settings/color-settings.component.ts
@@ -1,56 +1,120 @@
import { Component, OnInit } from '@angular/core';
+import { HttpClientService } from '../../../../services/http-client.service';
+import { NzMessageService } from 'ng-zorro-antd';
@Component({
selector: 'app-color-settings',
templateUrl: './color-settings.component.html',
- styleUrls: ['./color-settings.component.scss']
+ styleUrls: ['./color-settings.component.scss'],
+ providers:[HttpClientService]
})
export class ColorSettingsComponent implements OnInit {
cmykColor:any;
color:any;
list:any=[]; //源数据
DataList:any=[]; //临时项目列表，如果保存就传改变量，如果取消，则重置为list的源数据
- constructor() { }
+ defaultList:any=[]; //默认的原颜色设置
+ statusParamsData:any={ //获取接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据 4请求成功，无数据
+ status:1,
+ }
+ tableData:any=''; //颜色查询接口数据
+ isLoadingSave:any=false;
+ constructor(
+ private http:HttpClientService,
+ private message: NzMessageService,
+ ) { }
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"} ] ;
- //深度复制
- this.list.forEach(item=>{
- let option=this.deepCopy(item);
- this.DataList.push(option);
- })
-
+ this.queryTable();
+ this.defaultList=[
+ {"COL_CODE":"RENO", "COL_CN":"飞机号", "COL_BG_COLOR":"rgb(46,255,135,1)","COL_COLOR":"rgb(0,70,255,1)"},
+ {"COL_CODE":"ACTT", "COL_CN":"实际到达／出发", "COL_BG_COLOR":"rgb(149,207,255,1)","COL_COLOR":"rgb(0,70,255,1)"},
+ {"COL_CODE":"ESTT", "COL_CN":"预计到达／出发", "COL_BG_COLOR":"rgb(255,207,157,1)","COL_COLOR":"rgb(0,70,255,1)"},
+ {"COL_CODE":"PADT", "COL_CN":"前站起飞时间", "COL_BG_COLOR":"rgb(114,181,255,1)","COL_COLOR":"rgb(0,70,255,1)"},
+ {"COL_CODE":"PSST", "COL_CN":"计划机位", "COL_BG_COLOR":"rgb(173,255,46,1)","COL_COLOR":"rgb(0,70,255,1)"},
+ ]
}
- //设置颜色 1设置字体颜色 2设置背景颜色 3重置字体颜色
- colorPicker(event,item){
- item.bgColor=event;
+ //设置颜色 1设置背景颜色 2设置字体颜色
+ colorPicker(event,item,type){
+ if(type==1){
+ item.COL_BG_COLOR=event;
+ }else if(type==2){
+ item.COL_COLOR=event;
+ }
}
//背景色恢复默认值
- resetBgColor(item){
- item.bgColor='#fafafa';
+ resetBgColor(item,index){
+ item.COL_BG_COLOR=this.defaultList[index].COL_BG_COLOR;
+ item.COL_COLOR=this.defaultList[index].COL_COLOR;
}
//对象数组深度复制
deepCopy(data){
- let itemObj={
- bgColor:'#fafafa',
- };
+ let itemObj={};
for(let key in data){
itemObj[key]=data[key];
}
return itemObj;
}
+ //数组深度复制构造
+ listsCope(sourceList,targetList){
+ sourceList.forEach(item=>{
+ let option=this.deepCopy(item);
+ targetList.push(option);
+ })
+ }
//保存
save(){
- console.log(this.list)
console.log(this.DataList)
+ let settingContent=JSON.stringify(this.DataList);
+ let params:any={
+ envCode:'web',
+ groupCode:'userSettingColor',
+ settingContent:settingContent,
+ }
+ this.isLoadingSave=true;
+ console.log(params);
+ this.http.post('/adminapi/settings/uisettings',params).subscribe((json)=>{
+ this.isLoadingSave=false;
+ if(json.is_success){
+ this.message.success(`保存成功!`);
+ this.queryTable();
+ }else{
+ this.message.error(`保存失败!`);
+ }
+ })
}
//取消
cancel(){
- this.DataList=[];
- //深度复制
- this.list.forEach(item=>{
- let option=this.deepCopy(item);
- this.DataList.push(option);
+ this.queryTable();
+ }
+ //获取列表
+ queryTable():void{
+ this.statusParamsData.status=1;
+ this.http.get('/adminapi/settings/uisettings',{groupCode:'userSettingColor'}).subscribe((json)=>{
+ if(json.is_success){
+ this.statusParamsData.status=3;
+ let data=json.body;
+ this.tableData=json.body;
+ this.DataList=[];
+ //当data为空是，初始化
+ //判断data是否为空，空的时候则为最初的初始化；如果不为空，则有设置过个人设置的某个模块
+ if(data&&data.length>0){
+ data.forEach(item=>{
+ if(item.settingContent){
+ console.log(222)
+ let content=JSON.parse(item.settingContent);
+ this.listsCope(content,this.DataList);
+ }else{
+ console.log(3333)
+ this.listsCope(this.defaultList,this.DataList);
+ }
+ })
+ }else{
+ this.listsCope(this.defaultList,this.DataList);
+ }
+ }else{
+ this.statusParamsData.status=0;
+ }
})
}
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 5acc5cc..90a55c8 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
@@ -39,8 +39,8 @@