[쇼룸] 광고 장바구니 yaml

사용 팁
1

셀렉트 쇼룸의 광고 장바구니 페이지 YAML 코드입니다.

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

image
image3592×1944 488 KB

menus:
- path: request-ad-bucket
  name: 🛒 광고 장바구니
pages:
- path: request-ad-bucket
  blocks:   
    - type: top
      blocks:
        - type: markdown
          content: |
            ```
            고객사가 광고 신청내역을 장바구니에 담아 확인한 다음, 운영사에게 검토 요청을 할 수 있어요.

            * 신청 양식을 작성해보세요.
            * 장바구니 내역을 선택하고 검토요청 버튼을 눌러보세요.                          
            ```

    - type: left
      style:
        width: calc(40% - 1rem)
        padding-top: 1rem
      blocks:
        - type: query
          class: aa
          resource: mysql.qa
          sqlType: insert
          sql: >
            INSERT INTO AdRequestBasket
            SET created_at = NOW()
              , product_name = :product_name
              , target_name = :target_name
              , start_date = :start_date
              , end_date = :end_date
              , ask_note = :ask_note
              , creative_url = :creative_url
              , request_id = 1
          reloadAfterSubmit: true
          display: form
          formOptions:
            firstLabelWidth: 150px          
          params:
            - key: product_name
              label: 상품이름
              required: true
              radioButtonGroup: true
              radio:
                - 메인배너
                - 팝업배너
                - PUSH 광고
            - key: target_name
              width: 500px
              label: 타겟이름
              required: true
            - key: start_date
              width: 500px
              label: 시작일
              required: true
              subtitle: 광고 집행기간 시작일과 종료일을 선택해주세요.
              format: date
            - key: end_date
              width: 500px
              label: 종료일
              required: true
              format: date
            - key: ask_note
              width: 500px
              label: 요청사항
              format: textarea
            - key: creative_url
              width: 500px
              label: 광고소재
              subtitle: >
                광고 소재를 확인할 수 있는 공유 링크를 올려주세요.
    
    - type: right
      style:
        width: calc(60% - 1rem)
        padding-top: 1rem
        padding-left: 1rem
        padding-right: 1rem
      blocks:
        - type: query
          resource: mysql.qa
          sqlType: select
          sql: >
            SELECT *
            FROM AdRequestBasket
            WHERE request_id = 1
            AND (stage <> '검토요청' OR stage IS NULL)
          title: 장바구니
          tableOptions:
            bordered: false
            striped: true
          showDownload: false
          columns:
            id:
              label: ID
            request_id:
              label: 요청ID
              hidden: true
            product_name:
              label: 상품이름
            target_name:
              label: 타겟이름
            start_date:
              label: 시작일
            end_date:
              label: 종료일
            ask_note:
              label: 요청사항
            creative_url:
              label: 광고소재
            created_at:
              label: 생성일
            updated_at:
              label: 수정일
              hidden: true
            deleted_at:
              label: 삭제일
              hidden: true  
            stage:
              label: 단계
          selectOptions: 
            enabled: true   
          actions:
            - label: 검토요청
              type: query
              resource: mysql.qa
              sqlType: update
              sql: >
                UPDATE AdRequestBasket
                SET stage = '검토요청'
                WHERE id = :id
              reloadAfterSubmit: true
              forEach: true
              placement: bottom left
              params:
                - key: id
                  valueFromSelectedRows: id
        - type: query
          resource: mysql.qa
          sqlType: select
          sql: >
            SELECT *
            FROM AdRequestBasket
            WHERE request_id = 1
            AND stage = '검토요청'
          tableOptions:
            bordered: false
            striped: true
          title: 제출됨
          showDownload: false
          columns:
            id:
              label: ID
            request_id:
              label: 요청ID
              hidden: true
            product_name:
              label: 상품이름
            target_name:
              label: 타겟이름
            start_date:
              label: 시작일
            end_date:
              label: 종료일
            ask_note:
              label: 요청사항
            creative_url:
              label: 광고소재
            created_at:
              label: 생성일
            updated_at:
              label: 수정일
              hidden: true
            deleted_at:
              label: 삭제일
              hidden: true  
            stage:
              label: 단계