배치 리스트 DTO 커밋

frontend/src/modules/mntrng/views/BatchCheck.vue

@@ -0,0 +1,106 @@
+<template>
+
+  <div class="contents">
+    <div class="contents_wrap">
+      <div class="top_wrap">
+        <h3 class="title">배치 모니터링</h3>
+        <p class="breadcrumb">모니터링 &gt; 배치 모니터링</p>
+      </div>
+      <div class= "table">
+        <custom-grid
+          ref="table"
+          :url="grid.url"
+          :columns="grid.columns"
+
+        ></custom-grid>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import mntrngApi from "../service/mntrngApi.js";
+import customGrid from '@/components/CustomGrid';
+export default {
+  name: 'batchCheck',
+  data() {
+    return {
+      batchList : [],
+      grid: {
+        url: '/api/v1/bo/sysMgt/batchList',
+        header: [
+          [
+            {header: '배치ID', childNames: {}},
+            {header: '배치명', childNames: {}},
+          ]
+        ],
+        columns: [
+          {name: 'batchType', header: '배치유형', align: 'center', width: '5%'},
+          {name: 'batchNm', header:'배치명',align:'center', width:'15%'},
+          {name: 'batchId', header:'배치ID', align:'center', width:'10%'},
+          {name: 'batchCycle', header:'실행일자',align:'center', width:'10%'},
+          {name: 'batchTime', header:'실행시간',align:'center', width:'10%'},
+          {name: 'regDt', header:'배치 수행시간',align:'center', width:'10%'},
+          {name: 'sttusCd', header:'상태',align:'center', width:'10%'},
+          {name: 'errMsg', header:'메시지',align:'left', width:'30%'}
+        ]
+      }
+    };
+  },  
+  components: {
+    customGrid: customGrid,
+  },
+  created(){
+    this.getBatchList();
+    const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
+
+  },
+  mounted(){
+    let page = 1;
+    const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
+    let isKeep = false;
+    if(getCondition){
+      this.grid.params = getCondition.params;
+      page = getCondition.page;
+      isKeep = true;
+    }
+    this.search(isKeep);
+
+  },
+
+  methods: {
+    
+    async getBatchList(){
+		  try {
+        console.log("확인하자")
+			  const response = await mntrngApi.batchCheck();
+			  const result = response.data;
+			  if (result != null) {				 
+          this.batchList = response.data.data;
+          console.log("확인하자22")
+        } else {
+        }
+      } catch(err) {
+      }
+	  },
+    
+    search: function (isKeep) {
+      this.$refs.table.search(this.grid.params, isKeep);
+      this.sendStoreData();
+    },
+    sendStoreData: function () {
+      // const getP = this.$refs.table.getPagination();
+      this.$store.commit('searchcondition/updateSearchCondition', {
+        // page: getP._currentPage,
+        // perPage: this.perPageCnt,
+        params: this.grid.params
+      });
+
+      const getCondition = this.$store.getters['searchcondition/getSearchCondition'];
+    },
+
+
+  },
+  
+};
+</script>