From 928fe919893343ea88283c161cd4ed6e033b79c1 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Thu, 23 Nov 2023 14:53:05 +0800
Subject: [PATCH] request batch detail info and display

---
 frontend/src/views/Batch/Detail.vue | 35 +++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/Batch/Detail.vue b/frontend/src/views/Batch/Detail.vue
index bb76d50..539214f 100644
--- a/frontend/src/views/Batch/Detail.vue
+++ b/frontend/src/views/Batch/Detail.vue
@@ -31,32 +31,59 @@
                     </span>
                 </template>
             </el-table-column>
-            <el-table-column prop="cpu" label="cpu">
+            <el-table-column prop="CPU" label="cpu">
             </el-table-column>
             <el-table-column label="状态">
                 <template #default="scope">
                     <state-dot :state="scope.row.state"></state-dot>
                 </template>
             </el-table-column>
-            <el-table-column prop="systeminfo" label="系统">
+            <el-table-column prop="sysinfo" label="系统">
             </el-table-column>
         </template>
     </PGTable>
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus';
 
 import PGTable from "@/components/PGTable.vue";
 import StateDot from "@/components/StateDot.vue";
 
+import { getBatchDetail } from "@/request/batch";
+import { RespCodeOK } from "@/request/request";
+
+const route = useRoute()
 
 // 机器列表
+const batchID =ref(route.params.id)
 const showSelect = ref(true)
 const machines = ref([])
 const currentPage = ref(1)
-// const pageSize = ref(10)
+const pageSize = ref(10)
 const total = ref(0)
+
+onMounted(() => {
+    getBatchDetail({
+        page: currentPage.value,
+        size: pageSize.value,
+        ID: batchID.value,
+    }).then((resp: any) => {
+        if (resp.code === RespCodeOK) {
+            total.value = resp.total
+            currentPage.value = resp.page
+            pageSize.value = resp.size
+            machines.value = resp.data
+        } else {
+            ElMessage.error("failed to get batch detail info: " + resp.msg)
+        }
+    }).catch((err: any) => {
+        ElMessage.error("failed to get batch detail info:" + err.msg)
+    })
+})
+
 </script>
 
 <style lang="scss" scoped></style>
\ No newline at end of file
-- 
Gitee