feats

src/pages/package/DishList.jsx

 import React, { useEffect, useState, useRef, forwardRef, useImperativeHandle } from 'react';
-import { Button, Modal, List, Popconfirm, Form, Select, message } from 'antd';
+import { Button, Modal, List, Popconfirm, Form, Select, InputNumber } from 'antd';
 import classNames from 'classnames';
 import useBool from '@/utils/hooks/useBool';
 import { getPackageDetailList, addPackageDetail, deletePackageDetail } from '@/services/package';
 
   const onFinish = (values) => {
     const it = data.filter(x => x.id === values.dishId)[0] || {};
-    const dishKind = values.dishKind || defaultKind;
-    onChange({...it, dishKind});
+    onChange({...it, ...values });
   };
 
   const handleSearch = (newValue) => {
 
   useEffect(() => {
     initList();
+    form.setFieldsValue({ dishKind: 2, amount: 1 });
   }, [])
 
   return (
           <Select.Option value={2}>菜肴</Select.Option>
         </Select>
       </Form.Item>
+      <Form.Item name="amount" label="菜肴数量" rules={[{ required: true, message: '请设置数量' }]}>
+        <InputNumber style={{ width: '100%' }} min={1} />
+      </Form.Item>
       <Form.Item>
         <Button type='primary' htmlType='sumbit'>确定</Button>
       </Form.Item>
               </Popconfirm>
             ]}
           >
-            {`【${kindDict[`${item.dishKind}`]}】${item.name}`}
+            {`【${kindDict[`${item.dishKind}`]}】${item.name} x ${item.amount}`}
           </List.Item>
         )}
       />