edit

2022-01-20 17:27:41 +08:00
parent 3a0ae6a54e
commit 121fcce44c
22 changed files with 727 additions and 215 deletions
--- a/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
+++ b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
@ -0,0 +1,148 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { SettingMenuComponent } from 'src/app/routes/sys-setting/components/role-management/menu/menu.component';
+import { MenuManagerService } from '../../../services/menu-manager.service';
+
+@Component({
+  selector: 'app-menu-modal',
+  templateUrl: './menu-modal.component.html',
+  styleUrls: ['./menu-modal.component.less'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class MenuModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  formData: any;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  isDisabled = false;
+
+  params = {};
+
+  constructor(public service: MenuManagerService, private modal: NzModalRef, private cdr: ChangeDetectorRef) {}
+
+  ngOnInit(): void {
+    if (this.formData.id) {
+      this.loadMenu();
+    } else {
+      this.initSF();
+    }
+  }
+
+  initSF(data?: any) {
+    this.schema = {
+      properties: {
+        text: {
+          title: '菜单名称',
+          type: 'string',
+          default: this.formData.text,
+          maxLength: 20,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单名称'
+          }
+        },
+        keyCode: {
+          title: '菜单编码',
+          type: 'string',
+          default: this.formData.keyCode,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单编码'
+          }
+        },
+        isLeaf: {
+          title: '是否叶子节点',
+          type: 'boolean',
+          default: this.formData.isLeaf || true,
+          enum: [true, false],
+          readOnly: this.isDisabled,
+          ui: {
+            widget: 'radio'
+          }
+        },
+        hide: {
+          title: '是否隐藏',
+          type: 'boolean',
+          default: this.formData.hide || false,
+          enum: [true, false],
+          readOnly: this.isDisabled,
+          ui: {
+            widget: 'radio'
+          }
+        },
+        link: {
+          title: '菜单路由',
+          type: 'string',
+          default: this.formData.link,
+          maxLength: 20,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单路由'
+          }
+        },
+        icon: {
+          title: '菜单图标',
+          type: 'string',
+          default: this.formData.icon,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单图标'
+          }
+        },
+        sortId: {
+          title: '排序',
+          type: 'number',
+          default: this.formData.sortId,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'number'
+          }
+        }
+      },
+      required: ['text']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 12 }
+      }
+    };
+    this.cdr.detectChanges();
+  }
+
+  loadMenu() {
+    this.service.request(this.service.$api_get_menu_by_id, { id: this.formData.id }).subscribe(res => {
+      if (res) {
+        this.formData = res;
+        this.initSF(this.formData);
+      }
+    });
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+
+  sure() {
+    const params = {
+      ...this.sf.value,
+      ...this.params,
+      i18n: this.sf.value.keyCode,
+      menuType: 0,
+      reuse: 0,
+      shortcut: 0,
+      hideInBreadcrumb: 0,
+      functionType: 0,
+      sortId: this.sf.value.sortId?.toString() || null
+    };
+    console.log(params);
+
+    this.service.request(this.service.$api_add_one, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success(this.formData.id ? '修改菜单成功' : '新增菜单成功');
+        this.modal.destroy(true);
+      }
+    });
+  }
+}