666

src/app/routes/partner/level-config/components/edit/edit.component.html

@@ -0,0 +1,7 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="i">
+</sf>
+
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>

src/app/routes/partner/level-config/components/edit/edit.component.ts

@@ -0,0 +1,88 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ChannelSalesService } from '../../services/level-config.service';
+
+@Component({
+  selector: 'app-parter-LevelConfig-edit',
+  templateUrl: './edit.component.html'
+})
+export class ParterLevelConfigEditComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ChannelSalesService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name: {
+          title: '合伙人等级',
+          type: 'string',
+          enum: [
+            { label: '管理员', value: '1'},
+          ],
+          ui: {
+            widget: 'select',
+            placeholder:'请选择',
+            visibleIf: { name2: (value: string) => value === '1' }
+          } as SFSelectWidgetSchema,
+        },
+        name3: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请输入50字符'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['name1', 'name2']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      },
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    // this.service.request('', { ...this.sf.value }).subscribe(res => {
+    //   if (res) {
+    //     this.modalRef.destroy(true);
+    //   } else {
+    //     this.service.msgSrv.error(res.msg);
+    //   }
+    // });
+  }
+}

src/app/routes/partner/level-config/components/list/list.component.html

@@ -0,0 +1,28 @@
+<nz-card>
+  <!-- 搜索区 -->
+  <sf
+    #sf
+    [ui]="ui"
+    [schema]="schema"
+    [mode]="'search'"
+    (formSubmit)="st?.load(1)"
+    (formReset)="resetSF()"
+  ></sf>
+</nz-card>
+
+<nz-card>
+  <button nz-button nzType="primary" style="margin-bottom: 24px" (click)="add()"><i nz-icon nzType="plus"></i>新增</button>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [bordered]="true"
+    [data]="data"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  </st>
+</nz-card>

src/app/routes/partner/level-config/components/list/list.component.ts

@@ -0,0 +1,180 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ChannelSalesService } from '../../services/level-config.service';
+import { ParterLevelConfigEditComponent } from '../edit/edit.component';
+
+@Component({
+  selector: 'app-parter-LevelConfig-list',
+  templateUrl: './list.component.html'
+})
+export class ParterLevelConfigListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+
+  data=[{name1:1111}]
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: ChannelSalesService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        name: {
+          type: 'string',
+          title: '等级姓名'
+        },
+        phone: {
+          type: 'string',
+          title: '状态'
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '等级姓名',
+        index: 'name1'
+      },
+      {
+        title: '备注',
+        index: 'name1'
+      },
+      {
+        title: '创建时间',
+        index: 'name1'
+      },
+      {
+        title: '启用时间',
+        index: 'name1'
+      },
+      {
+        title: '状态',
+        index: 'name1'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '编辑',
+            click: (_record, _modal, _instance) => this.edit(_record),
+          },
+          {
+            text: '禁用',
+            click: (_record, _modal, _instance) => this.stop(_record),
+          },
+          {
+            text: '启用',
+            click: (_record, _modal, _instance) => this.restart(_record),
+          }
+        ]
+      }
+    ];
+  }
+
+  add() {
+    const modalRef = this.modalService.create({
+      nzWidth:500,
+      nzTitle: '新增',
+      nzContent: ParterLevelConfigEditComponent,
+      nzComponentParams: { type: this.spuStatus }
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.reload();
+      }
+    });
+  }
+
+  // 编辑
+  edit(record: STData) {
+    const modalRef = this.modalService.create({
+      nzWidth:500,
+      nzTitle: '编辑',
+      nzContent: ParterLevelConfigEditComponent,
+      nzComponentParams: { i: record, type: this.spuStatus }
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.reload();
+      }
+    });
+  }
+
+   // 编辑
+   view(record: STData) {
+    const modalRef = this.modalService.create({
+      nzTitle: '查看',
+      nzContent: ParterLevelConfigEditComponent,
+      nzComponentParams: { i: record }
+    });
+  }
+
+  restart(id: any) {
+    this.modalService.confirm({
+      nzTitle: '<i>冻结确认</i>',
+      nzContent: `<b>确定启用该账号吗？</br>`,
+      // nzOnOk: () =>
+      //   this.service.request('', '').subscribe(res => {
+      //     if (res) {
+      //       this.service.msgSrv.success('冻结成功！');
+      //       this.st.reload();
+      //     }
+      //   })
+    });
+  }
+  stop(id: any) {
+    this.modalService.confirm({
+      nzTitle: '<i>冻结确认</i>',
+      nzContent: `<b>确定禁用该账号吗？</br>`,
+      // nzOnOk: () =>
+      //   this.service.request('', '').subscribe(res => {
+      //     if (res) {
+      //       this.service.msgSrv.success('冻结成功！');
+      //       this.st.reload();
+      //     }
+      //   })
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+
+
+}

src/app/routes/partner/level-config/services/level-config.service.ts

@@ -0,0 +1,12 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ChannelSalesService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}