diff --git a/src/pages/Order/List/index.tsx b/src/pages/Order/List/index.tsx index 314f857..2cb9d67 100644 --- a/src/pages/Order/List/index.tsx +++ b/src/pages/Order/List/index.tsx @@ -1,3 +1,5 @@ +import styles from '../../../style/order-list.css'; + import InternationalPhoneInput from '@/components/InternationalPhoneInput'; import { HistoryOrder } from '@/pages/Statistics/Order'; import { ORDER_STATUS_ENUM } from '@/constants'; @@ -84,6 +86,7 @@ const ListPage: React.FC = () => { const actionRef = useRef(); const [activeKey, setActiveKey] = useState('all'); const [count, setCount] = useState([]); + const [activeLine, setActiveLine] = useState(-1); const tabs: TabsProps['items'] = useMemo(() => { const total = count.reduce((acc, cur) => acc + Number(cur.count), 0); const tabs = [ @@ -265,7 +268,7 @@ const ListPage: React.FC = () => { record.orderStatus, ) ? ( <> - + ) : ( @@ -276,6 +279,7 @@ const ListPage: React.FC = () => { record={record} tableRef={actionRef} orderId={record.id as number} + setActiveLine={setActiveLine} /> { scroll={{ x: 'max-content' }} actionRef={actionRef} rowKey="id" + rowClassName={(record) => { + return record.id === activeLine ? styles['selected-line-order-protable']: ''; + }} toolBarRender={() => [ , , @@ -480,7 +487,8 @@ const Detail: React.FC<{ tableRef: React.MutableRefObject; orderId: number; record: API.Order; -}> = ({ tableRef, orderId, record }) => { + setActiveLine: Function +}> = ({ tableRef, orderId, record, setActiveLine }) => { const [visiable, setVisiable] = useState(false); const { message } = App.useApp(); const ref = useRef(); @@ -510,7 +518,10 @@ const Detail: React.FC<{ return ( <> - @@ -1049,7 +1060,8 @@ const Shipping: React.FC<{ tableRef?: React.MutableRefObject; descRef?: React.MutableRefObject; reShipping?: boolean; -}> = ({ id, tableRef, descRef, reShipping = false }) => { + setActiveLine: Function; +}> = ({ id, tableRef, descRef, reShipping = false, setActiveLine }) => { const [options, setOptions] = useState([]); const formRef = useRef(); @@ -1071,7 +1083,11 @@ const Shipping: React.FC<{ }, }} trigger={ - @@ -1843,7 +1859,6 @@ const SalesChange: React.FC<{ detailRef?: React.MutableRefObject; reShipping?: boolean; }> = ({ id, detailRef }) => { - const [options, setOptions] = useState([]); const formRef = useRef(); @@ -1908,9 +1923,8 @@ const SalesChange: React.FC<{ > { - if (!keyWords || keyWords.length < 2) return options; + params={{ }} + request={async ({ keyWords }) => { try { const { data } = await productcontrollerSearchproducts({ name: keyWords, @@ -1921,10 +1935,10 @@ const SalesChange: React.FC<{ label: `${item.name} - ${item.nameCn}`, value: item?.sku, }; - }) || options + }) ); } catch (error) { - return options; + return []; } }} name="sku" diff --git a/src/style/order-list.css b/src/style/order-list.css new file mode 100644 index 0000000..f43dc6a --- /dev/null +++ b/src/style/order-list.css @@ -0,0 +1,3 @@ +.selected-line-order-protable { + background-color: #add8e6; +} \ No newline at end of file