feat: 增加多包裹物流限制

src/pages/orderManage/pendingDeliveryOrder/components/MultiLogisticsModal/index.jsx

@@ -6,7 +6,7 @@ import { apiDeliveriesAdd, apiDeliveriesEdit } from '../../service';
 import styles from './index.less';
 
 const FormComponent = (props, ref) => {
-  const { record = {}, companys = [] } = props;
+  const { record = {}, companys = [], minPackageCount = 1, maxPackageCount = 10 } = props;
   const { mchOrderSkuVoList, packageList } = record;
   const [form] = Form.useForm();
   const [addPackageList, setAddPackageList] = useState({
@@ -151,7 +151,9 @@ const FormComponent = (props, ref) => {
 
             <div className={styles.operation}>
               <PlusCircleOutlined
+                style={{ color: fields.length >= maxPackageCount ? '#ccc' : '' }}
                 onClick={() => {
+                  if (fields.length >= maxPackageCount) return;
                   const currentPackageList = form.getFieldValue('packageList');
                   form.setFieldsValue({
                     packageList: [...currentPackageList, addPackageList],
@@ -159,8 +161,9 @@ const FormComponent = (props, ref) => {
                 }}
               />
               <MinusCircleOutlined
+                style={{ color: fields.length <= minPackageCount ? '#ccc' : '' }}
                 onClick={() => {
-                  if (fields.length <= 1) return;
+                  if (fields.length <= minPackageCount) return;
                   remove(fields[fields.length - 1].name);
                 }}
               />
@@ -288,10 +291,14 @@ const UpdateStatusModal = (props, ref) => {
     onOk,
   };
 
+  const formProps = {
+    record,
+    companys,
+    minPackageCount: oldPackageList?.length || 1,
+  };
+
   return renderModal ? (
-    <Modal {...modalProps}>
-      {record ? <FormWarpper ref={formRef} record={record} companys={companys} /> : ''}
-    </Modal>
+    <Modal {...modalProps}>{record ? <FormWarpper ref={formRef} {...formProps} /> : ''}</Modal>
   ) : (
     ''
   );