<template>
        <div class="content">

        <div class="search-bar ">
            <div class="flex justify-end align-center no-gutters">
              <div class="gd-3 flex justify-end align-center">
                <div class="gd-5 pl0"><VueDatePicker v-model="stDate" :enable-time-picker="false" placeholder="시작일" locale="ko" inputFormat="yyyy-mm-dd"/></div>
                <div class="pd10">-</div>
                <div class="gd-5"><VueDatePicker v-model="edDate" :enable-time-picker="false" placeholder="종료일" locale="ko" inputFormat="yyyy-mm-dd"/></div>
            </div>
                <div class="gd-4 mr10">
                    <div class="border">
                        <select name="selectType" id="selectType" class="border-none gd-2" >
                            <option value="">전체</option>
                        </select>
                        <input type="text" class="full-input border-none gd-10 condition-input" placeholder="검색어를 입력하세요." >
                    </div>
                </div>
                <div class="gd-1">
                    <button class="btn-ico xsm ico-sch" >
                        <span class="sr-only">검색</span>
                    </button>
                </div>
            </div>
        </div>
        <div class="table-zone">
          <ListTable :colgroup="colgroup" :thead="thead" :tbody="tbody" :className="'admin-list'"/>
        </div>
        <div class="flex justify-center align-center no-gutters">
            <div class="gd-10">
                <PaginationButton :className="'admin-pagination'" />
            </div>
        </div>
    </div>
</template>
  
<script>
import ListTable from '../../../component/table/ListTable.vue';

  export default {
    data: function () {
      return {
        colgroup: ["5%", "30%", "10%", "25%", "30%"],
            thead: ["NO","작업시간", "작업자", "작업내용", "접속IP"],
            tbody: [],
      };
    },
    methods: {
      
    },
    computed: {},
    watch: {

    },
    components:{
      'ListTable':ListTable
    },
    //beforeCreate: function () {},
    //created: function () {},
    //beforeUpdate: function () {},
    //updated: function () {},
    mounted: function () { },
  };
</script>
  