feat: 开票功能开发

曾国涛
1 parent ad33ec47
Showing 3 changed files with 116 additions and 5 deletions
src/pages/Invoice/components/InvoiceDetailTable.tsx
src/pages/Invoice/components/InvoiceProjectSelect.tsx
src/pages/Order/components/InvoicingDrawerForm.tsx
@@ -138,6 +138,11 @@ export default ({ recordId, details, updateDetails, readOnly }) =&gt; {
             //修改recordList中tid为record.tid的元素,将它的specification属性设置为invoiceProject的specification属性
             const records = recordList.map((item) => {
               if (item.tid === record.tid) {
+                item.projectName =
+                  '*' +
+                  invoiceProject.productAndServiceCatagoryAbbreviation +
+                  '*' +
+                  invoiceProject?.name;
                 item.specification = invoiceProject?.specification;
                 item.unit = invoiceProject?.unit;
                 item.taxRate = invoiceProject?.taxRate * 100;
@@ -24,7 +24,11 @@ export const InvoiceProjectSelect = ({
       setOptions(
         data.map((item) => {
           return {
-            label: item.name,
+            label:
+              '*' +
+              item.productAndServiceCatagoryAbbreviation +
+              '*' +
+              item?.name,
             value: item.id,
             ...item,
           };
@@ -42,6 +46,7 @@ export const InvoiceProjectSelect = ({
       /*readonly={readonly}*/
       showSearch
       placeholder="请选择开票项目"
+      filterOption={(input, option) => (option?.label ?? '').includes(input)}
       onChange={(e) => {
         setInvoiceProject(options.find((item) => item.value === e));
         onChange(e);
 // import { PlusOutlined } from '@ant-design/icons';
-import { InvoiceProjectSelect } from '@/pages/Invoice/components/InvoiceProjectSelect';
 import {
   postServiceConstInvoiceType,
   postServiceConstInvoicingType,
+  postServiceConstListInvoiceDetailNames,
   postServiceInvoiceApplyInvoice,
 } from '@/services';
 import { enumToSelect } from '@/utils';
 import {
   DrawerForm,
+  ProCard,
+  ProFormDigit,
   ProFormGroup,
   ProFormList,
   ProFormMoney,
@@ -168,6 +170,16 @@ export default ({ dataList, mainOrder, setVisible, onClose }) =&gt; {
       <ProFormList
         name="invoiceDetails"
         label="开票明细"
+        initialValue={dataList.map((item) => {
+          return {
+            projectName: item.productName,
+            specification: item.parameters,
+            unit: item.unit,
+            quantity: item.quantity,
+            price: item.productPrice,
+            totalPrice: item.totalPayment,
+          };
+        })}
         rules={[
           {
             required: true,
@@ -180,9 +192,98 @@ export default ({ dataList, mainOrder, setVisible, onClose }) =&gt; {
             },
           },
         ]}
-      >
-        <InvoiceProjectSelect readOnly={true} />
-      </ProFormList>
+        itemRender={(doms, listMeta) => {
+          console.log(listMeta);
+          return (
+            <ProCard
+              bordered
+              extra={doms.action}
+              title={'明细' + (listMeta.index + 1)}
+              style={{
+                marginBlockEnd: 8,
+              }}
+            >
+              <ProFormSelect
+                key={'projectName' + listMeta.index}
+                width="md"
+                name="projectName"
+                request={async (value) => {
+                  const keywords = value.keyWords;
+                  const res = await postServiceConstListInvoiceDetailNames({
+                    data: {
+                      nameLike: keywords,
+                    },
+                  });
+                  let options = res?.data?.map((c: any) => {
+                    return {
+                      ...c,
+                      label: c.name,
+                      value:
+                        '*' +
+                        c.productAndServiceCatagoryAbbreviation +
+                        '*' +
+                        c?.name,
+                      key: c.id,
+                    };
+                  });
+                  return options;
+                }}
+                fieldProps={{
+                  filterOption() {
+                    return true;
+                  },
+                }}
+                onChange={(_, option) => {
+                  let index = listMeta.index;
+                  let copyList = form.getFieldValue('invoiceDetails');
+                  let currentData = copyList[index];
+                  currentData.projectName =
+                    '*' +
+                    option.productAndServiceCatagoryAbbreviation +
+                    '*' +
+                    option.name;
+                  currentData.specification = option.specification;
+                  currentData.unit = option.unit;
+                  form.setFieldValue('invoiceDetails', copyList);
+                }}
+                debounceTime={1000}
+                label="项目名称"
+                placeholder="请输入名称"
+              />
+              <ProFormText
+                key={'specification' + listMeta.index}
+                name="specification"
+                label="规格型号"
+                placeholder="请输入名称"
+              />
+              <ProFormText
+                key={'unit' + listMeta.index}
+                name="unit"
+                label="单位"
+                placeholder="请输入名称"
+              />
+              <ProFormDigit
+                key={'quantity' + listMeta.index}
+                label="数量"
+                name="quantity"
+                min={0}
+              />
+              <ProFormDigit
+                key={'price' + listMeta.index}
+                label="单价"
+                name="price"
+                min={0}
+              />
+              <ProFormMoney
+                key={'totalPrice' + listMeta.index}
+                label="金额"
+                name="totalPrice"
+                locale="zh-CN"
+              />
+            </ProCard>
+          );
+        }}
+      ></ProFormList>
       <ProFormTextArea
         name="applyInvoicingNotes"
         label="备注"