You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
369 lines
10 KiB
369 lines
10 KiB
/* eslint-disable quotes */
|
|
import { systemList } from "./system";
|
|
// import { DwHttpApiInterceptor } from "@webdpt/framework/http";
|
|
/* eslint-disable quotes */
|
|
import {
|
|
AfterViewInit,
|
|
Component,
|
|
ElementRef,
|
|
OnInit,
|
|
Renderer2,
|
|
} from "@angular/core";
|
|
import {
|
|
DigiMiddlewareAuthApp
|
|
} from "app/config/app-auth-token";
|
|
import { CommonService } from "../service/common.service";
|
|
import { NzMessageService } from "ng-zorro-antd/message";
|
|
|
|
|
|
@Component({
|
|
selector: "app-layout",
|
|
templateUrl: "./layout.component.html",
|
|
styleUrls: ["./layout.component.less"],
|
|
})
|
|
export class LayoutComponent implements OnInit, AfterViewInit {
|
|
// 登出： https://iam-test.digiwincloud.com.cn/api/iam/v2/identity/logout
|
|
systemMaps = {};
|
|
queryDisplayList = [];
|
|
USER_ID = "";
|
|
|
|
USER_TOKEN = "";
|
|
|
|
dragEnable: boolean = false;
|
|
|
|
isDragging: boolean = false;
|
|
|
|
layoutUsers = [
|
|
"digiwin0001",
|
|
"digiwin0002",
|
|
"digiwin0003",
|
|
"digiwin0004",
|
|
"digiwin0005",
|
|
"default",
|
|
"M00020",
|
|
"digiwin0006",
|
|
"digiwin0007",
|
|
"digiwin0008",
|
|
"digiwin0009",
|
|
"digiwin0010",
|
|
"dongsk@digiwin.com",
|
|
];
|
|
|
|
divContent = {
|
|
sysId: "",
|
|
top: "",
|
|
left: "",
|
|
height: "",
|
|
width: "",
|
|
userId: "default",
|
|
tenantId: "",
|
|
topPercent: "",
|
|
leftPercent: "",
|
|
heightPercent: "",
|
|
widthPercent: "",
|
|
};
|
|
|
|
constructor(
|
|
private commonService: CommonService,
|
|
private el: ElementRef,
|
|
private renderer: Renderer2,
|
|
private message: NzMessageService
|
|
) { }
|
|
ngOnInit(): void {
|
|
this.systemMaps = systemList;
|
|
this.initSystemBySemcSSO();
|
|
}
|
|
|
|
ngAfterViewInit() {
|
|
// const divElement = this.el.nativeElement.querySelector('.layout-body');
|
|
}
|
|
|
|
/**
|
|
* 通过请求queryDisplayList接口登录
|
|
*/
|
|
initSystemBySemcSSO() {
|
|
const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));
|
|
this.USER_TOKEN = DwUserInfo.token;
|
|
this.USER_ID = DwUserInfo.userId;
|
|
this.dragEnable =
|
|
this.USER_ID === "dongsk@digiwin.com" || this.USER_ID === "M00020";
|
|
|
|
console.log(this.dragEnable);
|
|
|
|
const headers = {
|
|
"Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
|
|
"Digi-Middleware-Auth-User": this.USER_TOKEN,
|
|
};
|
|
const url =
|
|
this.commonService.semcUrl + "/tenant/semc/applink/queryDisplayList";
|
|
this.commonService
|
|
.getRequestWithHeaders(url, headers)
|
|
.then((res) => {
|
|
this.queryDisplayList = res.response;
|
|
this.queryDisplayList.forEach((item) => {
|
|
this.systemMaps["SSO_" + item.id] = {
|
|
key: item.id,
|
|
id: item.id,
|
|
title: item.name,
|
|
mockLogin: false,
|
|
ssoLogin: true,
|
|
callBackUrl: item.callBackUrl,
|
|
url: item.cloudwebsite,
|
|
applicationAppId: item.applicationAppId,
|
|
};
|
|
|
|
// 非管理员加载
|
|
this.divContent.userId = this.USER_ID;
|
|
if (
|
|
this.USER_ID === "dongsk@digiwin.com" ||
|
|
this.USER_ID === "M00020"
|
|
) {
|
|
this.divContent.userId = "default";
|
|
}
|
|
});
|
|
|
|
// 初始化布局
|
|
this.initSysLayout();
|
|
console.log("systemMaps", this.systemMaps);
|
|
})
|
|
.catch((error) => console.error(error));
|
|
}
|
|
|
|
initSysLayout() {
|
|
if (!this.layoutUsers.includes(this.divContent.userId)) {
|
|
return;
|
|
}
|
|
const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));
|
|
this.commonService
|
|
.postWithHeaders(
|
|
this.commonService.apiUrl +
|
|
"/restful/standard/demo/api/517/config/list",
|
|
{
|
|
userId: this.divContent.userId,
|
|
tenantId: DwUserInfo.tenantId,
|
|
sysId: "",
|
|
},
|
|
{
|
|
"Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
|
|
"Digi-Middleware-Auth-User": this.USER_TOKEN,
|
|
}
|
|
)
|
|
.then((res) => {
|
|
if (res && res.response) {
|
|
res.response.forEach((item) => {
|
|
// console.log(item);
|
|
const sysEL = this.el.nativeElement.querySelector("#" + item.sysId);
|
|
// this.renderer.setStyle(sysEL, 'top', item.top);
|
|
// this.renderer.setStyle(sysEL, 'left', item.left);
|
|
// this.renderer.setStyle(sysEL, 'width', item.width);
|
|
// this.renderer.setStyle(sysEL, 'height', item.height);
|
|
if (sysEL != null) {
|
|
this.renderer.setStyle(sysEL, "top", item.topPercent);
|
|
this.renderer.setStyle(sysEL, "left", item.leftPercent);
|
|
this.renderer.setStyle(sysEL, "width", item.widthPercent);
|
|
this.renderer.setStyle(sysEL, "height", item.heightPercent);
|
|
this.renderer.setStyle(sysEL, "background-color", 'wheat');
|
|
|
|
this.renderer.setStyle(sysEL, "display", 'block');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
jumpToSystem(key: string) {
|
|
const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));
|
|
|
|
if (
|
|
DwUserInfo.userId === "dongsk@digiwin.com" ||
|
|
DwUserInfo.userId === "M00020"
|
|
) {
|
|
return;
|
|
}
|
|
|
|
if (this.systemMaps[key] == null) {
|
|
this.message.error(`${key} 未集成`);
|
|
return;
|
|
}
|
|
|
|
const item = this.systemMaps[key];
|
|
|
|
// 免密跳转
|
|
if (item.linkLogin) {
|
|
window.open(item.url, "_blank");
|
|
return;
|
|
}
|
|
|
|
const headers = {
|
|
"Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
|
|
"Digi-Middleware-Auth-User": this.USER_TOKEN,
|
|
};
|
|
|
|
// 单点登录
|
|
if (item.ssoLogin) {
|
|
this.commonService
|
|
.postWithHeaders(
|
|
this.commonService.iamUrl + "/api/iam/v2/oauth2/authorize",
|
|
{
|
|
appId: item.applicationAppId,
|
|
callbackUrl: item.callBackUrl,
|
|
},
|
|
headers
|
|
)
|
|
.then((res) => {
|
|
if (res && res.data && res.data.code) {
|
|
window.open(item.url + "&code=" + res.data.code);
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
|
|
// 模拟登录
|
|
if (item.mockLogin) {
|
|
this.commonService
|
|
.postWithHeaders(
|
|
this.commonService.apiUrl +
|
|
"/restful/standard/demo/api/default/login",
|
|
{
|
|
userId: DwUserInfo.userId,
|
|
tenantId: DwUserInfo.tenantId,
|
|
productKey: item.id,
|
|
},
|
|
headers
|
|
)
|
|
.then((res) => {
|
|
if (res && res.response) {
|
|
window.open(
|
|
item.url + "/sso-login?userToken=" + res.response.user_token
|
|
);
|
|
}
|
|
});
|
|
} else {
|
|
// 切换租户登录
|
|
this.commonService
|
|
.postWithHeaders(
|
|
this.commonService.iamUrl +
|
|
"/api/iam/v2/identity/token/refresh/tenant",
|
|
{ tenantSid: item.sid },
|
|
headers
|
|
)
|
|
.then((res) => {
|
|
if (res) {
|
|
window.open(item.url + "/sso-login?userToken=" + res.user_token);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
handleElementDrag(data: any) {
|
|
// console.log(data);
|
|
|
|
if (data.type === "mousedown") {
|
|
this.isDragging = true;
|
|
this.divContent.height = data.height;
|
|
this.divContent.width = data.width;
|
|
this.divContent.top = data.top;
|
|
this.divContent.left = data.left;
|
|
this.divContent.sysId = data.id;
|
|
}
|
|
|
|
if (data.type !== "mouseup") {
|
|
return;
|
|
}
|
|
|
|
if (data.left === "" || data.top === "") {
|
|
return;
|
|
}
|
|
|
|
const DwUserInfo = JSON.parse(sessionStorage.getItem("DwUserInfo"));
|
|
|
|
this.divContent.sysId = data.id;
|
|
this.divContent.top = data.top;
|
|
this.divContent.left = data.left;
|
|
this.divContent.height = data.height;
|
|
this.divContent.width = data.width;
|
|
this.divContent.tenantId = DwUserInfo.tenantId;
|
|
|
|
console.log(this.divContent);
|
|
// this.commonService.postWithHeaders(this.commonService.apiUrl + "/restful/standard/demo/api/517/config/save",
|
|
// divContentX,
|
|
// {
|
|
// "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
|
|
// "Digi-Middleware-Auth-User": DigiMiddlewareAuthUser,
|
|
// }
|
|
// ).then(res => {
|
|
// if (res && res.response) {
|
|
// alert('sucess!');
|
|
// }
|
|
// });
|
|
this.isDragging = false;
|
|
}
|
|
|
|
changeDiv(type: String) {
|
|
const sysEL = this.el.nativeElement.querySelector(
|
|
"#" + this.divContent.sysId
|
|
);
|
|
if (sysEL === null) {
|
|
return;
|
|
}
|
|
if (type === "W") {
|
|
this.renderer.setStyle(sysEL, "width", this.divContent.width);
|
|
}
|
|
if (type === "H") {
|
|
this.renderer.setStyle(sysEL, "height", this.divContent.height);
|
|
}
|
|
}
|
|
|
|
save() {
|
|
if (!this.layoutUsers.includes(this.divContent.userId)) {
|
|
return;
|
|
}
|
|
|
|
if (
|
|
this.divContent.left === "" ||
|
|
this.divContent.top === "" ||
|
|
this.divContent.sysId === "" ||
|
|
this.divContent.width === "" ||
|
|
this.divContent.height === ""
|
|
) {
|
|
return;
|
|
}
|
|
|
|
// 计算百分比
|
|
const windowWidth: number = window.innerWidth;
|
|
const windowHeight: number = window.innerHeight;
|
|
|
|
const top = parseFloat(this.divContent.top.replace("px", ""));
|
|
const left = parseFloat(this.divContent.left.replace("px", ""));
|
|
const width = parseFloat(this.divContent.width.replace("px", ""));
|
|
const height = parseFloat(this.divContent.height.replace("px", ""));
|
|
|
|
this.divContent.topPercent =
|
|
(Number((top / windowHeight).toFixed(4)) * 100).toString() + "%";
|
|
this.divContent.leftPercent =
|
|
(Number((left / windowWidth).toFixed(4)) * 100).toString() + "%";
|
|
this.divContent.widthPercent =
|
|
(Number((width / windowWidth).toFixed(4)) * 100).toString() + "%";
|
|
this.divContent.heightPercent =
|
|
(Number((height / windowHeight).toFixed(4)) * 100).toString() + "%";
|
|
|
|
console.log("--save--divContent--", this.divContent);
|
|
|
|
this.commonService
|
|
.postWithHeaders(
|
|
this.commonService.apiUrl +
|
|
"/restful/standard/demo/api/517/config/save",
|
|
this.divContent,
|
|
{
|
|
"Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
|
|
"Digi-Middleware-Auth-User": this.USER_TOKEN
|
|
}
|
|
)
|
|
.then((res) => {
|
|
if (res && res.response) {
|
|
alert("sucess!");
|
|
this.divContent.sysId = "";
|
|
}
|
|
});
|
|
}
|
|
}
|