feat: 开发客户列表编辑多个工单

boyang
1 parent 8534395e
Showing 12 changed files with 714 additions and 359 deletions
src/pages/Client/Client/Components/ClientInformationModal.tsx
src/pages/Client/Client/Components/ClientModal.tsx
src/pages/Client/Client/Components/InformationHistoryModal.tsx
src/pages/Client/FollowRecord/Components/ClientModal.tsx
src/pages/Client/FollowRecord/Components/CommunicationHistoryModal.tsx
src/pages/Order/Order/components/FeedbackRegistrationModal.tsx
src/pages/Order/Order/index.tsx
src/pages/Order/OrderList/FeedbackRegistrationModal.tsx
src/pages/Order/OrderList/OrderList.tsx
src/pages/Order/OrderWarning/components/FeedbackRegistrationModal.tsx
src/pages/Order/OrderWarning/index.tsx
src/pages/Order/WarningWhitelist/index.tsx
 import { RESPONSE_CODE } from '@/constants/enum';
-import UploadC from '@/pages/Invoice/waitProcessRecord/components/UploadSingleImg';
 import {
   postAdminClientAddOrModifyClientComunicationInfo,
   postAdminClientQueryClientPage,
@@ -10,19 +9,51 @@ import {
 } from '@/services';
 import { enumToSelect } from '@/utils';
 import {
+  FormListActionType,
   ModalForm,
+  ProCard,
   ProFormDateTimePicker,
+  ProFormList,
   ProFormSelect,
   ProFormText,
   ProFormTextArea,
   ProFormUploadDragger,
 } from '@ant-design/pro-components';
-import { Button, Col, Form, Row, message } from 'antd';
+import { Button, Form, message } from 'antd';
 import { RcFile } from 'antd/es/upload';
+import { useRef } from 'react';
 import './style.css';
 export default ({ data, type, reloadTable }) => {
   const [form] = Form.useForm();
+  const actionRef = useRef<
+    FormListActionType<{
+      name: string;
+    }>
+  >();
+  const fileList: any = [];
   const onfinish = async (values) => {
+    console.log(values, '5656values');
+
+    let list = values.ticketsList;
+    console.log(list, '5656list');
+    list = list.map((item, index) => {
+      // 尝试从 item.filePaths 中获取 annexUrl
+      const itemAnnexUrl = item?.filePaths?.[0]?.response?.data?.[0] || null;
+
+      // 如果 itemAnnexUrl 为 null，则使用 data.ticketsList 对应的 annexUrl
+      if (
+        itemAnnexUrl === null &&
+        data.ticketsList[index]?.annexUrl &&
+        index < data.ticketsList.length
+      ) {
+        item.annexUrl = data.ticketsList[index].annexUrl; // 确保对比中的 annesUrl 也是 null
+      } else {
+        item.annexUrl = itemAnnexUrl; // 否则，使用从 item.filePaths 中获取的值
+      }
+      return item;
+    });
+
+    values.list = list;
     const resSearchId = await postAdminClientQueryClientPage({
       data: {
         groupFilter: 'all',
@@ -54,25 +85,32 @@ export default ({ data, type, reloadTable }) =&gt; {
   const editOnfinish = async (values) => {
     // setEditClientId(data.clientId);
     values.clientId = data.clientId;
-    console.log(values, '5656editClientId');
-
-    // const resSearchId = await postAdminClientQueryClientPage({
-    //   data: {
-    //     groupFilter: 'all',
-    //   },
-    // });
-    // const matchingItem = resSearchId.data.data.find(
-    //   (item) => item.id === values.name,
-    // );
+    let list = values.ticketsList;
+    list = list.map((item, index) => {
+      // 尝试从 item.filePaths 中获取 annexUrl
+      const itemAnnexUrl = item?.filePaths?.[0]?.response?.data?.[0] || null;
+      // 如果 itemAnnexUrl 为 null，则使用 data.ticketsList 对应的 annexUrl
+      if (
+        itemAnnexUrl === null &&
+        data.ticketsList[index]?.annexUrl &&
+        index < data.ticketsList.length
+      ) {
+        item.annexUrl = data.ticketsList[index].annexUrl; // 确保对比中的 annesUrl 也是 null
+      } else {
+        item.annexUrl = itemAnnexUrl; // 否则，使用从 item.filePaths 中获取的值
+      }
+      return item;
+    });
+    values.list = list;
     const res = await postAdminClientAddOrModifyClientComunicationInfo({
       data: {
         ...values,
         // ticketsAttachments: form.getFieldValue("ticketsAttachments"),
-        ticketsAttachments:
-          form.getFieldValue('ticketsAttachments') !== undefined
-            ? form.getFieldValue('ticketsAttachments')
-            : data?.ticketsAttachments,
+        // ticketsAttachments:
+        //   form.getFieldValue('ticketsAttachments') !== undefined
+        //     ? form.getFieldValue('ticketsAttachments')
+        //     : data?.ticketsAttachments,
         // ticketsAttachments: data?.annexUrl,
       },
     });
@@ -150,7 +188,6 @@ export default ({ data, type, reloadTable }) =&gt; {
               groupFilter: 'all',
             },
           });
-          console.log(data, '5656data?.nameedit');
           // const namesArray = res.data.data.map((item) => item.name);
           // const formattedObject = res.data.data.reduce((acc, name) => {
           //   acc[name] = name; // 将名称作为键和值
@@ -180,7 +217,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         label="联系人"
         width="sm"
         placeholder="请输入联系人"
-        initialValue={data?.content}
+        initialValue={data?.contact}
         readonly={optType[type].readOnly}
         rules={[
           {
@@ -194,7 +231,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         label="联系电话"
         width="sm"
         placeholder="请输入联系电话"
-        initialValue={data?.content}
+        initialValue={data?.contactPhone}
         readonly={optType[type].readOnly}
         rules={[
           {
@@ -314,7 +351,168 @@ export default ({ data, type, reloadTable }) =&gt; {
         hidden
       ></ProFormText>
       <ProFormText initialValue={data?.id} name="id" hidden></ProFormText>
-      <div className="styled-text">
+      <h2>工单指派</h2>
+      <ProFormList
+        // creatorButtonProps={{ disabled: optType('after-sales-check') }}
+        // deleteIconProps={!optType('after-sales-check')}
+        deleteIconProps={true}
+        name="ticketsList"
+        label=""
+        copyIconProps={false} //复制按钮不显示
+        // initialValue={[
+        //   {
+        //     ticketsType: '',
+        //     ticketsDetail: '',
+        //     assignPeople: '',
+        //     ticketsAttachment: '',
+        //     ticketsAttachments: '',
+        //   },
+        // ]}
+        initialValue={
+          optType[type].title === '修改跟进记录'
+            ? data.ticketsList || []
+            : [
+                {
+                  type: '',
+                  detailText: '',
+                  assignPeople: '',
+                  annexUrl: '',
+                },
+              ]
+        }
+        actionGuard={{
+          beforeRemoveRow: async () => {
+            return new Promise((resolve) => {
+              let list = form.getFieldValue('ticketsList');
+              if (list && list.length === 1) {
+                message.error('至少需要保留一个工单');
+                resolve(false);
+                return;
+              }
+              resolve(true);
+            });
+          },
+        }}
+        itemRender={(doms, listMeta) => {
+          if (optType[type].title === '修改跟进记录') {
+            // let i = 0;
+            // // let defaultFileList = data.ticketsList?.annexUrl?.map((annex) => {
+            // //   return {
+            // //     uid: i++,
+            // //     name: annex,
+            // //     status: 'uploaded',
+            // //     url: annex,
+            // //     response: { data: [annex] },
+            // //   };
+            // // });
+            let defaultFileList = [
+              {
+                uid: listMeta.index,
+                name: data.ticketsList[listMeta.index]?.annexUrl,
+                status: 'uploaded',
+                url: data.ticketsList[listMeta.index]?.annexUrl,
+                response: {
+                  data: [data.ticketsList[listMeta.index]?.annexUrl],
+                },
+              },
+            ];
+            fileList[listMeta.index] = defaultFileList;
+          }
+          let itemFileList = fileList[listMeta.index];
+          return (
+            <ProCard
+              bordered
+              extra={doms.action}
+              title={'工单指派' + (listMeta.index + 1)}
+              style={{
+                marginBlockEnd: 8,
+              }}
+            >
+              {[
+                <ProFormSelect
+                  key={'type' + listMeta.index}
+                  name="type"
+                  label="工单类型"
+                  width="sm"
+                  placeholder="请输入工单类型"
+                  readonly={optType[type].readOnly}
+                  fieldProps={{
+                    labelInValue: false,
+                  }}
+                  // initialValue={data?.ticketsList?.type ? data?.ticketsList?.type + '' : null}
+                  initialValue={
+                    data?.ticketsList ? data?.ticketsList?.type + '' : null
+                  }
+                  request={async () => {
+                    return [
+                      { label: '问题', value: 'QUESTION' },
+                      { label: '需求', value: 'DEMAND' },
+                      { label: '建议', value: 'ADVICE' },
+                    ];
+                  }}
+                />,
+                <ProFormTextArea
+                  key={'detailText' + listMeta.index}
+                  name="detailText"
+                  label="工单详情"
+                  placeholder="请输入工单详情"
+                  initialValue={data?.detailText ? data?.detailText + '' : null}
+                  readonly={optType[type].readOnly}
+                ></ProFormTextArea>,
+                <ProFormSelect
+                  key={'assignPeople' + listMeta.index}
+                  name="assignPeople"
+                  width="sm"
+                  readonly={optType[type].readOnly}
+                  fieldProps={{
+                    labelInValue: false,
+                  }}
+                  initialValue={
+                    data?.assignPeople ? data?.assignPeople + '' : null
+                  }
+                  label="指派人员"
+                  request={async () => {
+                    const res = await postOrderErpUsersListByPage({
+                      data: {
+                        pageSize: 10000,
+                      },
+                    });
+
+                    const userOptions = res.data.records
+                      ? res.data.records.map((user) => ({
+                          label: user.userName, // 或者使用其他需要的属性
+                          value: user.userName, // 作为value的字段
+                        }))
+                      : [];
+                    return userOptions;
+                  }}
+                ></ProFormSelect>,
+                <>
+                  <ProFormUploadDragger
+                    key={'filePaths' + listMeta.index}
+                    label="附件"
+                    name="filePaths"
+                    action="/api/service/order/fileProcess"
+                    fieldProps={{
+                      headers: {
+                        Authorization: localStorage.getItem('token'),
+                      },
+                      // headers: {
+                      //   'Content-Type':
+                      //     'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
+                      // },
+                      itemFileList,
+                    }}
+                    max={1}
+                  />
+                </>,
+              ]}
+            </ProCard>
+          );
+        }}
+        actionRef={actionRef}
+      ></ProFormList>
+      {/* <div className="styled-text">
         <div className="vertical-line"></div>
         <span className="text">工单指派</span>
       </div>
@@ -342,7 +540,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         placeholder="请输入工单详情"
         initialValue={data?.ticketsDetail ? data?.ticketsDetail + '' : null}
         readonly={optType[type].readOnly}
-      ></ProFormTextArea>
+      ></ProFormTextArea> */}
       {/* <ProFormUploadDragger
         label="工单附件"
         name="ticketsAttachment"
@@ -371,7 +569,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         }}
         max={1}
       /> */}
-      <Row>
+      {/* <Row>
         <Col span={4}>附件:</Col>
         <Col span={20}>
           <UploadC
@@ -426,13 +624,13 @@ export default ({ data, type, reloadTable }) =&gt; {
           const userOptions = res.data.records
             ? res.data.records.map((user) => ({
-                label: user.userName, // 或者使用其他需要的属性
-                value: user.userName, // 作为value的字段
-              }))
+              label: user.userName, // 或者使用其他需要的属性
+              value: user.userName, // 作为value的字段
+            }))
             : [];
           return userOptions;
         }}
-      ></ProFormSelect>
+      ></ProFormSelect> */}
     </ModalForm>
   );
 };
 import { RESPONSE_CODE } from '@/constants/enum';
-import UploadC from '@/pages/Invoice/waitProcessRecord/components/UploadSingleImg';
 import {
   postAdminClientAddOrModifyClientComunicationInfo,
   postAdminClientQueryClientPage,
@@ -10,74 +9,47 @@ import {
 } from '@/services';
 import { enumToSelect } from '@/utils';
 import {
+  FormListActionType,
   ModalForm,
+  ProCard,
   ProFormDateTimePicker,
+  ProFormList,
   ProFormSelect,
   ProFormText,
   ProFormTextArea,
   ProFormUploadDragger,
 } from '@ant-design/pro-components';
-import { Button, Col, Form, Row, message } from 'antd';
+import { Button, Form, message } from 'antd';
 import { RcFile } from 'antd/es/upload';
+import { useRef } from 'react';
 import './style.css';
-// import { useRef, useState } from 'react';
 export default ({ data, type, reloadTable }) => {
-  // const initialItems = [
-  //   { label: 'Tab 1', children: 'Content of Tab 1', key: '1' },
-  // ];
-  // const [activeKey, setActiveKey] = useState(initialItems[0].key);
-  // const [items, setItems] = useState(initialItems);
-  // const newTabIndex = useRef(1);
-
-  // const onChange = (newActiveKey: string) => {
-  //   setActiveKey(newActiveKey);
-  // };
-
-  // const add = () => {
-  //   // 生成新的标签名，格式为 'Tab {num}'
-  //   const newTabLabel = `Tab ${newTabIndex.current + 1}`;
-  //   // 增加索引，保证下次生成新的Tab名称时，num会递增
-  //   newTabIndex.current++;
-  //   // 创建新的panes，追加新Tab
-  //   const newActiveKey = `newTab${newTabIndex.current}`;
-  //   const newPanes = [...items];
-  //   newPanes.push({ label: newTabLabel, children: 'Content of new Tab', key: newActiveKey });
-  //   setItems(newPanes);
-  //   setActiveKey(newActiveKey);
-  // };
-
-  // const remove = (targetKey: TargetKey) => {
-  //   let newActiveKey = activeKey;
-  //   let lastIndex = -1;
-  //   items.forEach((item, i) => {
-  //     if (item.key === targetKey) {
-  //       lastIndex = i - 1;
-  //     }
-  //   });
-  //   const newPanes = items.filter((item) => item.key !== targetKey);
-  //   if (newPanes.length && newActiveKey === targetKey) {
-  //     if (lastIndex >= 0) {
-  //       newActiveKey = newPanes[lastIndex].key;
-  //     } else {
-  //       newActiveKey = newPanes[0].key;
-  //     }
-  //   }
-  //   setItems(newPanes);
-  //   setActiveKey(newActiveKey);
-  // };
-
-  // const onEdit = (
-  //   targetKey: React.MouseEvent | React.KeyboardEvent | string,
-  //   action: 'add' | 'remove',
-  // ) => {
-  //   if (action === 'add') {
-  //     add();
-  //   } else {
-  //     remove(targetKey);
-  //   }
-  // };
   const [form] = Form.useForm();
+  const actionRef = useRef<
+    FormListActionType<{
+      name: string;
+    }>
+  >();
+  const fileList: any = [];
   const onfinish = async (values) => {
+    let list = values.list;
+    list = list.map((item, index) => {
+      // 尝试从 item.filePaths 中获取 annexUrl
+      const itemAnnexUrl = item?.filePaths?.[0]?.response?.data?.[0] || null;
+
+      // 如果 itemAnnexUrl 为 null，则使用 data.ticketsList 对应的 annexUrl
+      if (
+        itemAnnexUrl === null &&
+        data.ticketsList[index]?.annexUrl &&
+        index < data.ticketsList.length
+      ) {
+        item.annexUrl = data.ticketsList[index].annexUrl; // 确保对比中的 annesUrl 也是 null
+      } else {
+        item.annexUrl = itemAnnexUrl; // 否则，使用从 item.filePaths 中获取的值
+      }
+      return item;
+    });
+    values.list = list;
     const res = await postAdminClientAddOrModifyClientComunicationInfo({
       data: {
         ...values,
@@ -184,7 +156,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         label="联系人"
         width="sm"
         placeholder="请输入联系人"
-        initialValue={data?.content}
+        initialValue={data?.contact}
         readonly={optType[type].readOnly}
         rules={[
           {
@@ -198,7 +170,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         label="联系电话"
         width="sm"
         placeholder="请输入联系电话"
-        initialValue={data?.content}
+        initialValue={data?.contactPhone}
         readonly={optType[type].readOnly}
         rules={[
           {
@@ -318,132 +290,140 @@ export default ({ data, type, reloadTable }) =&gt; {
         hidden
       ></ProFormText>
       <ProFormText initialValue={data?.id} name="id" hidden></ProFormText>
-      {/* <Tabs
-        type="editable-card"
-        onChange={onChange}
-        activeKey={activeKey}
-        onEdit={onEdit}
-        items={items}
-      /> */}
-      <div className="styled-text">
-        <div className="vertical-line"></div>
-        <span className="text">工单指派</span>
-      </div>
-      <ProFormSelect
-        name="ticketsType"
-        label="工单类型"
-        width="sm"
-        placeholder="请输入工单类型"
-        readonly={optType[type].readOnly}
-        fieldProps={{
-          labelInValue: false,
-        }}
-        initialValue={data?.type ? data?.type + '' : null}
-        request={async () => {
-          return [
-            { label: '问题', value: 'QUESTION' },
-            { label: '需求', value: 'DEMAND' },
-            { label: '建议', value: 'ADVICE' },
-          ];
-        }}
-      />
-      <ProFormTextArea
-        name="ticketsDetail"
-        label="工单详情"
-        placeholder="请输入工单详情"
-        initialValue={data?.detailText ? data?.detailText + '' : null}
-        readonly={optType[type].readOnly}
-      ></ProFormTextArea>
-      <Row>
-        <Col span={4}>附件:</Col>
-        <Col span={20}>
-          <UploadC
-            onFilesChange={async (newFileList) => {
-              if (newFileList.length > 0) {
-                const urls = []; // 创建一个数组来存储所有的 URL
-
-                for (const file of newFileList) {
-                  const formData = new FormData();
-                  formData.append('file', file.originFileObj as RcFile);
-
-                  const res = await postOrderErpOrderStagesUpload({
-                    data: formData,
-                    headers: {
-                      'Content-Type':
-                        'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
-                    },
-                  });
-
-                  const url = res.data; // 获取响应中的 URL
-                  urls.push(url); // 将每个 URL 追加到数组中
-                }
-
-                // 将所有 URL 使用 ',' 进行拼接
-                const combinedUrl = urls.join(',');
-                form.setFieldValue('ticketsAttachments', combinedUrl); // 设置表单字段值为拼接后的 URL
-              } else {
-                form.setFieldValue('ticketsAttachments', null); // 如果没有文件，则清空 URL
+      <h2>工单指派</h2>
+      <ProFormList
+        // creatorButtonProps={{ disabled: optType('after-sales-check') }}
+        // deleteIconProps={!optType('after-sales-check')}
+        deleteIconProps={true}
+        name="list"
+        label=""
+        copyIconProps={false} //复制按钮不显示
+        initialValue={[
+          {
+            type: '',
+            detailText: '',
+            assignPeople: '',
+            annexUrl: '',
+          },
+        ]}
+        actionGuard={{
+          beforeRemoveRow: async () => {
+            return new Promise((resolve) => {
+              let list = form.getFieldValue('list');
+              if (list && list.length === 1) {
+                message.error('至少需要保留一个工单');
+                resolve(false);
+                return;
               }
-            }}
-          ></UploadC>
-        </Col>
-      </Row>
-      {/* <ProFormUploadDragger
-        label="工单附件"
-        name="ticketsAttachment"
-        action="upload.do"
-        hidden={optType[type].readOnly}
-        onChange={(info) => {
-          const uploadFile = async ({ fileList: newFileList }) => {
-            if (newFileList.length > 0) {
-              const formData = new FormData();
-              formData.append('file', newFileList[0].originFileObj as RcFile);
-              const res = await postOrderErpOrderStagesUpload({
-                data: formData,
-                headers: {
-                  'Content-Type':
-                    'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
-                },
-              });
-              const url = res.data;
-              console.log('ticketsAttachments' + JSON.stringify(url));
-              form.setFieldValue('ticketsAttachments', url);
-            } else {
-              form.setFieldValue('ticketsAttachments', null);
-            }
-          };
-          uploadFile(info);
-        }}
-        max={1}
-      /> */}
-      <a hidden={!optType[type].readOnly} href={data?.orderAttachment} download>
-        下载附件
-      </a>
-      <ProFormSelect
-        name="assignPeople"
-        width="sm"
-        readonly={optType[type].readOnly}
-        fieldProps={{
-          labelInValue: false,
+              resolve(true);
+            });
+          },
         }}
-        initialValue={data?.assignPeople ? data?.assignPeople + '' : null}
-        label="指派人员"
-        request={async () => {
-          const res = await postOrderErpUsersListByPage({
-            data: {
-              pageSize: 10000,
-            },
-          });
+        itemRender={(doms, listMeta) => {
+          if (optType[type].modify || optType[type].add || optType[type].add2) {
+            let i = 0;
+            let defaultFileList = listMeta.record?.listAnnex?.map((annex) => {
+              return {
+                uid: i++,
+                name: annex,
+                status: 'uploaded',
+                url: annex,
+                response: { data: [annex] },
+              };
+            });
+            fileList[listMeta.index] = defaultFileList;
+          }
+          let itemFileList = fileList[listMeta.index];
+          return (
+            <ProCard
+              bordered
+              extra={doms.action}
+              title={'工单指派' + (listMeta.index + 1)}
+              style={{
+                marginBlockEnd: 8,
+              }}
+            >
+              {[
+                <ProFormSelect
+                  key={'type' + listMeta.index}
+                  name="type"
+                  label="工单类型"
+                  width="sm"
+                  placeholder="请输入工单类型"
+                  readonly={optType[type].readOnly}
+                  fieldProps={{
+                    labelInValue: false,
+                  }}
+                  initialValue={data?.type ? data?.type + '' : null}
+                  request={async () => {
+                    return [
+                      { label: '问题', value: 'QUESTION' },
+                      { label: '需求', value: 'DEMAND' },
+                      { label: '建议', value: 'ADVICE' },
+                    ];
+                  }}
+                />,
+                <ProFormTextArea
+                  key={'detailText' + listMeta.index}
+                  name="detailText"
+                  label="工单详情"
+                  placeholder="请输入工单详情"
+                  initialValue={data?.detailText ? data?.detailText + '' : null}
+                  readonly={optType[type].readOnly}
+                ></ProFormTextArea>,
+                <ProFormSelect
+                  key={'assignPeople' + listMeta.index}
+                  name="assignPeople"
+                  width="sm"
+                  readonly={optType[type].readOnly}
+                  fieldProps={{
+                    labelInValue: false,
+                  }}
+                  initialValue={
+                    data?.assignPeople ? data?.assignPeople + '' : null
+                  }
+                  label="指派人员"
+                  request={async () => {
+                    const res = await postOrderErpUsersListByPage({
+                      data: {
+                        pageSize: 10000,
+                      },
+                    });
-          const userOptions = res.data.records
-            ? res.data.records.map((user) => ({
-                label: user.userName, // 或者使用其他需要的属性
-                value: user.userName, // 作为value的字段
-              }))
-            : [];
-          return userOptions;
+                    const userOptions = res.data.records
+                      ? res.data.records.map((user) => ({
+                          label: user.userName, // 或者使用其他需要的属性
+                          value: user.userName, // 作为value的字段
+                        }))
+                      : [];
+                    return userOptions;
+                  }}
+                ></ProFormSelect>,
+                <>
+                  <ProFormUploadDragger
+                    key={'filePaths' + listMeta.index}
+                    label="附件"
+                    name="filePaths"
+                    action="/api/service/order/fileProcess"
+                    fieldProps={{
+                      headers: {
+                        Authorization: localStorage.getItem('token'),
+                      },
+                      // headers: {
+                      //   'Content-Type':
+                      //     'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
+                      // },
+                      itemFileList,
+                    }}
+                    max={1}
+                  />
+                </>,
+              ]}
+            </ProCard>
+          );
         }}
-      ></ProFormSelect>
+        actionRef={actionRef}
+      ></ProFormList>
     </ModalForm>
   );
 };
@@ -27,10 +27,6 @@ export default ({ data, reloadTable }) =&gt; {
   const [createTime, setCreateTime] = useState(null); // 创建时间
   const [attachments, setAttachments] = useState(); //附件
   const [attachmentsName, setAttachmentsName] = useState(''); // 附件名称
-  const [ticketsType, setTicketsType] = useState(''); // 附件名称
-  const [ticketsDetail, setTicketsDetail] = useState(''); // 附件名称
-  const [ticketsAttachment, setTicketsAttachment] = useState(''); // 附件名称
-  const [assignPeople, setAssignPeople] = useState(''); // 附件名称
   const [comment, setComment] = useState(''); // 客户评价
   useEffect(() => {
@@ -56,10 +52,6 @@ export default ({ data, reloadTable }) =&gt; {
           }
         }
         setComment(dataSearch.comment);
-        setTicketsType(dataSearch.ticketsTypeText);
-        setTicketsDetail(dataSearch.ticketsDetail);
-        setTicketsAttachment(dataSearch.ticketsAttachments);
-        setAssignPeople(dataSearch.assignPeople);
         setDatetime(dataSearch.datetime); // 设置跟进日期
         // setDateRange(data.dateRange || []); // 设置跟进时间范围
         setCreateByName(dataSearch.createByName); // 设置跟进人员
@@ -115,26 +107,6 @@ export default ({ data, reloadTable }) =&gt; {
     },
     {
       key: '8',
-      label: '工单类型',
-      children: ticketsType, // 跟进状态
-    },
-    {
-      key: '9',
-      label: '工单详情',
-      children: ticketsDetail, // 跟进状态
-    },
-    // {
-    //   key: '10',
-    //   label: '工单附件',
-    //   children: ticketsAttachment, // 跟进状态
-    // },
-    {
-      key: '10',
-      label: '指派人员',
-      children: assignPeople, // 跟进状态
-    },
-    {
-      key: '11',
       label: '客户评价',
       children: comment, // 跟进状态
     },
@@ -151,6 +123,40 @@ export default ({ data, reloadTable }) =&gt; {
       actionRef?.current?.reload(); // 重新加载表格数据
     }
   };
+  const TicketDescriptions = ({ data }) => {
+    return (
+      <div>
+        {data.ticketsList && data.ticketsList.length > 0 ? (
+          data.ticketsList.map((ticket, index) => (
+            <div key={index} style={{ marginBottom: '20px' }}>
+              <Descriptions title={`工单 ${index + 1}`} column={1}>
+                <Descriptions.Item label="工单类型">
+                  {ticket.typeText}
+                </Descriptions.Item>
+                <Descriptions.Item label="工单详情">
+                  {ticket.detailText}
+                </Descriptions.Item>
+                <Descriptions.Item label="指派人员">
+                  {ticket.assignPeople}
+                </Descriptions.Item>
+              </Descriptions>
+              {ticket.annexUrl && (
+                <a
+                  href={ticket.annexUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  下载工单附件
+                </a>
+              )}
+            </div>
+          ))
+        ) : (
+          <p></p>
+        )}
+      </div>
+    );
+  };
   return (
     <Space>
       <ModalForm
@@ -215,11 +221,6 @@ export default ({ data, reloadTable }) =&gt; {
         }}
       >
         <Descriptions items={items} column={1} />
-        {/* {attachmentsName && (
-          <a href={attachments} download>
-            附件：{attachmentsName}
-          </a>
-        )} */}
         {attachmentsName && (
           <div>
             {attachmentsName.endsWith('.png') ||
@@ -242,6 +243,12 @@ export default ({ data, reloadTable }) =&gt; {
             )}
           </div>
         )}
+        <TicketDescriptions data={data} />
+        {/* {attachmentsName && (
+          <a href={attachments} download>
+            附件：{attachmentsName}
+          </a>
+        )} */}
         <div></div>
         {/* {ticketsAttachment && (
@@ -271,12 +278,12 @@ export default ({ data, reloadTable }) =&gt; {
             )}
           </div>
         )} */}
-        {ticketsAttachment && (
+        {/* {ticketsAttachment && (
           <div>
             {ticketsAttachment.split(',').map((ticketsAttachment, index) => (
               <div key={index}>
                 {ticketsAttachment.includes('jpg') ||
-                ticketsAttachment.includes('png') ? (
+                  ticketsAttachment.includes('png') ? (
                   <>
                     <img
                       src={ticketsAttachment}
@@ -292,7 +299,7 @@ export default ({ data, reloadTable }) =&gt; {
               </div>
             ))}
           </div>
-        )}
+        )} */}
       </ModalForm>
     </Space>
   );
 import { RESPONSE_CODE } from '@/constants/enum';
-import UploadC from '@/pages/Invoice/waitProcessRecord/components/UploadSingleImg';
 import {
   postAdminClientAddOrModifyClientComunicationInfo,
   postAdminClientQueryClientPage,
@@ -10,21 +9,48 @@ import {
 } from '@/services';
 import { enumToSelect } from '@/utils';
 import {
+  FormListActionType,
   ModalForm,
+  ProCard,
   ProFormDateTimePicker,
+  ProFormList,
   ProFormSelect,
   ProFormText,
   ProFormTextArea,
   ProFormUploadDragger,
 } from '@ant-design/pro-components';
-import { Button, Col, Form, Row, message } from 'antd';
+import { Button, Form, message } from 'antd';
 import { RcFile } from 'antd/es/upload';
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import './style.css';
 export default ({ data, type, reloadTable }) => {
   useEffect(() => {});
   const [form] = Form.useForm();
+  const actionRef = useRef<
+    FormListActionType<{
+      name: string;
+    }>
+  >();
+  const fileList: any = [];
   const onfinish = async (values) => {
+    let list = values.ticketsList;
+    list = list.map((item, index) => {
+      // 尝试从 item.filePaths 中获取 annexUrl
+      const itemAnnexUrl = item?.filePaths?.[0]?.response?.data?.[0] || null;
+
+      // 如果 itemAnnexUrl 为 null，则使用 data.ticketsList 对应的 annexUrl
+      if (
+        itemAnnexUrl === null &&
+        data.ticketsList[index]?.annexUrl &&
+        index < data.ticketsList.length
+      ) {
+        item.annexUrl = data.ticketsList[index].annexUrl; // 确保对比中的 annesUrl 也是 null
+      } else {
+        item.annexUrl = itemAnnexUrl; // 否则，使用从 item.filePaths 中获取的值
+      }
+      return item;
+    });
+    values.list = list;
     const resSearchId = await postAdminClientQueryClientPage({
       data: {
         groupFilter: 'all',
@@ -43,7 +69,7 @@ export default ({ data, type, reloadTable }) =&gt; {
     const res = await postAdminClientAddOrModifyClientComunicationInfo({
       data: {
         ...values,
-        ticketsAttachments: form.getFieldValue('ticketsAttachments'),
+        // ticketsAttachments: form.getFieldValue('ticketsAttachments'),
         clientId: matchedId,
       },
     });
@@ -58,24 +84,35 @@ export default ({ data, type, reloadTable }) =&gt; {
   const editOnfinish = async (values) => {
     // setEditClientId(data.clientId);
     values.clientId = data.clientId;
-
-    // const resSearchId = await postAdminClientQueryClientPage({
-    //   data: {
-    //     groupFilter: 'all',
-    //   },
+    let list = values.ticketsList;
+    // list = list.map((item) => {
+    //   // item.annexUrl = item.filePaths?.map((file) => {
+    //   //   return { url: file.response.data[0] };
+    //   // });
+    //   // item.annexUrl = item?.filePaths[0].response?.data[0];
+    //   item.annexUrl = item?.filePaths?.[0]?.response?.data?.[0] || null; // 使用 null 或默认值
+    //   return item;
     // });
-    // const matchingItem = resSearchId.data.data.find(
-    //   (item) => item.id === values.name,
-    // );
+    list = list.map((item, index) => {
+      // 尝试从 item.filePaths 中获取 annexUrl
+      const itemAnnexUrl = item?.filePaths?.[0]?.response?.data?.[0] || null;
+
+      // 如果 itemAnnexUrl 为 null，则使用 data.ticketsList 对应的 annexUrl
+      if (
+        itemAnnexUrl === null &&
+        data.ticketsList[index]?.annexUrl &&
+        index < data.ticketsList.length
+      ) {
+        item.annexUrl = data.ticketsList[index].annexUrl; // 确保对比中的 annesUrl 也是 null
+      } else {
+        item.annexUrl = itemAnnexUrl; // 否则，使用从 item.filePaths 中获取的值
+      }
+      return item;
+    });
+    values.list = list;
     const res = await postAdminClientAddOrModifyClientComunicationInfo({
       data: {
         ...values,
-        // ticketsAttachments: form.getFieldValue("ticketsAttachments"),
-        ticketsAttachments:
-          form.getFieldValue('ticketsAttachments') !== undefined
-            ? form.getFieldValue('ticketsAttachments')
-            : data?.ticketsAttachments,
-        // ticketsAttachments: data?.annexUrl,
       },
     });
     if (res.result === RESPONSE_CODE.SUCCESS) {
@@ -315,7 +352,168 @@ export default ({ data, type, reloadTable }) =&gt; {
         hidden
       ></ProFormText>
       <ProFormText initialValue={data?.id} name="id" hidden></ProFormText>
-      <div className="styled-text">
+      <h2>工单指派</h2>
+      <ProFormList
+        // creatorButtonProps={{ disabled: optType('after-sales-check') }}
+        // deleteIconProps={!optType('after-sales-check')}
+        deleteIconProps={true}
+        name="ticketsList"
+        label=""
+        copyIconProps={false} //复制按钮不显示
+        // initialValue={[
+        //   {
+        //     ticketsType: '',
+        //     ticketsDetail: '',
+        //     assignPeople: '',
+        //     ticketsAttachment: '',
+        //     ticketsAttachments: '',
+        //   },
+        // ]}
+        initialValue={
+          optType[type].title === '修改跟进记录'
+            ? data.ticketsList || []
+            : [
+                {
+                  type: '',
+                  detailText: '',
+                  assignPeople: '',
+                  annexUrl: '',
+                },
+              ]
+        }
+        actionGuard={{
+          beforeRemoveRow: async () => {
+            return new Promise((resolve) => {
+              let list = form.getFieldValue('ticketsList');
+              if (list && list.length === 1) {
+                message.error('至少需要保留一个工单');
+                resolve(false);
+                return;
+              }
+              resolve(true);
+            });
+          },
+        }}
+        itemRender={(doms, listMeta) => {
+          if (optType[type].title === '修改跟进记录') {
+            // let i = 0;
+            // // let defaultFileList = data.ticketsList?.annexUrl?.map((annex) => {
+            // //   return {
+            // //     uid: i++,
+            // //     name: annex,
+            // //     status: 'uploaded',
+            // //     url: annex,
+            // //     response: { data: [annex] },
+            // //   };
+            // // });
+            let defaultFileList = [
+              {
+                uid: listMeta.index,
+                name: data.ticketsList[listMeta.index]?.annexUrl,
+                status: 'uploaded',
+                url: data.ticketsList[listMeta.index]?.annexUrl,
+                response: {
+                  data: [data.ticketsList[listMeta.index]?.annexUrl],
+                },
+              },
+            ];
+            fileList[listMeta.index] = defaultFileList;
+          }
+          let itemFileList = fileList[listMeta.index];
+          return (
+            <ProCard
+              bordered
+              extra={doms.action}
+              title={'工单指派' + (listMeta.index + 1)}
+              style={{
+                marginBlockEnd: 8,
+              }}
+            >
+              {[
+                <ProFormSelect
+                  key={'type' + listMeta.index}
+                  name="type"
+                  label="工单类型"
+                  width="sm"
+                  placeholder="请输入工单类型"
+                  readonly={optType[type].readOnly}
+                  fieldProps={{
+                    labelInValue: false,
+                  }}
+                  // initialValue={data?.ticketsList?.type ? data?.ticketsList?.type + '' : null}
+                  initialValue={
+                    data?.ticketsList ? data?.ticketsList?.type + '' : null
+                  }
+                  request={async () => {
+                    return [
+                      { label: '问题', value: 'QUESTION' },
+                      { label: '需求', value: 'DEMAND' },
+                      { label: '建议', value: 'ADVICE' },
+                    ];
+                  }}
+                />,
+                <ProFormTextArea
+                  key={'detailText' + listMeta.index}
+                  name="detailText"
+                  label="工单详情"
+                  placeholder="请输入工单详情"
+                  initialValue={data?.detailText ? data?.detailText + '' : null}
+                  readonly={optType[type].readOnly}
+                ></ProFormTextArea>,
+                <ProFormSelect
+                  key={'assignPeople' + listMeta.index}
+                  name="assignPeople"
+                  width="sm"
+                  readonly={optType[type].readOnly}
+                  fieldProps={{
+                    labelInValue: false,
+                  }}
+                  initialValue={
+                    data?.assignPeople ? data?.assignPeople + '' : null
+                  }
+                  label="指派人员"
+                  request={async () => {
+                    const res = await postOrderErpUsersListByPage({
+                      data: {
+                        pageSize: 10000,
+                      },
+                    });
+
+                    const userOptions = res.data.records
+                      ? res.data.records.map((user) => ({
+                          label: user.userName, // 或者使用其他需要的属性
+                          value: user.userName, // 作为value的字段
+                        }))
+                      : [];
+                    return userOptions;
+                  }}
+                ></ProFormSelect>,
+                <>
+                  <ProFormUploadDragger
+                    key={'filePaths' + listMeta.index}
+                    label="附件"
+                    name="filePaths"
+                    action="/api/service/order/fileProcess"
+                    fieldProps={{
+                      headers: {
+                        Authorization: localStorage.getItem('token'),
+                      },
+                      // headers: {
+                      //   'Content-Type':
+                      //     'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
+                      // },
+                      itemFileList,
+                    }}
+                    max={1}
+                  />
+                </>,
+              ]}
+            </ProCard>
+          );
+        }}
+        actionRef={actionRef}
+      ></ProFormList>
+      {/* <div className="styled-text">
         <div className="vertical-line"></div>
         <span className="text">工单指派</span>
       </div>
@@ -348,7 +546,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         }}
         initialValue={data?.ticketsDetail ? data?.ticketsDetail + '' : null}
         readonly={optType[type].readOnly}
-      ></ProFormTextArea>
+      ></ProFormTextArea> */}
       {/* <ProFormUploadDragger
         label="工单附件"
         name="ticketsAttachment"
@@ -377,7 +575,7 @@ export default ({ data, type, reloadTable }) =&gt; {
         }}
         max={1}
       /> */}
-      <Row>
+      {/* <Row>
         <Col span={4}>附件:</Col>
         <Col span={20}>
           <UploadC
@@ -416,7 +614,6 @@ export default ({ data, type, reloadTable }) =&gt; {
         </Col>
       </Row>
       <a hidden={!optType[type].readOnly} href={data?.orderAttachment} download>
-        {/* <a href={data?.annexUrl} download> */}
         下载附件
       </a>
       <ProFormSelect
@@ -443,7 +640,7 @@ export default ({ data, type, reloadTable }) =&gt; {
             : [];
           return userOptions;
         }}
-      ></ProFormSelect>
+      ></ProFormSelect> */}
     </ModalForm>
   );
 };
@@ -15,26 +15,15 @@ export default ({ data, reloadTable }) =&gt; {
   const [datetime, setDatetime] = useState(); // 跟进日期
   const [createByName, setCreateByName] = useState(''); // 跟进人员
   const [clientName, setClientName] = useState(''); // 客户名称
-  // const [clientAddress, setClientAddress] = useState(''); // 客户地址
   const [way, setWay] = useState(); // 跟进方式
   const [tradeStatusText, setTradeStatusText] = useState(); // 状态
-  // const [clientNameLike, setClientNameLike] = useState(''); // 客户名称模糊查询
-  // const [clientAddressLike, setClientAddressLike] = useState(''); // 客户地址模糊查询
-  // const [tradeStatus, setTradeStatus] = useState(''); // 客户状态
-  // const [tradeStatusLike, setTradeStatusLike] = useState(''); // 客户状态模糊查询
   const [content, setContent] = useState(''); // 跟进详情
   const [createTime, setCreateTime] = useState(null); // 创建时间
   const [attachments, setAttachments] = useState(); //附件
   const [attachmentsName, setAttachmentsName] = useState(''); // 附件名称
-  const [ticketsType, setTicketsType] = useState(''); // 附件名称
-  const [ticketsDetail, setTicketsDetail] = useState(''); // 附件名称
-  const [ticketsAttachment, setTicketsAttachment] = useState(); // 附件名称
-  // const [ticketsAttachmentName, setTicketsAttachmentName] = useState(''); // 附件名称
   const [comment, setComment] = useState(''); // 客户评价
-  const [assignPeople, setAssignPeople] = useState(''); // 附件名称
   useEffect(() => {
     const request = async () => {
-      console.log(data, '5656datatatatata');
       const res = await postAdminClientQueryClientComunicationInfo({
         data: {
           id: data.id,
@@ -82,10 +71,6 @@ export default ({ data, reloadTable }) =&gt; {
         //   }
         // }
         setComment(dataSearch.comment);
-        setTicketsType(dataSearch.ticketsTypeText);
-        setTicketsDetail(dataSearch.ticketsDetail);
-        setTicketsAttachment(dataSearch.ticketsAttachments);
-        setAssignPeople(dataSearch.assignPeople);
         setComment(dataSearch.comment);
         setDatetime(dataSearch.datetime); // 设置跟进日期
         // setDateRange(data.dateRange || []); // 设置跟进时间范围
@@ -142,29 +127,24 @@ export default ({ data, reloadTable }) =&gt; {
     },
     {
       key: '8',
-      label: '工单类型',
-      children: ticketsType, // 跟进状态
-    },
-    {
-      key: '9',
-      label: '工单详情',
-      children: ticketsDetail, // 跟进状态
-    },
-    // {
-    //   key: '12',
-    //   label: '工单附件',
-    //   children: ticketsAttachment, // 跟进状态
-    // },
-    {
-      key: '10',
-      label: '指派人员',
-      children: assignPeople, // 跟进状态
-    },
-    {
-      key: '11',
       label: '客户评价',
       children: comment, // 跟进状态
     },
+    // {
+    //   key: '9',
+    //   label: '工单类型',
+    //   children: ticketsType, // 跟进状态
+    // },
+    // {
+    //   key: '10',
+    //   label: '工单详情',
+    //   children: ticketsDetail, // 跟进状态
+    // },
+    // {
+    //   key: '11',
+    //   label: '指派人员',
+    //   children: assignPeople, // 跟进状态
+    // },
   ];
   const handleDelete = async () => {
     // 调用删除接口
@@ -178,6 +158,40 @@ export default ({ data, reloadTable }) =&gt; {
       actionRef?.current?.reload(); // 重新加载表格数据
     }
   };
+  const TicketDescriptions = ({ data }) => {
+    return (
+      <div>
+        {data.ticketsList && data.ticketsList.length > 0 ? (
+          data.ticketsList.map((ticket, index) => (
+            <div key={index} style={{ marginBottom: '20px' }}>
+              <Descriptions title={`工单 ${index + 1}`} column={1}>
+                <Descriptions.Item label="工单类型">
+                  {ticket.typeText}
+                </Descriptions.Item>
+                <Descriptions.Item label="工单详情">
+                  {ticket.detailText}
+                </Descriptions.Item>
+                <Descriptions.Item label="指派人员">
+                  {ticket.assignPeople}
+                </Descriptions.Item>
+              </Descriptions>
+              {ticket.annexUrl && (
+                <a
+                  href={ticket.annexUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  下载工单附件
+                </a>
+              )}
+            </div>
+          ))
+        ) : (
+          <p></p>
+        )}
+      </div>
+    );
+  };
   return (
     <Space>
       <ModalForm
@@ -242,17 +256,6 @@ export default ({ data, reloadTable }) =&gt; {
         }}
       >
         <Descriptions items={items} column={1} />
-        {/* {attachmentsName && (
-          <a href={attachments} download>
-            附件：{attachmentsName}
-          </a>
-        )}
-        <div></div>
-        {ticketsAttachment && (
-          <a href={ticketsAttachment} download>
-            工单附件：{ticketsAttachment}
-          </a>
-        )} */}
         {attachmentsName && (
           <div>
             {attachmentsName.endsWith('.png') ||
@@ -275,6 +278,18 @@ export default ({ data, reloadTable }) =&gt; {
             )}
           </div>
         )}
+        <TicketDescriptions data={data} />
+        {/* {attachmentsName && (
+          <a href={attachments} download>
+            附件：{attachmentsName}
+          </a>
+        )}
+        <div></div>
+        {ticketsAttachment && (
+          <a href={ticketsAttachment} download>
+            工单附件：{ticketsAttachment}
+          </a>
+        )} */}
         <div></div>
         {/* {ticketsAttachment && (
@@ -304,28 +319,6 @@ export default ({ data, reloadTable }) =&gt; {
             )}
           </div>
         )} */}
-        {ticketsAttachment && (
-          <div>
-            {ticketsAttachment.split(',').map((ticketsAttachment, index) => (
-              <div key={index}>
-                {ticketsAttachment.includes('jpg') ||
-                ticketsAttachment.includes('png') ? (
-                  <>
-                    <img
-                      src={ticketsAttachment}
-                      alt={`附件 ${index + 1}`}
-                      style={{ maxWidth: '300px', height: 'auto' }}
-                    />
-                    <div></div>
-                  </>
-                ) : null}
-                <a href={ticketsAttachment} download>
-                  工单附件：{ticketsAttachment}
-                </a>
-              </div>
-            ))}
-          </div>
-        )}
       </ModalForm>
     </Space>
   );
@@ -7,9 +7,9 @@ export default ({ setVisible, subOrders, mainOrder, onClose }) =&gt; {
   const [isModalOpen] = useState(true);
   const { TextArea } = Input;
   const [textValue, setTextValue] = useState('');
+  console.log(mainOrder);
   const handleOk = async () => {
-    console.log(subOrders, '5656subOrders', mainOrder);
     await postServiceOrderFeedbackRegistration({
       data: {
         id: subOrders[0].id,
@@ -56,12 +56,9 @@ const OrderPage = () =&gt; {
         res.data.waitInvoicing !== 0) &&
       openCount !== 'true'
     ) {
-      console.log(open, '5656re222s', res);
-
       setOpenCount('true');
       setOpen(true);
     }
-    console.log(open, '5656res', res);
     setInvoiceWarningNum(res.data.waitConfirmInvoice);
     setInvoiceRefundWarningNum(res.data.waitConfirmReceipt);
     setWaitConfirmPayment(res.data.waitConfirmPayment);
@@ -7,9 +7,9 @@ export default ({ setVisible, subOrders, mainOrder, onClose }) =&gt; {
   const [isModalOpen] = useState(true);
   const { TextArea } = Input;
   const [textValue, setTextValue] = useState('');
+  console.log(mainOrder);
   const handleOk = async () => {
-    console.log(subOrders, '5656subOrders', mainOrder);
     await postServiceOrderFeedbackRegistration({
       data: {
         id: subOrders[0].id,
@@ -215,7 +215,7 @@ const OrderList = ({ paramsNew, searchShow, toolbarShow }) =&gt; {
   const [recordOptNode, setRecordOptNode] = useState(null);
   const roleCode = userInfo?.roleSmallVO?.code;
   const roles = userInfo?.roles;
-  const [newParams, setNewParams] = useState<any>();
+  const [setNewParams] = useState<any>();
   const canMergeInvoicing = useMemo(() => {
     if (subOrderSelectedMap.size === 0) {
       return false;
@@ -4589,7 +4589,6 @@ const OrderList = ({ paramsNew, searchShow, toolbarShow }) =&gt; {
       setNewParams(paramsNew);
     }
     refreshTable();
-    console.log(paramsNew, '5656paramsNewc', newParams);
   }, [paramsNew]);
   return (
     <div className="order-page-container">
@@ -4684,7 +4683,6 @@ const OrderList = ({ paramsNew, searchShow, toolbarShow }) =&gt; {
           }
           //保存这个搜索条件
           setSearchParam(params);
-          console.log(paramsNew, '5656paramsNew');
           const { data } = await postServiceOrderQueryServiceOrder({
             // ...params,
             // FIXME: remove @ts-ignore
@@ -7,9 +7,9 @@ export default ({ setVisible, subOrders, mainOrder, onClose }) =&gt; {
   const [isModalOpen] = useState(true);
   const { TextArea } = Input;
   const [textValue, setTextValue] = useState('');
+  console.log(mainOrder);
   const handleOk = async () => {
-    console.log(subOrders, '5656subOrders', mainOrder);
     await postServiceOrderFeedbackRegistration({
       data: {
         id: subOrders[0].id,
@@ -147,7 +147,6 @@ const OrderPage = () =&gt; {
         waitConfirmPaymentStatusDateTimeLe: setOriginTime(options5[0].value),
       },
     });
-    console.log(res, '5656565656');
     setInvoiceWarningNum(res.data.waitConfirmInvoice);
     setInvoiceCreateWarningNum(res.data.waitInvoicing);
     setInvoiceRefundWarningNum(res.data.waitConfirmReceipt);
@@ -502,7 +501,6 @@ const OrderPage = () =&gt; {
               applyTimeLe: calDate,
             };
           }
-          console.log(initialParams, '5656initialParams');
           // 返回完整的参数对象
           return initialParams;
         })()}
@@ -87,7 +87,6 @@ const WarningWhitelist = () =&gt; {
           title={'确认删除此项吗？'}
           text="删除"
           onConfirm={async () => {
-            console.log(record, '5656record');
             await postServiceOrderDeleteWarningUserWhiteList({
               query: {
                 orderId: record.orderId,
@@ -113,7 +112,6 @@ const WarningWhitelist = () =&gt; {
       search: {
         transform: (value) => {
           if (value) {
-            console.log(value, '5656valueid');
             return {
               orderId: Number(value),
             };
@@ -165,7 +163,6 @@ const WarningWhitelist = () =&gt; {
           title={'确认删除此项吗？'}
           text="删除"
           onConfirm={async () => {
-            console.log(record.orderId, '5656idoreder');
             await postServiceOrderDeleteWarningOrderWhiteList({
               query: {
                 orderId: record.orderId,
@@ -192,7 +189,6 @@ const WarningWhitelist = () =&gt; {
               const res = await postServiceOrderWarningUserWhiteLists({
                 data: { ...params },
               });
-              console.log(res.data, '5656res.data');
               return res.data;
             }}
             rowKey="id"
@@ -228,7 +224,6 @@ const WarningWhitelist = () =&gt; {
                 }}
                 submitTimeout={2000}
                 onFinish={async (values) => {
-                  console.log(values, '5656values');
                   const res = await postServiceOrderAddWarningUserWhiteList({
                     data: {
                       userName: values.orderIdsText,
@@ -239,7 +234,6 @@ const WarningWhitelist = () =&gt; {
                     setTimeout(() => {
                       actionRef.current?.reload();
                     }, 50);
-                    console.log('res5656 :>> ', res);
                     message.success('添加成功');
                     return true;
                   }
@@ -310,7 +304,6 @@ const WarningWhitelist = () =&gt; {
                 }}
                 submitTimeout={2000}
                 onFinish={async (values) => {
-                  console.log(values, '5656values');
                   const res = await postServiceOrderAddWarningOrderWhiteList({
                     data: {
                       orderId: values.orderIdsText,
@@ -345,13 +338,7 @@ const WarningWhitelist = () =&gt; {
   ];
   return (
     <div>
-      <Tabs
-        defaultActiveKey="1"
-        items={tabsItems}
-        onChange={(value) => {
-          console.log(value, '5656tabsvalue');
-        }}
-      />
+      <Tabs defaultActiveKey="1" items={tabsItems} onChange={() => {}} />
     </div>
   );
 };