feat: 添加关联销售

PurelzMgnead
1 parent ffece678
Showing 3 changed files with 86 additions and 45 deletions
src/pages/Client/Client/Components/ClientDrawer.tsx
src/pages/Client/Client/Components/CommunicationHistoryModal.tsx
src/pages/Client/Client/index.tsx
@@ -8,6 +8,7 @@ import {
   postResearchGroupsNameSet,
   postServiceConstClientLevels,
   postServiceConstClientSource,
+  postServiceOrderQuerySalesCode,
 } from '@/services';
  
 import { enumToSelect } from '@/utils';
@@ -18,7 +19,7 @@ import {
 } from '@ant-design/pro-components';
 import { Button, Form, message } from 'antd';
 // import { options } from 'node_modules/axios/index.cjs';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
  
 export default ({ optType, record, onFinish }) => {
   const [form] = Form.useForm();
@@ -26,6 +27,24 @@ export default ({ optType, record, onFinish }) =&gt; {
   const [province, setProvince] = useState('');
   const [city, setCity] = useState('');
   const [showReferrers, setShowReferrers] = useState(false); // 控制显示的状态，初始为false
+  const [affiliateSalesOptions, setAffiliateSalesOptions] = useState([]);
+
+  useEffect(() => {
+    const fetchAffiliateSalesOptions = async () => {
+      try {
+        const res = await postServiceOrderQuerySalesCode();
+        const options = res.data?.map((item) => ({
+          label: item.userName,
+          value: item.userName,
+        }));
+        setAffiliateSalesOptions(options || []);
+      } catch (error) {
+        console.error('Failed to fetch assign people options:', error);
+      }
+    };
+    fetchAffiliateSalesOptions();
+  }, []);
+
   const optTypeEnum = {
     add: {
       text: '新增',
@@ -152,8 +171,6 @@ export default ({ optType, record, onFinish }) =&gt; {
             console.log(value);
  
             if (value !== undefined || value !== null) {
-              console.log('setProvince');
-
               setProvince(value);
             }
           }}
@@ -350,6 +367,15 @@ export default ({ optType, record, onFinish }) =&gt; {
         label="课题组名称"
         placeholder="请输入名称"
       />
+      <Form.Item label="关联销售" name="affiliateSales">
+        <ProFormSelect
+          name="affiliateSales"
+          options={affiliateSalesOptions}
+          placeholder="请选择指派人员"
+          rules={[{ required: true, message: '请选择关联销售' }]}
+          mode="multiple"
+        />
+      </Form.Item>
       <ProFormText
         name="department"
         label="部门"
@@ -137,6 +137,7 @@ export default ({ record }) =&gt; {
   const [createByName, setCreateByName] = useState(''); // 创建人
   const [latestObject, setLatestObject] = useState(); // 最新跟进时间
   const [recordSave, setRecordSave] = useState(); //新增跟进
+  const [affiliateSales, setAffiliateSales] = useState([]);
   useEffect(() => {
     const request = async () => {
       const resShow = await postAdminClientQueryClientComunicationInfo({
@@ -174,6 +175,7 @@ export default ({ record }) =&gt; {
       setAddress(record.address);
       setNotes(record.notes);
       setCreateByName(record.createByName);
+      setAffiliateSales(record.affiliateSales.join(','));
     };
     request();
   }, []);
@@ -248,6 +250,11 @@ export default ({ record }) =&gt; {
       label: '最新跟进时间',
       children: latestObject, // 最新跟进时间
     },
+    {
+      key: '16',
+      label: '关联销售',
+      children: affiliateSales, // 创建人
+    },
   ];
   return (
     <ModalForm
@@ -105,6 +105,12 @@ const columns = [
     },
   },
   {
+    title: '关联销售',
+    hideInSearch: true,
+    hideInTable: true,
+    dataIndex: 'affiliateSales',
+  },
+  {
     title: '部门',
     width: 150,
     ellipsis: true,
@@ -295,48 +301,50 @@ const columns = [
           action.reload(); // 刷新表格
         }
       };
-      return [
-        <CommunicationHistoryModal
-          key={'communicationHistory'}
-          record={record}
-        />,
-        <ClientDrawer
-          key={'detail'}
-          record={record}
-          optType={'detail'}
-          onFinish={() => {
-            action.reload();
-          }}
-        ></ClientDrawer>,
-        <ClientModal
-          key={'add'}
-          data={record}
-          reloadTable={() => {
-            action?.reload();
-          }}
-          type={'add'}
-        />,
-        <ClientDrawer
-          key={'edit'}
-          record={record}
-          optType={'edit'}
-          onFinish={() => {
-            action.reload();
-          }}
-        ></ClientDrawer>,
-        // <a key={'delete'} onClick={handleDelete}>
-        //   删除
-        // </a>,
-        <ButtonConfirm
-          key="delete"
-          className="p-0"
-          title={'删除该客户，客户下的跟进记录会一并删除'}
-          text="删除"
-          onConfirm={async () => {
-            handleDelete();
-          }}
-        />,
-      ];
+      if (record?.paths?.includes('DETAIL')) {
+        return [
+          <CommunicationHistoryModal
+            key={'communicationHistory'}
+            record={record}
+          />,
+          <ClientDrawer
+            key={'detail'}
+            record={record}
+            optType={'detail'}
+            onFinish={() => {
+              action.reload();
+            }}
+          ></ClientDrawer>,
+          <ClientModal
+            key={'add'}
+            data={record}
+            reloadTable={() => {
+              action?.reload();
+            }}
+            type={'add'}
+          />,
+          <ClientDrawer
+            key={'edit'}
+            record={record}
+            optType={'edit'}
+            onFinish={() => {
+              action.reload();
+            }}
+          ></ClientDrawer>,
+          // <a key={'delete'} onClick={handleDelete}>
+          //   删除
+          // </a>,
+          <ButtonConfirm
+            key="delete"
+            className="p-0"
+            title={'删除该客户，客户下的跟进记录会一并删除'}
+            text="删除"
+            onConfirm={async () => {
+              handleDelete();
+            }}
+          />,
+        ];
+      }
     },
   },
 ];