初版：除MES未集成

digital-future-summit/src/app/implementation/implementation.module.ts

@@ -26,7 +26,8 @@ import { DW_ORGTREE_MODAL_DEFAULT } from "@webdpt/framework/organize-tree-core";
 import { LayoutComponent } from "./layout/layout.component";
 // import { themeConfig } from '../config/theme.config';
 import { DwMainLayoutModule } from "@webdpt/components/layout";
-import { NzPopconfirmComponent, NzPopconfirmModule } from "ng-zorro-antd/popconfirm";
+import { NzPopconfirmModule } from "ng-zorro-antd/popconfirm";
+import { NzModalModule } from "ng-zorro-antd/modal";
 
 @NgModule({
   imports: [
@@ -34,7 +35,8 @@ import { NzPopconfirmComponent, NzPopconfirmModule } from "ng-zorro-antd/popconf
     ImplementationRoutingModule,
     SharedModule, // 共享模組
     DwMainLayoutModule,
-    NzPopconfirmModule
+    NzPopconfirmModule,
+    NzModalModule
   ],
   declarations: [LayoutComponent],
   providers: [],

digital-future-summit/src/app/implementation/layout/layout.component.html

@@ -114,8 +114,9 @@
     </div> -->
 
     <div id="E10-T100" appDraggable [dragEnable]="dragEnable" (dragEvent)="handleElementDrag($event)" class="box box-ET"
-      nz-popconfirm nzPopconfirmTitle="请您选择系统E10 OR T100 ?" (nzOnConfirm)="jumpToSystem('T100')"
-      (nzOnCancel)="jumpToSystem('SSO_E10229')" nzPopconfirmPlacement="bottom" nzOkText="T00 ERP" nzCancelText="E10 ERP" nzIcon="appstore">
+      nz-popconfirm nzPopconfirmTitle="请您选择系统 E10 OR T100 ?" (nzOnConfirm)="jumpToSystem('T100')"
+      (nzOnCancel)="jumpToSystem('SSO_E10229')" nzPopconfirmPlacement="top" nzOkText="T00 ERP" nzCancelText="E10 ERP"
+      nzIcon="appstore">
       <span>精益数字化管理</span>
     </div>
 
@@ -123,6 +124,20 @@
       (click)="jumpToSystem('SSO_PLM')">
       <span>高效设计研发</span>
     </div>
+
+    <div id="download" appDraggable [dragEnable]="dragEnable" (dragEvent)="handleElementDrag($event)"
+      class="box box-download" (click)="jumpToSystem('download')">
+      <span>资料下载</span>
+    </div>
+
+    <nz-modal [(nzVisible)]="isDownloadVisible" nzTitle="扫描二维码下载资料"   (nzOnCancel)="handleModelCancel()"
+    nzCentered="true" nzMask="true" nzMaskClosable="true" nzCancelText="关闭" nzOkDisabled="true" nzFooter="感谢您的关注">
+      <ng-container *nzModalContent>
+        <div style="text-align: center; width: 100%;">
+        <img src="../../../assets/summit/dowload-code.png"  />
+      </div>
+      </ng-container>
+    </nz-modal>
   </div>
 
 </div>

digital-future-summit/src/app/implementation/layout/layout.component.less

@@ -1,7 +1,7 @@
 .layout-body {
   margin: 0;
   padding: 0;
-  background: url("../../../assets/img/1122.png") center center no-repeat;
+  background: url("../../../assets/summit/main.png") center center no-repeat;
   /* 设置背景图 */
   background-size: 100% 100%;
   /* 背景图等比例缩小填充整个容器 */
@@ -48,18 +48,23 @@
   text-align: center;
   cursor: pointer;
   display: none;
+  // background-color: aqua;
   // border: 1px solid #ddd;
-  transition: transform 0.3s ease;
+  // transition: transform 0.3s ease;
   /* 添加过渡效果 */
-  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+  // box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
   /* 添加阴影效果 */
-  border-radius: 10px;
+  // border-radius: 10px;
   /* 添加圆角边，可以指定具体的像素值 */
 }
 
-.container .box:hover {
-  transform: scale(1.1);
-  /* 鼠标放上去时放大 1.1 倍 */
+// .container .box:hover {
+//   transform: scale(1.1);
+//   /* 鼠标放上去时放大 1.1 倍 */
+// }
+
+.container .box>span {
+  display: none;
 }
 
 .container .box-ET {
@@ -165,4 +170,11 @@
   top: 220px;
   right: 0px;
   width: 150px;
-}
+}
+
+.container .box-download {
+  top: 270px;
+  right: 0px;
+  width: 150px;
+}
+

digital-future-summit/src/app/implementation/layout/layout.component.ts

@@ -14,6 +14,8 @@ import {
 } from "app/config/app-auth-token";
 import { CommonService } from "../service/common.service";
 import { NzMessageService } from "ng-zorro-antd/message";
+import { tr } from "date-fns/locale";
+import { NzModalService } from "ng-zorro-antd/modal";
 
 
 @Component({
@@ -33,6 +35,8 @@ export class LayoutComponent implements OnInit, AfterViewInit {
 
   isDragging: boolean = false;
 
+  isDownloadVisible: boolean = false;
+
   layoutUsers = [
     "digiwin0001",
     "digiwin0002",
@@ -67,7 +71,8 @@ export class LayoutComponent implements OnInit, AfterViewInit {
     private commonService: CommonService,
     private el: ElementRef,
     private renderer: Renderer2,
-    private message: NzMessageService
+    private message: NzMessageService,
+    private modalService: NzModalService
   ) { }
   ngOnInit(): void {
     this.systemMaps = systemList;
@@ -85,8 +90,7 @@ export class LayoutComponent implements OnInit, AfterViewInit {
     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";
+    this.dragEnable = this.USER_ID === "dongsk@digiwin.com" || this.USER_ID === "M00020";
 
     console.log(this.dragEnable);
 
@@ -99,28 +103,30 @@ export class LayoutComponent implements OnInit, AfterViewInit {
     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";
-          }
-        });
+        if (res && res.response) {
+          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();
@@ -162,7 +168,7 @@ export class LayoutComponent implements OnInit, AfterViewInit {
               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, "background-color", 'wheat');
 
               this.renderer.setStyle(sysEL, "display", 'block');
             }
@@ -181,6 +187,11 @@ export class LayoutComponent implements OnInit, AfterViewInit {
       return;
     }
 
+    if (key === 'download') {
+      this.isDownloadVisible = true;
+      return;
+    }
+
     if (this.systemMaps[key] == null) {
       this.message.error(`${key} 未集成`);
       return;
@@ -356,7 +367,7 @@ export class LayoutComponent implements OnInit, AfterViewInit {
         this.divContent,
         {
           "Digi-Middleware-Auth-App": DigiMiddlewareAuthApp,
-          "Digi-Middleware-Auth-User": this.USER_TOKEN
+          "Digi-Middleware-Auth-User": this.USER_TOKEN,
         }
       )
       .then((res) => {
@@ -366,4 +377,8 @@ export class LayoutComponent implements OnInit, AfterViewInit {
         }
       });
   }
+
+  handleModelCancel() {
+    this.isDownloadVisible = false;
+  }
 }