List

조회결과 list

설비분류 > 설비클래스 > 설비유형

품목번호 / 자재코드 자재 내역

재고50
요청수량50
단위50
출고예정일2023-02-16

홍길동
2023-03-02
조회수 4

          
    <div class="list">
      <div class="list__item is-arr">
        <a class="list__link" data-modalopen="open" href="#">
          <span class="list__label">설비내역</span>
          <strong class="list__title">[등급]설비Tag</strong>
          <p>설비분류 > 설비클래스 > 설비유형</p>
          <span class="list__arr"></span>
        </a>
      </div>
      <div class="list__item">
        <div class="list__link">
          <span class="list__label">품목번호 / 자재코드</span>
          <strong class="list__title">자재 내역</strong>
          <div class="list__btnWrap">
            <button type="button" class="is-modify">수정</button>
            <button type="button" class="is-delete">삭제</button>
          </div>
          <ul class="list__box">
            <li>재고<span>50</span></li>
            <li>요청수량<span class="is-point">50</span></li>
            <li>단위<span>50</span></li>
            <li>출고예정일<span>2023-02-16</span></li>
          </ul>
        </div>
      </div>
      <div class="list__item is-arr">
        <a class="list__link" data-modalopen="open" href="#">
          <strong class="list__title is-new">
            <span>게시판 제목 001</span>
          </strong>
          <ul class="barList">
            <li>홍길동</li>
            <li>2023-03-02</li>
            <li>조회수 4</li>
          </ul>
        </a>
      </div>
    </div>

folding

          
    <ul class="accordion">
      <li class="accordion__item">
        <button class="accordion__title" type="button" aria-controls="acco0" aria-expanded="false" tabindex="0">설비사진</button>  
        <div class="accordion__contents" id="acco0">
            <div class="accordion__contentsWrap">
                  
            </div>
        </div>
      </li>
      <li class="accordion__item">
        <button class="accordion__title" type="button" aria-controls="acco0" aria-expanded="false" tabindex="0">
          <strong>공사명 001-1</strong>
          <ul class="barList">
            <li>홍길동</li>
            <li>2023-03-02</li>
            <li>조회수 4</li>
          </ul>
        </button>
        <div class="accordion__contents" id="acco0">
            <div class="accordion__contentsWrap">
                  
            </div>
        </div>
      </li>
    </ul>

Detail List

lavel 상단형

출력되는 텍스트가 긴 경우의 유형

코스트센터
5311903 / #1 엘피저메록스공정
설비내역
[등급]설비Tag 31
설비내역
[등급]설비Tag

          
    <ul class="textList">
      <li>
        <b>코스트센터</b>
        <p>5311903 / #1 엘피저메록스공정</p>
      </li>
      <li>
        <b>설비내역</b>
        <p class="pr-25">[등급]설비Tag <em>31</em></p>
      </li>
      <li>
        <b>설비내역</b>
        <p>[등급]설비Tag</p>
      </li>
    </ul>

lavel 가로형

출력되는 텍스트가 짧은 경우의 유형

설비내역
[등급]설비Tag
설비내역
[등급]설비Tag

          
    <ul class="textList is-short">
      <li>
        <b>설비내역</b>
        <p>[등급]설비Tag</p>
      </li>
      <li>
        <b>설비내역</b>
        <p>[등급]설비Tag</p>
      </li>
    </ul>

테이블형

소장	안전관리자	일반관리자
1	1	1
사무지원	반장/조장	배관

          
    <table class="table text-center">
      <colgroup>
        <col style="width:33.333%">
        <col style="width:33.333%">
        <col style="width:33.333%">
      </colgroup>
      <tbody>
        <tr>
          <th>소장</th>
          <th>안전관리자</th>
          <th>일반관리자</th>
        </tr>
        <tr>
          <td>1</td>
          <td>1</td>
          <td>1</td>
        </tr>
        <tr>
          <th>사무지원</th>
          <th>반장/조장</th>
          <th>배관</th>
        </tr>
        <tr>
          <td>
            <div class="formControl">
              <input type="text" placeholder="0" class="form__input is-num">
            </div>
          </td>
          <td>
            <div class="formControl">
              <input type="text" placeholder="0" class="form__input is-num">
            </div>
          </td>
          <td>
            <div class="formControl">
              <input type="text" placeholder="0" class="form__input is-num">
            </div>
          </td>
        </tr>
      </tbody>
    </table>

첨부파일 list

          
    <div class="boardView">
      <div class="boardView__header">
        <div class="boardView__fileDownload">
          <button type="button" class="btn is-download">설비통합플랫폼 개발_WBS.ppt</button>
          <button type="button" class="btn is-small">열기</button>
        </div>            
      </div>
    </div>
    <button type="button" class="btn is-download mb-16">설비통합플랫폼 개발_WBS.ppt</button>
    <div class="downloadWrap">
      <button type="button" class="btn is-download">설비통합플랫폼 개발_WBS.ppt</button>
      <button type="button" class="downloadClose"></button>
    </div>