[쇼룸] 상품 조회 yaml

자유게시판
1

셀렉트 쇼룸의 상품 조회 페이지 YAML 코드입니다.

궁금한 점은 댓글이나 이메일, 서비스 내 채팅, 슬랙 등으로 편하게 문의주세요. 감사합니다.

image
image2272×1272 247 KB

menus:
  - path: product-list
    name: 📦     상품 조회

  - path: product/new
    name: 상품 추가
    placement: page-only

pages:
  - path: product-list
    formOptions:
      firstLabelWidth: 100px
    title: 통합 검색
    subtitle: 전체 상품을 조회하고 수정할 수 있습니다.    
    params:
      - key: date_search_key
        dropdown: 
          - 등록일자
          - 수정일자
        value: 등록일자
        group: 1
        label: '기간:'
        width: 200px
      - key: dateFromTo
        format: date
        range: true
        defaultValueFn: >
          return ['2023-08-01', '2023-09-01']
        label: ' '  
        group: 1
      - key: sell_status
        label: '판매상태:'
        radio: 
          - 전체
          - 판매중
          - 품절
          - 판매중단
        radioButtonGroup: true
        value: 전체
        group: 2
      - key: product_search_key
        dropdown: 
          - 상품명
          - 브랜드명  
        value: 상품명
        group: 3
        label: '검색조건:'
        width: 100px
      - key: product_search
        label: ' '
        group: 3
        placeholder: 검색어를 입력해주세요.
      - key: product_code
        group: 4
        label: '상품번호:'
        placeholder: >
          복수입력시 쉼표(,) 또는 엔터(Enter)로 구분해주세요.

    blocks:        
      - type: query  
        resource: mysql.qa
        sqlType: select
        sql: >
          SELECT code, name, tags, price, sell_status, created_at, updated_at
          FROM products
        selectOptions: 
          enabled: true
        paginationOptions: 
          enabled: true
          perPage: 10
        showDownload: false
        columns:
          작업:
            prepend: true
            buttons:
              - label: 수정
              - label: 삭제
                type: danger-light
          id:
            label: ID
            hidden: true
          created_at:
            label: 생성일시      
          updated_at:
            label: 수정일시          
          name:
            label: 상품명
          code:
            label: 상품코드
          price:
            label: 금액
          sell_status:
            label: 판매상태
          tags:
            label: 태그
            formatFn: splitComma
        actions:
          - label: 일괄수정
            modal: true
            type: query
            resource: mysql.qa
            sql: SELECT 1
            params:
              - key: a
                label: 내용1
            toast: >
              완료
          - label: 엑셀 다운로드
            placement: right top
            type: query
            resource: mysql.qa
            sql: SELECT 1
            single: true
            toast: >
              예시: 엑셀 다운로드는 구글시트, CSV 파일로 가능합니다.
            toastOptions:
              type: info
          - label: 상품등록
            openPage: product/new
            single: true
            type: query
            resource: mysql.qa
            sql: SELECT 1
            toast: >
              예시: 상품등록을 위한 창을 엽니다.
            toastOptions:
              type: success
            placement: right top
            button:
              type: primary

  - path: product/new
    blocks:
      - type: markdown
        content: >
          상품등록 페이지