<template>
  <main id="main" style="margin-top:-20px; padding-bottom:50px">
    <!-- <section class="intro-single"> -->
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-lg-8">
          <div class="section-header">
            <h2>Change Log</h2>
          </div>
        </div>
      </div>
      <div id="table" class="col-xs-12 table-responsive">
        <datatable :columns="columns" :data="rows"></datatable>
      </div>
      <br />
    </div>

    <!-- </section> -->
  </main>
</template>
<script>
import { mapState, mapActions } from "vuex";

export default {
  name: "changeLogPage",
  created() {
    this.getchangeLogPage();
  },
  computed: {
    ...mapState("status", ["changeLogPage"])
  },
  methods: {
    ...mapActions("status", ["getchangeLogPage"])
  }
};
</script>

<style></style>
