feat: 客户管理模块开发

曾国涛
1 parent 1938a03b
Showing 5 changed files with 157 additions and 28 deletions
src/pages/Client/Components/ClientDrawer.tsx
src/pages/Client/Components/CommunicationHistoryModal.tsx
src/pages/Client/index.tsx
src/services/definition.ts
src/services/request.ts
 import { RESPONSE_CODE } from '@/constants/enum';
 import {
   postAdminClientAddAdminClient,
+  postAdminClientModifyClientInfo,
   postDistrictSelectByLevel,
   postDistrictSelectByNameAndLevel,
   postDistrictSelOrderProvince,
@@ -17,15 +18,53 @@ import {
 import { Button, Form, message } from 'antd';
 import { useState } from 'react';
  
-export default ({ record }) => {
+export default ({ optType, record }) => {
   const [form] = Form.useForm<{ name: string; company: string }>();
   //省市区
   const [province, setProvince] = useState('');
   const [city, setCity] = useState('');
   const [setDistrict] = useState('');
+  const optTypeEnum = {
+    add: {
+      text: '新增',
+      button: <Button type="primary">新增</Button>,
+      readonly: false,
+      onFinish: async (values) => {
+        const res = await postAdminClientAddAdminClient({
+          data: values,
+        });
+        if (res.result === RESPONSE_CODE.SUCCESS) {
+          message.success('新增成功');
+          // 不返回不会关闭弹框
+          return true;
+        }
+      },
+    },
+    edit: {
+      text: '编辑',
+      button: <a type="primary">编辑</a>,
+      readonly: false,
+      onFinish: async (values) => {
+        const res = await postAdminClientModifyClientInfo({
+          data: values,
+        });
+        if (res.result === RESPONSE_CODE.SUCCESS) {
+          message.success('编辑成功');
+          // 不返回不会关闭弹框
+          return true;
+        }
+      },
+    },
+    detail: {
+      text: '详情',
+      button: <a type="primary">详情</a>,
+      readonly: true,
+    },
+  };
+
   return (
     <DrawerForm
-      title={record ? '详情' : '编辑'}
+      title={optTypeEnum[optType].text}
       resize={{
         onResize() {
           console.log('resize!');
@@ -35,31 +74,18 @@ export default ({ record }) =&gt; {
       }}
       initialValues={record}
       form={form}
-      trigger={
-        record ? (
-          <a type="primary">详情</a>
-        ) : (
-          <Button type="primary">新增</Button>
-        )
-      }
+      trigger={optTypeEnum[optType].button}
       autoFocusFirstInput
       drawerProps={{
         destroyOnClose: true,
       }}
       submitTimeout={2000}
       width={500}
-      readonly={!!record}
-      onFinish={async (values) => {
-        const res = await postAdminClientAddAdminClient({
-          data: values,
-        });
-        if (res.result === RESPONSE_CODE.SUCCESS) {
-          message.success('新增成功');
-          // 不返回不会关闭弹框
-          return true;
-        }
-      }}
+      readonly={optTypeEnum[optType].readonly}
+      onFinish={optTypeEnum[optType].onFinish}
     >
+      <ProFormText name="id" label="id" hidden={true} />
+
       <ProFormText
         name="name"
         label="客户名称"
@@ -33,7 +33,8 @@ export default ({ clientId }) =&gt; {
     },
     {
       title: '内容',
-      width: 50,
+      width: 100,
+      valueType: 'textarea',
       rules: [{ required: true, message: '请输入内容' }],
       dataIndex: 'content',
     },
@@ -22,63 +22,75 @@ const columns = [
   {
     title: '客户名称',
     dataIndex: 'name',
+    width: 100,
     hideInSearch: true,
   },
   {
     title: '单位名称',
+    width: 150,
     dataIndex: 'companyName',
     hideInSearch: true,
   },
   {
     title: '单位地址',
+    width: 250,
     dataIndex: 'companyName',
     hideInSearch: true,
   },
   {
     title: '联系电话',
+    width: 150,
     dataIndex: 'phoneNumber',
     hideInSearch: true,
   },
   {
     title: '客户来源',
+    width: 150,
     dataIndex: 'source',
     hideInSearch: true,
   },
   {
     title: '推荐人',
     dataIndex: 'referrers',
+    width: 150,
     hideInSearch: true,
   },
   {
     title: '客户需求',
     dataIndex: 'requirements',
+    width: 150,
     hideInSearch: true,
   },
   {
     title: '是否已报方案',
+    width: 150,
     dataIndex: 'hasSchemeText',
     hideInSearch: true,
   },
   {
     title: '报价时间',
     key: 'since',
+    width: 150,
     dataIndex: 'quoteDatetime',
     valueType: 'dateTime',
     hideInSearch: true,
   },
   {
     title: '跟进状态',
+    width: 150,
     dataIndex: 'tradeStatusText',
     hideInSearch: true,
   },
   {
     title: '客户等级',
+    width: 150,
     dataIndex: 'levelText',
     hideInSearch: true,
   },
   {
     title: '创建时间',
     key: 'since',
+    width: 150,
     dataIndex: 'createTime',
     valueType: 'dateTime',
     hideInSearch: true,
@@ -86,6 +98,7 @@ const columns = [
   {
     title: '最新跟进时间',
     key: 'since',
+    width: 150,
     dataIndex: 'latestCommunicationTime',
     valueType: 'dateTime',
     hideInSearch: true,
@@ -147,7 +160,6 @@ const columns = [
   {
     title: '创建时间',
     valueType: 'dateRange',
-    width: 200,
     hideInTable: true,
     search: {
       transform: (value) => {
@@ -164,6 +176,7 @@ const columns = [
     title: '操作',
     valueType: 'option',
     key: 'option',
+    width: 150,
     render: (text, record) => {
       console.log(JSON.stringify(record));
       return [
@@ -171,7 +184,16 @@ const columns = [
           key={'communicationHistory'}
           clientId={record.id}
         />,
-        <ClientDrawer key={'detail'} record={record}></ClientDrawer>,
+        <ClientDrawer
+          key={'detail'}
+          record={record}
+          optType={'detail'}
+        ></ClientDrawer>,
+        <ClientDrawer
+          key={'edit'}
+          record={record}
+          optType={'edit'}
+        ></ClientDrawer>,
       ];
     },
   },
@@ -223,6 +245,9 @@ export default () =&gt; {
             </Button>,
           ],
         }}
+        scroll={{
+          x: 1400,
+        }}
         editable={{
           type: 'multiple',
         }}
@@ -261,7 +286,7 @@ export default () =&gt; {
         dateFormatter="string"
         headerTitle="高级表格"
         toolBarRender={() => [
-          <ClientDrawer key="button"></ClientDrawer>,
+          <ClientDrawer optType={'add'} key="button"></ClientDrawer>,
           <ClientImportModal key="import" />,
         ]}
       />
@@ -117,6 +117,8 @@ export interface AdminClientDto {
    */
   hasScheme?: boolean;
   hasSchemeText?: string;
+  /** @format int64 */
+  id?: number;
   /** @format date-time */
   latestCommunicationTime?: string;
   /**
@@ -1940,7 +1942,8 @@ export interface QueryClientDto {
 }
  
 export interface QueryCommunicationInfoDto {
-  clientId?: string;
+  /** @format int64 */
+  clientId?: number;
   content?: string;
   /** @format int32 */
   current?: number;
@@ -1948,7 +1951,8 @@ export interface QueryCommunicationInfoDto {
   datetime?: string;
   /** @format int32 */
   end?: number;
-  id?: string;
+  /** @format int64 */
+  id?: number;
   /** @format int32 */
   pageSize?: number;
   /** @format int32 */
@@ -2728,7 +2732,8 @@ export interface ApiOrderConfirmReceiveRequest {
 }
  
 export interface ClientCommunicationInfo {
-  clientId?: string;
+  /** @format int64 */
+  clientId?: number;
   /**
    * @description
    *   内容
@@ -2743,7 +2748,8 @@ export interface ClientCommunicationInfo {
    * @format date-time
    */
   datetime?: string;
-  id?: string;
+  /** @format int64 */
+  id?: number;
   logicDelete?: boolean;
   updateByName?: string;
   /** @format date-time */
@@ -609,6 +609,77 @@ export const postAdminClientModifyClientComunicationInfo =
     return request;
   })();
  
+/** @description request parameter type for postAdminClientModifyClientInfo */
+export interface PostAdminClientModifyClientInfoOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: AdminClientDto;
+  };
+}
+
+/** @description response type for postAdminClientModifyClientInfo */
+export interface PostAdminClientModifyClientInfoResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostAdminClientModifyClientInfoResponseSuccess =
+  PostAdminClientModifyClientInfoResponse[200];
+/**
+ * @description
+ *   修改跟进信息
+ * @tags 客户管理
+ * @produces *
+ * @consumes application/json
+ */
+export const postAdminClientModifyClientInfo = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/admin/client/modifyClientInfo';
+  function request(
+    option: PostAdminClientModifyClientInfoOption,
+  ): Promise<PostAdminClientModifyClientInfoResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostAdminClientModifyClientInfoResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postAdminClientQueryClientComunicationInfo */
 export interface PostAdminClientQueryClientComunicationInfoOption {
   /**