4) nonos(No No Stress) - UI 작업 시작!

이번 작업은 UI작업 입니다.
기존 DeleteButton 제거하고, OrderButton으로 교체 작업 입니다.

체크박스를 클릭하면 전체가 선택이 됩니다.

 

 

 

 

그리고 오른쪽에 Delete버튼이 생성 됩니다.

react-admin에서 제공해주는 디폴트 기능 입니다.

주문 리스트에서 버튼 Wrapper를 연결해줍니다.
여기서 중요한것은 <Datagrid 로 해줘야 하는게 포인트!

import {
    List,
    Datagrid,
    TextField,
    NumberField,
    ListProps
} from "react-admin";

import { ReactElement } from "react";
import { BulkOrderButtonWrapper } from "./BulkOrderButtonWrapper.tsx";

export const OrderList = (props: ListProps): ReactElement => (
    <List {...props}>
        <Datagrid
            rowClick="edit"
            bulkActionButtons={<BulkOrderButtonWrapper />}
        >
            <TextField source="productOrderId" />
            <NumberField source="quantity" />
            <TextField source="receiverName" />
            <TextField source="receiverTel" />
            <TextField source="receiverAddress" />
            <TextField source="shippingMemo" />
            <TextField source="productId" />
            <TextField source="productName" />
            <TextField source="orderDate" />
            <TextField source="ordererTel" />
            <TextField source="orderId" />
            <TextField source="payLocationType" />
            <TextField source="productOption" />
            <TextField source="optionCode" />
        </Datagrid>
    </List>
);

이제 선택을 해주면!

아래처럼 Delete버튼이 사라지고 주문 버튼이 생성 됩니다.

 빡신 UI 작업 ㅋㅋㅋ gpt와 함께 작업!

신규 주문 불러오기!

왜 가운데로 가냐 ㅋㅋㅋ 제대로 일안하냐!

거의 다왔다!

이정도면 훌륭하다! ㅋㅋ

결과

다음은 미매핑 처리 UI - 발주처리 전에 업체가 매핑이 되어있어야 한다.

발주처리는 매우 중요한 기능이다.
지인들을 보니 발주와 송장에서 너무 많은 시간을 허비하는것을 보았다.
또한 중복발주로 인한 손해도 입는다.

음..어떻게 하면 좋을까?? 어떻게 해야 효율적일까? 고객입장에서!
개발자 입장과 고객의 입장은 매우 다르다.

하나의 프로덕트를 만들기 위해서는 끊임없는 고민이 필요하다.
고객의 입장에서 생각을 해야하고 고객이 사용할 때 정말 편리하고 혁신적이였으면 좋겠다.
우선 아래의 api는 신규주문 -> 발주 확인처리 api이다.
이녀석은 신규로 들어온 주문건들에 대해서 발주를 시작하겠다. 이런 뜻이다.
즉 발주확인 처리를 하면 배송준비로 들어간다.

 

https://apicenter.commerce.naver.com/docs/commerce-api/current/seller-confirm-placed-product-orders-pay-order-seller

지금 고민인 것은..
보통 배송준비로 들어간 데이터를 가지고 발주를 처리한다.
원래는 신규주문에 대해서 발주처리를 하고 엑셀이 나오게끔 하려고 했는데
작업내용을 들어보니 배송준비로 일단 다 때려넣고 나가는 물건도 있고 안나가는 물건도 있다는 것이다.
업체 사정에 따라 늦게 나갈수도 있다는 말이다.

결론은?
배송준비 상태의 데이터를 가지고 발주처리를 해야함.
Why? 고객이 주문취소를 바로 못하는 상태이기 때문에!
그러므로 신규주문 데이터를 백단에서 가져와서 배송준비 상태로 만들고 배송준비 상태의 데이터를 가지고 발주처리를 해야 함.
테이블 설계도 필요할 것 같음. (주문, 배송)

기존 설계는 아래와 같았는데 변경을 해야 합니다. ㅎㅎ

다음편에 다시 설계해서 개발 고고고~:)