fix(cas): 优化保养配置配件选择交互及错误提示

杜志良
1 parent 9b132f20
Showing 3 changed files with 19 additions and 5 deletions
src/pages/cas/afterSaleConfiguration/maintainConfig/subpages/MaintainEdit/components/MachineFilter/components/EngineFilterModal/index.tsx
src/pages/cas/afterSaleConfiguration/maintainConfig/subpages/MaintainEdit/components/PartFilter/index.tsx
src/pages/cas/afterSaleConfiguration/maintainConfig/subpages/MaintainEdit/index.tsx
@@ -4,6 +4,7 @@ import debounce from &#39;lodash/debounce&#39;;
 import Search from 'antd/lib/input/Search';
  
 import { getPartItems } from '../../../../../../api';
+import st from '@/pages/cas/afterSaleConfiguration/maintainConfig/subpages/MaintainEdit/components/EngineOilSelector/components/style.less';
  
 const { Column } = Table;
  
@@ -86,6 +87,9 @@ function EngineOilModal(props: Props) {
       <Table
         dataSource={data}
         loading={loading}
+        pagination={{ total, defaultPageSize: 10, current, pageSize, onChange: onPageChange, onShowSizeChange: onPageChange }}
+        rowClassName={st.clickableRow}
+        rowKey="partCode"
         rowSelection={{
           selectedRowKeys: selectedRow.map((item) => item.partCode),
           onSelect: (row: any, _selected: boolean) => {
@@ -111,8 +115,15 @@ function EngineOilModal(props: Props) {
             setSelectedRow(newData);
           },
         }}
-        pagination={{ total, defaultPageSize: 10, current, pageSize, onChange: onPageChange, onShowSizeChange: onPageChange }}
-        rowKey="partCode"
+        onRow={(record) => ({
+          onClick: () => {
+            if (selectedRow.some((si) => si.partCode === record.partCode)) {
+              setSelectedRow([...selectedRow.filter((si) => si.partCode !== record.partCode)]);
+            } else {
+              setSelectedRow([...selectedRow, record]);
+            }
+          },
+        })}
       >
         <Column title="名称" dataIndex="partName" width={250} />
         <Column title="编号" dataIndex="partCode" />
@@ -143,8 +143,8 @@ export default function PartFilter({ partFilters, brandId, onChange }: Props) {
         <Table
           dataSource={dataSource}
           bordered
-          rowClassName="editable-row"
           pagination={false}
+          rowClassName="editable-row"
           rowKey={(row) => `${row.partCode}_${row.partName}`}
           components={{
             body: {
 import React, { useEffect, useState } from 'react';
-import { Button, Card, Empty, Form, Input, message, Row, Select, Spin, Tabs } from 'antd';
+import { Button, Card, Empty, Form, Input, message, Modal, Row, Select, Spin, Tabs } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useInitial from '@/hooks/useInitail';
 import { ConnectProps } from '@/typing/common';
@@ -411,8 +411,11 @@ export default function ConfigPage({ match }: Props) {
         }
       })
       .catch((e) => {
-        message.error(e.message);
         setSubmitting(false);
+        Modal.error({
+          title: '提示',
+          content: e.message,
+        });
       });
   }