crm对接完成

2021-12-27 10:30:50 +08:00
parent aefcd67313
commit 775114e4ef
8 changed files with 275 additions and 85 deletions
--- a/src/app/routes/sys-setting/components/crm-management/crm-management.component.html
+++ b/src/app/routes/sys-setting/components/crm-management/crm-management.component.html
@ -1,37 +1,70 @@
 <!--
 * @Author: your name
 * @Date: 2021-12-24 15:38:08
- * @LastEditTime: 2021-12-24 15:53:02
- * @LastEditors: your name
+ * @LastEditTime: 2021-12-27 10:30:01
+ * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \tms-obc-web\src\app\routes\sys-setting\components\crm-management\crm-management.component.html
 -->
 <page-header-wrapper title="CRM客户管理">
 </page-header-wrapper>

-<nz-card class="search-box">
+<nz-card >
    <div nz-row nzGutter="8">
-        <div nz-col [nzSpan]="6">
-            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
-                [button]="'none'"></sf>
+        <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+        <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+          <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="service.http.loading"
+            (formSubmit)="st?.load(1)" (formReset)="resetSF()"></sf>
        </div>
-        <div nz-col [nzSpan]="8" nzOffset="1">
-            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+    
+        <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+        <ng-container *ngIf="queryFieldCount > 4">
+          <div nz-col [nzSpan]="_$expand ? 24 : 18">
+            <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+          </div>
+          <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+            <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="service.http.loading"
+              (click)="st?.load(1)">查询</button>
+            <button nz-button nzType="primary" 
+             >导出</button>
            <button nz-button (click)="resetSF()">重置</button>
-        </div>
-    </div>
+            <button nz-button nzType="link" (click)="expandToggle()">
+              {{ !_$expand ? '展开' : '收起' }}
+              <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+          </div>
+        </ng-container>
+      </div>
 </nz-card>

 <nz-card class="content-box">

    <div class="d-flex justify-content-end mb-sm">
        <div>
-            <button nz-button nzType="primary" (click)="roleAction()" >新建角色</button>
+            <button nz-button nzType="primary" (click)="roleAction('',1)" >新增CRM客户</button>
        </div>
    </div>
-    <st #st [data]="url" [columns]="columns"
+    <st #st [data]="service.$api_get_crmCustomer_page" [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] }"
-        [loading]="service.http.loading" [scroll]="{ y: '370px' }" (change)="stChange($event)"></st>
-</nz-card>
+        [loading]="service.http.loading" [scroll]="{ y: '370px' }" (change)="stChange($event)">
+        <ng-template st-row="customerType" let-item let-index="index">
+            <div>
+              <span *ngIf="item?.customerType == 1">客户</span>
+              <span *ngIf="item?.customerType == 2">供应商</span>
+            </div>
+          </ng-template>
+    </st>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible"   [nzFooter]="nzModalFooter" [nzTitle]="editText" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+    <ng-container *nzModalContent>
+      <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'">
+      </sf>
+    </ng-container>
+    <ng-template #nzModalFooter>
+      <button nz-button nzType="primary" (click)="handleCancel()" [disabled]="">取消</button>
+      <button nz-button nzType="default" (click)="handleOK()">确 定</button>
+    </ng-template>
+</nz-modal>
--- a/src/app/routes/sys-setting/components/crm-management/crm-management.component.ts
+++ b/src/app/routes/sys-setting/components/crm-management/crm-management.component.ts
@ -1,6 +1,6 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
 import { STComponent, STColumn, STChange } from '@delon/abc/st';
-import { SFComponent, SFSchema } from '@delon/form';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { SystemService } from '../../services/system.service';

@ -12,52 +12,48 @@ import { SystemService } from '../../services/system.service';
 export class CrmManagementComponent implements OnInit {
  @ViewChild('st', { static: true })
  st!: STComponent;
-  @ViewChild('sf', { static: false })
-  sf!: SFComponent;
-
-  url = `/rule?_allow_anonymous=true`;
-
-  searchSchema: SFSchema = {
-    properties: {
-      receiveName: {
-        type: 'string',
-        title: '角色名称',
-        ui: { placeholder: '请输入' }
-      }
-    }
-  };
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData :any;
+  isVisible = false;
+  edit = false;
+  editId = false;

  columns: STColumn[] = [
-    { title: '角色名称', index: 'no' },
-    { title: '角色描述', index: 'description' },
-    { title: '创建人手机号', index: 'description' },
-    {
-      title: '创建时间',
-      index: 'updatedAt',
-      type: 'date'
-    },
+    { title: '客户名称', index: 'customerName' },
+    { title: '客户简称', index: 'customerShortName' },
+    { title: '客户编码', index: 'customerCode' },
+    { title: '客户类型', render: 'customerType' },
    {
      title: '操作',
      buttons: [
        {
          text: '编辑',
-          click: item => this.roleAction(item)
+          click: item => this.roleAction(item, 2)
        },
-        {
-          text: '删除',
-          click: item => this.deleteAction(item)
-        }
      ]
    }
  ];

  selectedRows: any[] = [];

-  reqParams = { pageIndex: 1, pageSize: 10 };
+  get reqParams (){ 
+    return {
+    ...this.sf?.value,
+  }};

  constructor(public service: SystemService, private nzModalService: NzModalService) {}

-  ngOnInit(): void {}
+  ngOnInit(): void {
+    this.initSF()
+    this.initSFFre()
+  }

  stChange(e: STChange): void {
    switch (e.type) {
@ -69,17 +65,108 @@ export class CrmManagementComponent implements OnInit {
        break;
    }
  }
-
-  roleAction(item?: any) {
-    const modal = this.nzModalService.create({
-      // nzContent: SettingRoleEditComponent,
-      nzWidth: 900,
-      nzComponentParams: item ? { i: { ...item } } : { i: { id: 0 } },
-      nzFooter: null
-    });
-    modal.afterClose.subscribe(res => {
-      this.st.load();
-    });
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+  initSF(){
+  this.schema = {
+    properties: {
+      _$expand: { type: 'boolean', ui: { hidden: true } },
+      customerName: {
+        type: 'string',
+        title: '客户名称',
+        ui: { placeholder: '请输入' }
+      },
+      customerShortName: {
+        type: 'string',
+        title: '客户简称',
+        ui: { placeholder: '请输入' }
+      },
+      customerType: {
+        type: 'string',
+        title: '客户类型',
+        enum: [
+          { label: '客户', value: 1 },
+          { label: '供应商', value: 2 },
+        ],
+        ui: { 
+          widget: 'select'
+         }
+      },
+      customerCode: {
+        type: 'string',
+        title: '客户编码',
+        ui: { placeholder: '请输入',
+        visibleIf: {
+          _$expand: (value: boolean) => value
+        } }
+      },
+    }
+    
+  };
+  this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFFre() {
+  this.addSchema = {
+    properties: {
+      customerName: {
+        type: 'string',
+        title: '客户名称',
+        ui: { placeholder: '请输入' }
+      },
+      customerShortName: {
+        type: 'string',
+        title: '客户简称',
+        ui: { placeholder: '请输入' }
+      },
+      customerCode: {
+        type: 'string',
+        title: '客户编码',
+        ui: { placeholder: '请输入' }
+      },
+      customerType: {
+        type: 'string',
+        title: '客户类型',
+        enum: [
+          { label: '客户', value: 1 },
+          { label: '供应商', value: 2 },
+        ],
+        ui: {
+          widget: 'radio',
+        } as SFRadioWidgetSchema,
+        default: 1,
+      },
+  },
+  required: ['customerName', 'customerShortName', 'customerType', 'customerCode']
+  };
+this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+}
+  roleAction(value: any,item?: any) {
+    if(item === 1) {
+      this.edit = false;
+      this.editText = '新增';
+    } else {
+      this.service.request(this.service.$api_get_crmCustomer, {id: value.id}).subscribe((res: any) => {
+        console.log(res)
+        if(res) {
+          this.formData = res;
+        }
+      })
+      this.edit = true;
+      this.editId = value.id;
+      this.editText = '编辑';
+    }
+   this.isVisible = true;
  }

  deleteAction(item?: any) {
@ -97,4 +184,31 @@ export class CrmManagementComponent implements OnInit {
  resetSF() {
    this.sf.reset();
  }
+  handleCancel() {
+    this.isVisible = false
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value)
+    if(!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！')
+      return
+    }
+    const params ={
+      ...this.sfFre.value
+    }
+    if(this.editId) {
+      params.id = this.editId
+    }
+    this.service.request(this.service.$api_save_crmCustomer, params).subscribe((res:any) => {
+      if(res) {
+    this.service.msgSrv.success('保存成功！')
+    this.isVisible = false
+    this.st.reload();
+      } else {
+    this.service.msgSrv.warning(res?.msg)
+
+      }
+    })
+  }
 }
--- a/src/app/routes/sys-setting/services/system.service.ts
+++ b/src/app/routes/sys-setting/services/system.service.ts
@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-20 17:18:43
+ * @LastEditTime: 2021-12-27 09:30:39
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\sys-setting\services\system.service.ts
+ */
 import { Injectable, Injector } from '@angular/core';
 import { BaseService } from 'src/app/shared/services';

@ -28,6 +36,16 @@ export class SystemService extends BaseService {
  $api_update_dict = '/api/mdc/pbc/dictItems/update';


+  // 获取CRM客户信息表
+  $api_get_crmCustomer = '/api/mdc/crmCustomer/get';
+  // 查询CRM客户信息表
+  $api_get_crmCustomer_page = '/api/mdc/crmCustomer/list/page';
+  // 保存CRM客户信息表
+  $api_save_crmCustomer = '/api/mdc/crmCustomer/save';
+  // 删除CRM客户信息表
+  $api_deletebatch_crmCustomer = '/api/mdc/crmCustomer/deletebatch';
+
+
  $api_getAllFunctionInfoByAppId: string = '';
  $api_getRoleTemplateInfo: string = '';
  $api_getFunctionButtonInfo: string = '';