feat: update 采购转发、下单

zhongnanhuang
1 parent 1abb1273
Showing 12 changed files with 870 additions and 71 deletions
src/access.ts
src/app.ts
src/pages/Order/components/CheckModal.tsx
src/pages/Order/components/FinancialDrawer.tsx
src/pages/Order/components/FinancialEditDrawer.tsx
src/pages/Order/components/OrderDrawer.tsx
src/pages/Order/components/ProcureConvertModal.tsx
src/pages/Order/constant.ts
src/pages/Order/index.tsx
src/services/definition.ts
src/services/request.ts
src/utils/index.ts
@@ -6,5 +6,6 @@ export default (initialState: API.UserInfo) =&gt; {
   console.log(roleSmallVO?.code === 'admin');
   return {
     canReadAdmin: roleSmallVO?.code === 'admin',
+    canReadProcure: roleSmallVO?.code === 'procure',
   };
 };
@@ -24,7 +24,7 @@ export const layout = () =&gt; {
       // rightContentRender: () => <RightContent />,
       // footerRender: () => <Footer />,
     },
-    // collapsed: true,
+    collapsed: true,
   };
 };
 import { RESPONSE_CODE } from '@/constants/enum';
 import {
   postServiceOrderCheckOrder,
+  postServiceOrderFileProcess,
   postServiceOrderFinanceCheckOrder,
 } from '@/services';
 import { ModalForm, ProFormTextArea } from '@ant-design/pro-components';
@@ -9,6 +10,7 @@ import Upload, { RcFile, UploadProps } from &#39;antd/es/upload&#39;;
 import { useEffect, useRef, useState } from 'react';
 import { CHECK_TYPE, COMFIR_RECEIPT_IMAGES_NUMBER } from '../constant';
 // import { cloneDeep } from 'lodash';
+import { transImageFile } from '@/utils';
 import { PlusOutlined } from '@ant-design/icons';
 import { cloneDeep } from 'lodash';
 export default ({
@@ -32,6 +34,7 @@ export default ({
   const [fileList, setFileList] = useState<UploadFile[]>([]);
   const [uploading, setUploading] = useState(false);
   const handleCancel = () => setPreviewOpen(false);
+  const [messageApi, contextHolder] = message.useMessage();
   console.log(uploading);
   const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) => {
     //fileListObj得在change里变化，change的参数是已经处理过的file数组
@@ -121,7 +124,7 @@ export default ({
   const handleBeforeUpload = (file: any) => {
     setFileList([...fileList, file]);
-    return true;
+    return false;
   };
   const props: UploadProps = {
@@ -137,7 +140,7 @@ export default ({
     fileList,
     onChange: handleChange,
     accept: 'image/png, image/jpeg, image/png',
-    action: '/api/service/order/fileProcess',
+    // action: '/api/service/order/fileProcess',
     name: 'files',
     headers: { Authorization: localStorage.getItem('token') },
   };
@@ -165,7 +168,64 @@ export default ({
    *
    * @param body 财务审核
    */
-  async function doFinancailCheck(body: object) {
+  async function doFinancailCheck(values: any, isAgree: boolean) {
+    messageApi.open({
+      type: 'loading',
+      content: '正在上传图片...',
+      duration: 0,
+    });
+    //附件处理
+    let formData = new FormData();
+    //附件处理
+    for (let file of fileList) {
+      //有url的话取url（源文件），没url取thumbUrl。有url的时候thumbUrl是略缩图
+      if (file?.url === undefined || file?.url === null) {
+        formData.append(
+          'files',
+          transImageFile(file?.thumbUrl),
+          file?.originFileObj?.name,
+        );
+      } else {
+        formData.append(
+          'files',
+          transImageFile(file?.url),
+          file?.originFileObj?.name,
+        );
+      }
+    }
+    let res = await postServiceOrderFileProcess({
+      data: formData,
+    });
+    messageApi.destroy();
+    if (res.result === RESPONSE_CODE.SUCCESS) {
+      message.success('上传成功！');
+
+      let fileUrls = res?.data?.map((item) => {
+        return { url: item };
+      });
+      //财务审核
+      const data = await postServiceOrderFinanceCheckOrder({
+        data: {
+          checkNotes: values.name,
+          ids: subOrderIds,
+          checkPassOrReject: isAgree,
+          invoicingCheckAnnex: fileUrls,
+        },
+      });
+      if (data.result === RESPONSE_CODE.SUCCESS) {
+        message.success(data.message);
+        onClose();
+      }
+    } else {
+      message.success('上传失败');
+    }
+  }
+
+  /**
+   *
+   * @param body 售后审核
+   */
+  async function doAfterSalesCheck(body: object) {
     const data = await postServiceOrderFinanceCheckOrder({
       data: body,
     });
@@ -210,7 +270,7 @@ export default ({
             myDoms.push(
               <Button
                 key="驳回"
-                onClick={() => {
+                onClick={async () => {
                   if (checkType(CHECK_TYPE.NORMAL)) {
                     doCheck({
                       flag: false,
@@ -221,18 +281,20 @@ export default ({
                     return;
                   }
-                  //附件处理
-                  console.log(fileList);
-                  let fileUrls = fileList?.map((file) => {
-                    return { url: file.response?.data[0] };
-                  });
-                  //财务审核
-                  doFinancailCheck({
-                    checkNotes: form.getFieldValue('name'),
-                    ids: subOrderIds,
-                    checkPassOrReject: false,
-                    invoicingCheckAnnex: fileUrls,
-                  });
+                  if (checkType(CHECK_TYPE.AFTER_SALES)) {
+                    doAfterSalesCheck({
+                      flag: false,
+                      ids: subOrderIds,
+                      externalProcurement: 0,
+                      checkNotes: form.getFieldValue('name'),
+                    });
+                    return;
+                  }
+
+                  if (checkType(CHECK_TYPE.FINALCIAL)) {
+                    let values = { name: form.getFieldValue('name') };
+                    doFinancailCheck(values, false);
+                  }
                   setUploading(false);
                 }}
               >
@@ -240,7 +302,7 @@ export default ({
               </Button>,
             );
-            //如果不是财务审核，那么显示这个外部采购
+            //如果是仓库审核，那么显示这个外部采购
             if (checkType(CHECK_TYPE.NORMAL)) {
               myDoms.push(
                 <Button
@@ -276,16 +338,19 @@ export default ({
             });
           }
-          //附件处理
-          console.log(fileList);
+          if (checkType(CHECK_TYPE.AFTER_SALES)) {
+            //审核通过
+            return doAfterSalesCheck({
+              flag: true,
+              ids: subOrderIds,
+              externalProcurement: 0,
+              checkNotes: values.name,
+            });
+          }
-          //财务审核
-          // return doFinancailCheck({
-          //   checkNotes: values.name,
-          //   ids: subOrderIds,
-          //   checkPassOrReject: true,
-          //   invoicingCheckAnnex: fileUrls,
-          // });
+          if (checkType(CHECK_TYPE.FINALCIAL)) {
+            doFinancailCheck(values, true);
+          }
         }}
         onOpenChange={setCheckVisible}
       >
@@ -317,6 +382,8 @@ export default ({
       >
         <img alt="图片预览" style={{ width: '100%' }} src={previewImage} />
       </Modal>
+
+      {contextHolder}
     </>
   );
 };
@@ -65,6 +65,9 @@ export default ({
           invoicingStatus: form.getFieldValue('invoicingStatus'),
           mainorderOrSubOrderInvoicing: isMainOrder,
           afterInvoicingStatus: form.getFieldValue('afterInvoicingStatus'),
+          financialReceiptIssuanceTime: form.getFieldValue(
+            'financialReceiptIssuanceTime',
+          ),
         };
         if (isEdit) {
           res = await postServiceOrderEditOrder({ data: body });
@@ -132,6 +135,13 @@ export default ({
               initialValue={subOrders[0]?.invoicingTime}
             />,
             <ProFormDatePicker
+              key="financialReceiptIssuanceTime"
+              width="lg"
+              name="financialReceiptIssuanceTime"
+              label="开收据时间"
+              initialValue={subOrders[0]?.financialReceiptIssuanceTime}
+            />,
+            <ProFormDatePicker
               key="collectMoneyTime"
               width="lg"
               name="collectMoneyTime"
+// import { PlusOutlined } from '@ant-design/icons';
+import { RESPONSE_CODE } from '@/constants/enum';
+import { postServiceOrderNoNeedInvoicingEdit } from '@/services';
+import { DrawerForm, ProFormDatePicker } from '@ant-design/pro-components';
+import { Form, message } from 'antd';
+
+export default ({ subOrders, setVisible, onClose }) => {
+  const subOrderIds = subOrders?.map((subOrder) => {
+    return subOrder?.id;
+  });
+  const [form] = Form.useForm<{ collectMoneyTime: string; subIds: [] }>();
+  return (
+    <DrawerForm<{
+      collectMoneyTime: string;
+      subIds: [];
+    }>
+      open
+      title="收款时间"
+      resize={{
+        onResize() {
+          console.log('resize!');
+        },
+        maxWidth: window.innerWidth * 0.8,
+        minWidth: 400,
+      }}
+      initialValues={subOrders[0]}
+      form={form}
+      autoFocusFirstInput
+      drawerProps={{
+        destroyOnClose: true,
+      }}
+      submitTimeout={2000}
+      onFinish={async () => {
+        let res = await postServiceOrderNoNeedInvoicingEdit({
+          data: {
+            subIds: subOrderIds,
+            collectMoneyTime: form.getFieldValue('collectMoneyTime'),
+          },
+        });
+        if (res.result === RESPONSE_CODE.SUCCESS) {
+          message.success(res.message);
+          onClose();
+        }
+      }}
+      onOpenChange={(val) => {
+        return !val && setVisible(val);
+      }}
+    >
+      <ProFormDatePicker
+        key="collectMoneyTime"
+        width="lg"
+        name="collectMoneyTime"
+        label="收款时间"
+      />
+    </DrawerForm>
+  );
+};
@@ -50,7 +50,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
    * @returns 获取开票选项
    */
   function getInvoicingSelect() {
-    if (optType('edit') || optType('copy')) {
+    if (optType('edit')) {
       return enumToSelect(INVOCING_STATUS_OPTIONS_OLD);
     }
     return enumToSelect(INVOCING_STATUS_OPTIONS);
@@ -66,6 +66,12 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   }, [data]);
   // let mainInfoDisbled = optType('edit');
   if (optType('edit') || optType('copy')) {
+    //如果是复制，需要开票，不回显是否需要开票字段
+    if (optType('copy')) {
+      if (data.invoicingStatus === 'INVOICED') {
+        data.invoicingStatus = undefined;
+      }
+    }
     //订单修改和新增的子订单列表命名是list
     data.list = data.subOrderInformationLists;
     //主订单事业部默认显示子订单第一条的事业部
@@ -350,7 +356,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                 {' | '}
                 <span style={{ color: '#666666' }}>
                   {item.institutionContactName === undefined
-                    ? '无单位联系人'
+                    ? '无课题组'
                     : item.institutionContactName}
                 </span>
                 {' | '}
@@ -411,9 +417,9 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         width="lg"
         key="institutionContactName"
         name="institutionContactName"
-        label="单位联系人"
-        placeholder="请输入单位联系人"
-        rules={[{ required: true, message: '单位联系人必填' }]}
+        label="课题组"
+        placeholder="请输入课题组"
+        rules={[{ required: true, message: '课题组必填' }]}
         // disabled={mainInfoDisbled}
       />
       <ProFormTextArea
@@ -690,7 +696,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   label={
                     <>
                       <span>商品编码</span>
-                      <span className="text-gray-400 text-xs pl-2">
+                      <span className="pl-2 text-xs text-gray-400">
                         新增商品时，商品编码由系统自动生成
                       </span>
                     </>
+import { RESPONSE_CODE } from '@/constants/enum';
+import {
+  postServiceOrderProcureConvertProcure,
+  postServiceOrderProvideProcurementRoles,
+} from '@/services';
+import {
+  ModalForm,
+  ProFormSelect,
+  ProFormTextArea,
+} from '@ant-design/pro-components';
+import { Form, message } from 'antd';
+export default ({ setVisible, subOrders, onClose }) => {
+  const [form] = Form.useForm<{
+    procureName: string;
+    procureConvertNotes: string;
+  }>();
+
+  // const [checkNotes, setCheckNotes] = useState<string>('');
+
+  let subOrderIds: any[] = [];
+  //是单条子订单审核
+  if (subOrders === undefined) {
+    subOrderIds = [data.id];
+  } else {
+    subOrderIds = subOrders.map((subOrder) => subOrder.id);
+  }
+
+  return (
+    <ModalForm<{
+      procureName: string;
+      procureConvertNotes: string;
+    }>
+      width={500}
+      open
+      title="采购转发"
+      form={form}
+      autoFocusFirstInput
+      modalProps={{
+        okText: '确认',
+        cancelText: '取消',
+        destroyOnClose: true,
+        onCancel: () => {
+          setVisible(false);
+        },
+      }}
+      submitter={{
+        render: (props, defaultDoms) => {
+          return defaultDoms;
+        },
+      }}
+      submitTimeout={2000}
+      onFinish={async (values) => {
+        const data = await postServiceOrderProcureConvertProcure({
+          data: {
+            procureName: values.procureName,
+            procureConvertNotes: values.procureConvertNotes,
+            subIds: subOrderIds,
+          },
+        });
+        if (data.result === RESPONSE_CODE.SUCCESS) {
+          message.success(data.message);
+          onClose();
+        }
+      }}
+      onOpenChange={setVisible}
+    >
+      <ProFormSelect
+        key="key"
+        label="采购名称"
+        width="lg"
+        name="procureName"
+        // options={options}
+        placeholder="请选择采购"
+        rules={[{ required: true, message: '采购必填' }]}
+        request={async () => {
+          const res = await postServiceOrderProvideProcurementRoles();
+          return res.data?.map((item) => {
+            return { label: item, value: item };
+          });
+        }}
+      />
+
+      <ProFormTextArea
+        key="key"
+        label="转发备注"
+        width="lg"
+        name="procureConvertNotes"
+        // options={options}
+        placeholder="请填写转发备注"
+      />
+    </ModalForm>
+  );
+};
@@ -24,6 +24,7 @@ export const PRODUCT_BELONG_DEPARTMENT_OPTIONS = {
   CUSTOMIZATION: '定制化事业部门',
   EXPERIMENTAL_EQUIPMENT: '实验设备事业部门',
   EXPERIMENTAL_CONSUMABLES: '实验耗材事业部门',
+  CLAMPING_APPARATUS: '工夹具事业部',
 };
 export const INVOCING_STATUS_OPTIONS_OLD = {
@@ -33,6 +34,11 @@ export const INVOCING_STATUS_OPTIONS_OLD = {
   INVOICED: '需要开票',
 };
+export const PROCURE_ORDER_STATUS = {
+  PROCUREMENT_HAS_BEEN_ORDERED: '已下单',
+  PROCURE_NOT_ORDERED: '未下单',
+};
+
 export const INVOCING_STATUS_OPTIONS = {
   UN_INVOICE: '不需开票',
   SPECIALLY_INVOICED: '专票',
@@ -56,6 +62,7 @@ export const CHECK_TYPE = {
   FINALCIAL: 'FINALCIAL',
   PROCURE: 'PROCURE',
   SUPPLIER: 'SUPPLIER',
+  AFTER_SALES: 'AFTER_SALES',
 };
 /**
@@ -159,53 +166,93 @@ export const TAGS_COLOR = new Map&lt;string, string&gt;([
   ['NO_NEED_SEND', 'success'],
   ['PROCURE_CONVERT_WAREHOUSE_KEEPER', 'processing'],
 ]);
-
 export const SALES_CODE_OPTIONS = [
-  { label: 'HQ_Linda', value: 'HQ_Linda' },
-  { label: 'HQ-1_Rita', value: 'HQ-1_Rita' },
-  { label: 'HQ-2_Lisa', value: 'HQ-2_Lisa' },
-  { label: 'HQ-3_iris', value: 'HQ-3_iris' },
-  { label: 'HQ-4_Lynn', value: 'HQ-4_Lynn' },
-  { label: 'HQ-5_Jessica', value: 'HQ-5_Jessica' },
-  { label: 'HQ-6_smile', value: 'HQ-6_smile' },
-  { label: 'HQ-7_Yvonne', value: 'HQ-7_Yvonne' },
-  { label: 'HQ-8_Daniel', value: 'HQ-8_Daniel' },
-  { label: 'HQ-9_Wendy', value: 'HQ-9_Wendy' },
-  { label: 'W_strong', value: 'W_strong' },
-  { label: 'W-1_Alice', value: 'W-1_Alice' },
-  { label: 'W-2_Demi', value: 'W-2_Demi' },
-  { label: 'W-3_Nico', value: 'W-3_Nico' },
-  { label: 'W-4_kk', value: 'W-4_kk' },
-  { label: 'W-5_Alma', value: 'W-5_Alma' },
-  { label: 'W-6_Dream', value: 'W-6_Dream' },
-  { label: 'W-7_Aimee', value: 'W-7_Aimee' },
-  { label: 'XX_Tina', value: 'XX_Tina' },
-  { label: 'XX-2_Vivi', value: 'XX-2_Vivi' },
-  { label: 'XX-A1_Ada', value: 'XX-A1_Ada' },
-  { label: 'XX-A2_Amy', value: 'XX-A2_Amy' },
-  { label: 'XX-N1_Nancy', value: 'XX-N1_Nancy' },
-  { label: 'XX-N2_Sara', value: 'XX-N2_Sara' },
-  { label: 'XX-C_CC', value: 'XX-C_CC' },
-  { label: 'XX-L1_Lucy', value: 'XX-L1_Lucy' },
-  { label: 'XX-L2_Lulu', value: 'XX-L2_Lulu' },
-  { label: 'XX-P', value: 'XX-P' },
+  { label: 'D-Linda', value: 'D-Linda' },
+  { label: 'G-Rita', value: 'G-Rita' },
+  { label: 'G-Iris', value: 'G-Iris' },
+  { label: 'X-Jessica', value: 'X-Jessica' },
+  { label: 'G-Daniel', value: 'G-Daniel' },
+  { label: 'D-Strong', value: 'D-Strong' },
+  { label: 'T-Alice', value: 'T-Alice' },
+  { label: 'X-Demi', value: 'X-Demi' },
+  { label: 'T-Nico', value: 'T-Nico' },
+  { label: 'T-kk', value: 'T-kk' },
+  { label: 'T-Alma', value: 'T-Alma' },
+  { label: 'T-Dream', value: 'T-Dream' },
+  { label: 'T-Aimee', value: 'T-Aimee' },
+  { label: 'D-Tina', value: 'D-Tina' },
+  { label: 'D-Vivi', value: 'D-Vivi' },
+  { label: 'X-Ada', value: 'X-Ada' },
+  { label: 'X-Amy', value: 'X-Amy' },
+  { label: 'G-Nancy', value: 'G-Nancy' },
+  { label: 'X-Sara', value: 'X-Sara' },
+  { label: 'X-CC', value: 'X-CC' },
+  { label: 'X-Lucy', value: 'X-Lucy' },
+  { label: 'X-Lulu', value: 'X-Lulu' },
+  { label: 'X-P', value: 'X-P' },
   { label: 'TB', value: 'TB' },
   { label: 'HCTB', value: 'HCTB' },
   { label: 'TBC', value: 'TBC' },
-  { label: 'GW-3_iris', value: 'GW-3_iris' },
-  { label: 'GW-4_Lynn', value: 'GW-4_Lynn' },
-  { label: 'GW-6_smile', value: 'GW-6_smile' },
-  { label: 'GW-7_Yvonne', value: 'GW-7_Yvonne' },
-  { label: 'GW-9_Wendy', value: 'GW-9_Wendy' },
-  { label: 'W-9_Jack', value: 'W-9_Jack' },
-  { label: 'W-8_Andy', value: 'W-8_Andy' },
+  { label: 'G-Lisa', value: 'G-Lisa' },
+  { label: 'G-Lynn', value: 'G-Lynn' },
+  { label: 'G-Smile', value: 'G-Smile' },
+  { label: 'G-Yvonne', value: 'G-Yvonne' },
+  { label: 'G-Wendy', value: 'G-Wendy' },
+  { label: 'T-Andy', value: 'T-Andy' },
   { label: 'CQ_Peter', value: 'CQ_Peter' },
   { label: 'MA_A_Mao', value: 'MA_A_Mao' },
   { label: 'CQ-2', value: 'CQ-2' },
   { label: 'JJ', value: 'JJ' },
   { label: 'CQ-3', value: 'CQ-3' },
+  { label: 'GW', value: 'GW' },
 ];
+// export const SALES_CODE_OPTIONS = [
+//   { label: 'HQ_Linda', value: 'HQ_Linda' },
+//   { label: 'HQ-1_Rita', value: 'HQ-1_Rita' },
+//   { label: 'HQ-2_Lisa', value: 'HQ-2_Lisa' },
+//   { label: 'HQ-3_iris', value: 'HQ-3_iris' },
+//   { label: 'HQ-4_Lynn', value: 'HQ-4_Lynn' },
+//   { label: 'HQ-5_Jessica', value: 'HQ-5_Jessica' },
+//   { label: 'HQ-6_smile', value: 'HQ-6_smile' },
+//   { label: 'HQ-7_Yvonne', value: 'HQ-7_Yvonne' },
+//   { label: 'HQ-8_Daniel', value: 'HQ-8_Daniel' },
+//   { label: 'HQ-9_Wendy', value: 'HQ-9_Wendy' },
+//   { label: 'W_strong', value: 'W_strong' },
+//   { label: 'W-1_Alice', value: 'W-1_Alice' },
+//   { label: 'W-2_Demi', value: 'W-2_Demi' },
+//   { label: 'W-3_Nico', value: 'W-3_Nico' },
+//   { label: 'W-4_kk', value: 'W-4_kk' },
+//   { label: 'W-5_Alma', value: 'W-5_Alma' },
+//   { label: 'W-6_Dream', value: 'W-6_Dream' },
+//   { label: 'W-7_Aimee', value: 'W-7_Aimee' },
+//   { label: 'XX_Tina', value: 'XX_Tina' },
+//   { label: 'XX-2_Vivi', value: 'XX-2_Vivi' },
+//   { label: 'XX-A1_Ada', value: 'XX-A1_Ada' },
+//   { label: 'XX-A2_Amy', value: 'XX-A2_Amy' },
+//   { label: 'XX-N1_Nancy', value: 'XX-N1_Nancy' },
+//   { label: 'XX-N2_Sara', value: 'XX-N2_Sara' },
+//   { label: 'XX-C_CC', value: 'XX-C_CC' },
+//   { label: 'XX-L1_Lucy', value: 'XX-L1_Lucy' },
+//   { label: 'XX-L2_Lulu', value: 'XX-L2_Lulu' },
+//   { label: 'XX-P', value: 'XX-P' },
+//   { label: 'TB', value: 'TB' },
+//   { label: 'HCTB', value: 'HCTB' },
+//   { label: 'TBC', value: 'TBC' },
+//   { label: 'GW-3_iris', value: 'GW-3_iris' },
+//   { label: 'GW-4_Lynn', value: 'GW-4_Lynn' },
+//   { label: 'GW-6_smile', value: 'GW-6_smile' },
+//   { label: 'GW-7_Yvonne', value: 'GW-7_Yvonne' },
+//   { label: 'GW-9_Wendy', value: 'GW-9_Wendy' },
+//   { label: 'W-9_Jack', value: 'W-9_Jack' },
+//   { label: 'W-8_Andy', value: 'W-8_Andy' },
+//   { label: 'CQ_Peter', value: 'CQ_Peter' },
+//   { label: 'MA_A_Mao', value: 'MA_A_Mao' },
+//   { label: 'CQ-2', value: 'CQ-2' },
+//   { label: 'JJ', value: 'JJ' },
+//   { label: 'CQ-3', value: 'CQ-3' },
+// ];
+
 export const HISTORY_OPT_TYPE = new Map<string, string>([
   ['DELETE', '作废'],
   ['UPDATE', '编辑'],
@@ -4,11 +4,17 @@ import {
   postServiceOrderAfterSalesCompletion,
   postServiceOrderNoNeedSend,
   postServiceOrderOrderCancel,
+  postServiceOrderProcureOrder,
   postServiceOrderProcurePrint,
   postServiceOrderQueryServiceOrder,
 } from '@/services';
 import { orderExport } from '@/services/order';
-import { enumValueToLabel, formatDateTime } from '@/utils';
+import {
+  copyToClipboard,
+  enumToProTableEnumValue,
+  enumValueToLabel,
+  formatDateTime,
+} from '@/utils';
 import { getUserInfo } from '@/utils/user';
 import {
   ClockCircleTwoTone,
@@ -50,11 +56,13 @@ import ConfirmReceiptModal from &#39;./components/ConfirmReceiptModal&#39;;
 import DeliverInfoDrawer from './components/DeliverInfoDrawer';
 import DeliverModal from './components/DeliverModal';
 import FinancialDrawer from './components/FinancialDrawer';
+import FinancialEditDrawer from './components/FinancialEditDrawer';
 import HistoryModal from './components/HistoryModal';
 import ImportModal from './components/ImportModal';
 import OrderDrawer from './components/OrderDrawer';
 import OrderNotesEditModal from './components/OrderNotesEditModal';
 import ProcureCheckModal from './components/ProcureCheckModal';
+import ProcureConvertModal from './components/ProcureConvertModal';
 import SubOrderComfirmReceiptImagesModal from './components/SubOrderComfirmReceiptImagesModal';
 import {
   AFTER_INVOICING_STATUS,
@@ -65,6 +73,7 @@ import {
   ORDER_STATUS_OPTIONS,
   PAYMENT_CHANNEL_OPTIONS,
   PAYMENT_METHOD_OPTIONS,
+  PROCURE_ORDER_STATUS,
   PRODUCT_BELONG_DEPARTMENT_OPTIONS,
   TAGS_COLOR,
   getInvoicingType,
@@ -85,6 +94,8 @@ const OrderPage = () =&gt; {
   const [attachmentModalVisible, setAttachmentModalVisible] =
     useState<boolean>(false);
   const [financialVisible, setFinancialVisible] = useState<boolean>(false);
+  const [financialEditVisible, setFinancialEditVisible] =
+    useState<boolean>(false);
   const [afterSalesDrawerVisible, setAfterSalesDrawerVisible] =
     useState<boolean>(false);
   const [historyModalVisible, setHistoryModalVisible] =
@@ -97,6 +108,8 @@ const OrderPage = () =&gt; {
     useState<boolean>(false);
   const [procureCheckModalVisible, setProcureCheckModalVisible] =
     useState<boolean>(false);
+  const [procureConvertModalVisible, setProcureConvertModalVisible] =
+    useState<boolean>(false);
   const [confirmReceiptVisible, setConfirmReceiptVisible] =
     useState<boolean>(false);
   const [deliverVisible, setDeliverVisible] = useState<boolean>(false);
@@ -173,6 +186,30 @@ const OrderPage = () =&gt; {
     refreshTable();
   }
+  /**
+   * 复制订单到剪贴板
+   * @param record
+   */
+  function copyOrderToClipboard(record: any) {
+    let text = '';
+    text += record?.id;
+    text += '，' + record?.customerName;
+    text += '，' + record?.customerContactNumber;
+    text += '，' + record?.customerShippingAddress;
+    record?.subOrderInformationLists?.forEach((item) => {
+      text += '\n';
+      text += item?.productName;
+      text += ' ' + item?.parameters;
+      text += ' ' + item?.quantity;
+      text += ' ' + item?.unit;
+    });
+    if (copyToClipboard(text)) {
+      message.info('已复制到剪贴板');
+    } else {
+      message.info('无法复制到剪贴板');
+    }
+  }
+
   // const resize = () => {
   //   // 计算元素底部到视口顶部的距离
   //   let bottomDistance = document
@@ -573,6 +610,21 @@ const OrderPage = () =&gt; {
               {getOrderStatusTag(optRecord)}
             </div>
+            {/**采购是否已下单状态 */}
+            {optRecord.procureOrderStatus !== null &&
+            optRecord.procureOrderStatus !== undefined ? (
+              <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
+                <Tag color="success">
+                  {enumValueToLabel(
+                    optRecord.procureOrderStatus,
+                    PROCURE_ORDER_STATUS,
+                  )}
+                </Tag>
+              </div>
+            ) : (
+              ''
+            )}
+
             {/* 物流信息 */}
             <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
               {optRecord.orderStatus === 'CONFIRM_RECEIPT' ||
@@ -602,6 +654,21 @@ const OrderPage = () =&gt; {
             </div>
           </Flex>
           <Flex className="w-[18%]" wrap="wrap" gap="small">
+            {optRecord.subPath?.includes('noNeedInvoicingEdit') ? (
+              <Button
+                className="p-0"
+                type="link"
+                onClick={() => {
+                  setFinancialEditVisible(true);
+                  setSelectedRows([optRecord]);
+                  setIsMainOrder(false);
+                }}
+              >
+                收款时间
+              </Button>
+            ) : (
+              ''
+            )}
             {optRecord.subPath?.includes('sendProduct') ? (
               <Button
                 className="p-0"
@@ -859,6 +926,22 @@ const OrderPage = () =&gt; {
               ''
             )}
+            {optRecord.subPath?.includes('procureConvertProcure') ? (
+              <Button
+                className="p-0"
+                type="link"
+                onClick={() => {
+                  setSelectedRows([optRecord]);
+                  setOrderCheckType(CHECK_TYPE.PROCURE);
+                  setProcureConvertModalVisible(true);
+                }}
+              >
+                转发
+              </Button>
+            ) : (
+              ''
+            )}
+
             {optRecord.subPath?.includes('rePrintOrder') ? (
               <Button
                 className="p-0"
@@ -927,6 +1010,26 @@ const OrderPage = () =&gt; {
               ''
             )}
+            {optRecord.subPath?.includes('procureOrder') ? (
+              <ButtonConfirm
+                className="p-0"
+                title="是否已下单？"
+                text="下单"
+                onConfirm={async () => {
+                  let res = await postServiceOrderProcureOrder({
+                    data: { subIds: [optRecord.id] },
+                  });
+                  if (res.result === RESPONSE_CODE.SUCCESS) {
+                    message.success(res.message);
+                    refreshTable();
+                    return true;
+                  }
+                }}
+              />
+            ) : (
+              ''
+            )}
+
             {optRecord.subPath?.includes('noNeedSend') ? (
               <ButtonConfirm
                 className="p-0"
@@ -1183,6 +1286,7 @@ const OrderPage = () =&gt; {
                     <CopyTwoTone
                       className="hover:cursor-pointer"
                       onClick={() => {
+                        copyOrderToClipboard(record);
                         setOrderOptType('copy');
                         setOrderDrawerVisible(true);
                         let copy = cloneDeep(record);
@@ -1195,7 +1299,14 @@ const OrderPage = () =&gt; {
                     />
                   </Tooltip>
                 ) : (
-                  ''
+                  <Tooltip title="复制文本">
+                    <CopyTwoTone
+                      className="hover:cursor-pointer"
+                      onClick={() => {
+                        copyOrderToClipboard(record);
+                      }}
+                    />
+                  </Tooltip>
                 )}
                 <Tooltip title="历史">
@@ -1506,6 +1617,33 @@ const OrderPage = () =&gt; {
                     ''
                   )}
+                  {record.mainPath?.includes('') ? (
+                    <Button
+                      className="p-0"
+                      type="link"
+                      onClick={() => {
+                        let selectedSubOrders = selectedRowObj[record.id];
+                        setSelectedRows(selectedSubOrders);
+                        if (selectedSubOrders === undefined) {
+                          setSelectedRows(record.subOrderInformationLists);
+                        }
+                        for (let i = 0; i < selectedRows.length; i++) {
+                          if (selectedRows[i].orderStatus !== 'UNAUDITED') {
+                            message.error('请选择未审核的子订单进行审核');
+                            return;
+                          }
+                        }
+                        setOrderRow(record);
+                        setCheckVisible(true);
+                        setOrderCheckType(CHECK_TYPE.AFTER_SALES);
+                      }}
+                    >
+                      售后审核
+                    </Button>
+                  ) : (
+                    ''
+                  )}
+
                   {record.mainPath?.includes('noNeedSend') ? (
                     <ButtonConfirm
                       className="p-0"
@@ -1803,6 +1941,18 @@ const OrderPage = () =&gt; {
     },
   );
+  //判断是否是采购，是的话新增一个筛选条件
+  console.log(userInfo?.roleSmallVO?.code === 'procure');
+  if (userInfo?.roleSmallVO?.code === 'procure') {
+    mainOrdersColumns.push({
+      title: '采购下单状态',
+      dataIndex: 'procureOrderStatus',
+      valueType: 'select',
+      hideInTable: true,
+      valueEnum: enumToProTableEnumValue(PROCURE_ORDER_STATUS),
+    });
+  }
+
   function toolBarRender() {
     let roleCode = userInfo?.roleSmallVO?.code;
     let toolBtns = [];
@@ -2173,6 +2323,21 @@ const OrderPage = () =&gt; {
         />
       )}
+      {financialEditVisible && (
+        <FinancialEditDrawer
+          subOrders={selectedRows}
+          setVisible={() => {
+            setFinancialEditVisible(false);
+            setIsMainOrder(false);
+          }}
+          onClose={() => {
+            setFinancialEditVisible(false);
+            refreshTable();
+            setIsMainOrder(false);
+          }}
+        />
+      )}
+
       {orderPrintVisible && (
         <OrderPrintModal
           mainOrder={orderRow}
@@ -2290,6 +2455,18 @@ const OrderPage = () =&gt; {
         />
       )}
+      {procureConvertModalVisible && (
+        <ProcureConvertModal
+          setVisible={setProcureConvertModalVisible}
+          subOrders={selectedRows}
+          onClose={() => {
+            setProcureConvertModalVisible(false);
+            setSelectedRows({});
+            refreshTable();
+          }}
+        />
+      )}
+
       {contextHolder}
     </PageContainer>
   );
@@ -709,6 +709,19 @@ export interface ProcureCheckOrderDto {
   supplier?: string;
 }
+export interface ProcureConvertProcureDto {
+  /**
+   * @description
+   *   采购人名称
+   */
+  procureName?: string;
+  /**
+   * @description
+   *   子订单id集合
+   */
+  subIds?: Array<number>;
+}
+
 export interface ProcureConvertWarehouseKeeperDto {
   /**
    * @description
@@ -722,6 +735,14 @@ export interface ProcureConvertWarehouseKeeperDto {
   subIds?: Array<number>;
 }
+export interface ProcureOrderDto {
+  /**
+   * @description
+   *   子订单id集合
+   */
+  subIds?: Array<number>;
+}
+
 export interface ProcurePrintDto {
   /**
    * @description
@@ -876,6 +897,12 @@ export interface Dto {
   collectMoneyTime?: string;
   /**
    * @description
+   *   采购开收据时间
+   * @format date-time
+   */
+  financialReceiptIssuanceTime?: string;
+  /**
+   * @description
    *   财务备注
    */
   invoicingNotes?: string;
@@ -36,7 +36,9 @@ import type {
   OrderUnlockFieldApplyVO,
   OrderUpdateVO,
   ProcureCheckOrderDto,
+  ProcureConvertProcureDto,
   ProcureConvertWarehouseKeeperDto,
+  ProcureOrderDto,
   ProcurePrintDto,
   ProductInformationDto,
   QueryAnnexDto,
@@ -5838,6 +5840,77 @@ export const postServiceOrderInvoicing = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postServiceOrderNoNeedInvoicingEdit */
+export interface PostServiceOrderNoNeedInvoicingEditOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: Dto;
+  };
+}
+
+/** @description response type for postServiceOrderNoNeedInvoicingEdit */
+export interface PostServiceOrderNoNeedInvoicingEditResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceOrderNoNeedInvoicingEditResponseSuccess =
+  PostServiceOrderNoNeedInvoicingEditResponse[200];
+/**
+ * @description
+ *   财务无需开票的编辑按钮
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceOrderNoNeedInvoicingEdit = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/order/noNeedInvoicingEdit';
+  function request(
+    option: PostServiceOrderNoNeedInvoicingEditOption,
+  ): Promise<PostServiceOrderNoNeedInvoicingEditResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostServiceOrderNoNeedInvoicingEditResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceOrderNoNeedSend */
 export interface PostServiceOrderNoNeedSendOption {
   /**
@@ -6122,6 +6195,77 @@ export const postServiceOrderProcureCheckOrder = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postServiceOrderProcureConvertProcure */
+export interface PostServiceOrderProcureConvertProcureOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: ProcureConvertProcureDto;
+  };
+}
+
+/** @description response type for postServiceOrderProcureConvertProcure */
+export interface PostServiceOrderProcureConvertProcureResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceOrderProcureConvertProcureResponseSuccess =
+  PostServiceOrderProcureConvertProcureResponse[200];
+/**
+ * @description
+ *   采购转给采购
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceOrderProcureConvertProcure = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/order/procureConvertProcure';
+  function request(
+    option: PostServiceOrderProcureConvertProcureOption,
+  ): Promise<PostServiceOrderProcureConvertProcureResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostServiceOrderProcureConvertProcureResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceOrderProcureConvertWarehouseKeeper */
 export interface PostServiceOrderProcureConvertWarehouseKeeperOption {
   /**
@@ -6194,6 +6338,77 @@ export const postServiceOrderProcureConvertWarehouseKeeper =
     return request;
   })();
+/** @description request parameter type for postServiceOrderProcureOrder */
+export interface PostServiceOrderProcureOrderOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: ProcureOrderDto;
+  };
+}
+
+/** @description response type for postServiceOrderProcureOrder */
+export interface PostServiceOrderProcureOrderResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceOrderProcureOrderResponseSuccess =
+  PostServiceOrderProcureOrderResponse[200];
+/**
+ * @description
+ *   采购下单按钮
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceOrderProcureOrder = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/order/procureOrder';
+  function request(
+    option: PostServiceOrderProcureOrderOption,
+  ): Promise<PostServiceOrderProcureOrderResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostServiceOrderProcureOrderResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceOrderProcurePrint */
 export interface PostServiceOrderProcurePrintOption {
   /**
@@ -6576,6 +6791,60 @@ export const getServiceOrderProvidePaymentMethod = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description response type for postServiceOrderProvideProcurementRoles */
+export interface PostServiceOrderProvideProcurementRolesResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceOrderProvideProcurementRolesResponseSuccess =
+  PostServiceOrderProvideProcurementRolesResponse[200];
+/**
+ * @description
+ *   提供采购角色
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceOrderProvideProcurementRoles = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/order/provideProcurementRoles';
+  function request(): Promise<PostServiceOrderProvideProcurementRolesResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+    }) as unknown as Promise<PostServiceOrderProvideProcurementRolesResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description response type for getServiceOrderProvideProductBelongDepartment */
 export interface GetServiceOrderProvideProductBelongDepartmentResponse {
   /**
@@ -145,9 +145,53 @@ function getAliYunOSSFileNameFromUrl(url: string) {
     return url;
   }
 }
+
+function transImageFile(base64Image: any) {
+  // 将Base64字符串解码为二进制数据
+  const binaryData = atob(base64Image.split(',')[1]);
+
+  // 创建一个Uint8Array来存储二进制数据
+  const arrayBuffer = new ArrayBuffer(binaryData.length);
+  const uint8Array = new Uint8Array(arrayBuffer);
+  for (let i = 0; i < binaryData.length; i++) {
+    uint8Array[i] = binaryData.charCodeAt(i);
+  }
+
+  // 创建Blob对象
+  return new Blob([uint8Array], { type: 'image/png' });
+}
+
+/**
+ * 复制文本到剪贴板
+ * @param text
+ */
+function copyToClipboard(text: string) {
+  // 创建一个临时的textarea元素
+  const textarea = document.createElement('textarea');
+  textarea.value = text;
+
+  // 将textarea元素添加到DOM中
+  document.body.appendChild(textarea);
+
+  // 选中textarea中的文本
+  textarea.select();
+
+  try {
+    // 尝试执行复制命令
+    document.execCommand('copy');
+    return true;
+  } catch (err) {
+    return false;
+  } finally {
+    // 移除临时的textarea元素
+    document.body.removeChild(textarea);
+  }
+}
+
 export {
   appendFormData,
   blobToFile,
+  copyToClipboard,
   customMessage,
   dataURItoBlob,
   enumToProTableEnumValue,
@@ -158,4 +202,5 @@ export {
   formatdate,
   getAliYunOSSFileNameFromUrl,
   getUserInfo,
+  transImageFile,
 };