<template>
   <div class="pagetitle">
      <h1>출장관리</h1>
    
    </div><!-- End Page Title -->
    <section class="section">
      <div class="row">
        <div class="col-lg-12">

          <div class="card">
            <div class="card-body">
              <h5 class="card-title">출장관리</h5>
              <p></p>

              <!-- Table with stripped rows -->
        <Table :rows="tableData" />
              <!-- End Table with stripped rows -->

            </div>
            
          </div>

        </div>
      </div>
    </section>
  </template>
  
  <script>
  import Table from "../../component/Table.vue";
  export default {
  data() {
    return {
      tableData: [
        { name: 'Unity Pugh', extension: '9958', city: 'Curicó', startDate: '2005/02/11', completion: 37 },
        { name: 'Zelenia Roman', extension: '7516', city: 'Redwater', startDate: '2012/03/03', completion: 31 },
        { name: 'Zelenia Roman', extension: '7516', city: 'Redwater', startDate: '2012/03/03', completion: 31 },
        { name: 'Zelenia Roman', extension: '7516', city: 'Redwater', startDate: '2012/03/03', completion: 31 },
        { name: 'Zelenia Roman', extension: '7516', city: 'Redwater', startDate: '2012/03/03', completion: 31 },
        { name: 'Zelenia Roman', extension: '7516', city: 'Redwater', startDate: '2012/03/03', completion: 31 },
      ]
    };
  },
  methods: {
  },
  components: {
    Table,
  },
};
  </script>
  
  <style scoped>

  </style>
  