回退台数交互

Shinner
1 parent 436c6c9d
Showing 1 changed file with 65 additions and 107 deletions
src/pages/order3/SaleTask/subpages/TaskEdit/components/ShopTask.tsx
@@ -169,117 +169,75 @@ export default function ShopTask({ form }: ShopTaskProps) {
             }}
           </Form.Item>
           <Form.Item
-            noStyle
-            shouldUpdate={(prevValues, currentValues) => {
-              if (
-                prevValues.fuelVehicleTaskCount !==
-                currentValues.fuelVehicleTaskCount
-              ) {
-                const taskCountTotal = form.getFieldValue("taskCount");
-                form.setFieldValue(
-                  "newEnergyTaskCount",
-                  taskCountTotal - currentValues.fuelVehicleTaskCount
-                );
-              }
-              return (
-                prevValues.fuelVehicleTaskCount !==
-                currentValues.fuelVehicleTaskCount
-              );
-            }}
+            name="newEnergyTaskCount"
+            label="新能源车任务台数："
+            required
+            dependencies={["taskCount", "fuelVehicleTaskCount"]}
+            rules={[
+              ({ getFieldValue }) => ({
+                validator(_, value) {
+                  const taskCount = getFieldValue("taskCount");
+                  const fuelVehicleTaskCount = getFieldValue(
+                    "fuelVehicleTaskCount"
+                  );
+                  if (
+                    value >= 0 &&
+                    fuelVehicleTaskCount + value === taskCount
+                  ) {
+                    return Promise.resolve();
+                  }
+                  return Promise.reject(
+                    new Error(
+                      "规则：新能源车任务台数 + 传统燃油车任务台数 = 零售任务台数"
+                    )
+                  );
+                },
+              }),
+            ]}
           >
-            <Form.Item
-              name="newEnergyTaskCount"
-              label="新能源车任务台数："
-              required
-              dependencies={["taskCount", "fuelVehicleTaskCount"]}
-              rules={[
-                ({ getFieldValue }) => ({
-                  validator(_, value) {
-                    const taskCount = getFieldValue("taskCount");
-                    const fuelVehicleTaskCount = getFieldValue(
-                      "fuelVehicleTaskCount"
-                    );
-                    if (
-                      value >= 0 &&
-                      fuelVehicleTaskCount + value === taskCount
-                    ) {
-                      return Promise.resolve();
-                    }
-                    return Promise.reject(
-                      new Error(
-                        "规则：新能源车任务台数 + 传统燃油车任务台数 = 零售任务台数"
-                      )
-                    );
-                  },
-                }),
-              ]}
-            >
-              <InputNumber
-                formatter={(value) => `${value}台`}
-                parser={(value: any) => value.replace("台", "")}
-                min={0}
-                max={MAX_NUM}
-                style={{ width: "100%" }}
-                disabled={isReadOnly}
-                precision={0}
-              />
-            </Form.Item>
+            <InputNumber
+              formatter={(value) => `${value}台`}
+              parser={(value: any) => value.replace("台", "")}
+              min={0}
+              max={MAX_NUM}
+              style={{ width: "100%" }}
+              disabled={isReadOnly}
+              precision={0}
+            />
           </Form.Item>
+
           <Form.Item
-            noStyle
-            shouldUpdate={(prevValues, currentValues) => {
-              if (
-                prevValues.newEnergyTaskCount !==
-                currentValues.newEnergyTaskCount
-              ) {
-                const taskCountTotal = form.getFieldValue("taskCount");
-                form.setFieldValue(
-                  "newEnergyTaskCount",
-                  taskCountTotal - currentValues.newEnergyTaskCount
-                );
-              }
-              return (
-                prevValues.newEnergyTaskCount !==
-                currentValues.newEnergyTaskCount
-              );
-            }}
+            name="fuelVehicleTaskCount"
+            label="传统燃油车任务台数："
+            required
+            dependencies={["taskCount", "newEnergyTaskCount"]}
+            rules={[
+              ({ getFieldValue }) => ({
+                validator(_, value) {
+                  const taskCount = getFieldValue("taskCount");
+                  const newEnergyTaskCount =
+                    getFieldValue("newEnergyTaskCount");
+                  if (value >= 0 && newEnergyTaskCount + value === taskCount) {
+                    return Promise.resolve();
+                  }
+                  return Promise.reject(
+                    new Error(
+                      "规则：新能源车任务台数 + 传统燃油车任务台数 = 零售任务台数"
+                    )
+                  );
+                },
+              }),
+            ]}
           >
-            <Form.Item
-              name="fuelVehicleTaskCount"
-              label="传统燃油车任务台数："
-              required
-              dependencies={["taskCount", "newEnergyTaskCount"]}
-              rules={[
-                ({ getFieldValue }) => ({
-                  validator(_, value) {
-                    const taskCount = getFieldValue("taskCount");
-                    const newEnergyTaskCount =
-                      getFieldValue("newEnergyTaskCount");
-                    if (
-                      value >= 0 &&
-                      newEnergyTaskCount + value === taskCount
-                    ) {
-                      return Promise.resolve();
-                    }
-                    return Promise.reject(
-                      new Error(
-                        "规则：新能源车任务台数 + 传统燃油车任务台数 = 零售任务台数"
-                      )
-                    );
-                  },
-                }),
-              ]}
-            >
-              <InputNumber
-                formatter={(value) => `${value}台`}
-                parser={(value: any) => value.replace("台", "")}
-                min={0}
-                max={MAX_NUM}
-                style={{ width: "100%" }}
-                disabled={isReadOnly}
-                precision={0}
-              />
-            </Form.Item>
+            <InputNumber
+              formatter={(value) => `${value}台`}
+              parser={(value: any) => value.replace("台", "")}
+              min={0}
+              max={MAX_NUM}
+              style={{ width: "100%" }}
+              disabled={isReadOnly}
+              precision={0}
+            />
           </Form.Item>
           <Form.Item
             name="vehicleGrossProfitTask"