From b3e78ec7cf81925669cbc3c1475c82584be07954 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Fri, 1 Dec 2023 14:39:48 +0800
Subject: [PATCH] request machine repo info and display

---
 .../views/Cluster/MachineDetail/Package.vue   | 50 +++++++++++++++++--
 1 file changed, 45 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/Cluster/MachineDetail/Package.vue b/frontend/src/views/Cluster/MachineDetail/Package.vue
index f055f3a..7619209 100644
--- a/frontend/src/views/Cluster/MachineDetail/Package.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Package.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="content">
         <div class="repo">
-            <el-table :data="totalRepo">
-                <el-table-column prop="File" label="文件"></el-table-column>
-                <el-table-column prop="Enabled" label="enabled"></el-table-column>
+            <el-table :data="allRepos">
+                <el-table-column prop="File" label="文件" width="400px"></el-table-column>
+                <el-table-column prop="Enabled" label="enabled" width="100px"></el-table-column>
                 <el-table-column prop="URL" label="repo地址"></el-table-column>
             </el-table>
         </div>
@@ -44,17 +44,57 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { useRoute } from 'vue-router'
+import { ElMessage } from 'element-plus';
 
 import AuthButton from "@/components/AuthButton.vue";
 
+import { getRepos } from "@/request/cluster";
+import { RespCodeOK } from "@/request/request";
+
+const route = useRoute()
+
+// 机器UUID
+const machineID = ref(route.params.uuid)
+
+const allRepos = ref<any>([])
+
 const display = ref(false)
 const packageName = ref("")
-const totalRepo = ref([])
 const rpmInfo = ref<any>({})
 const action = ref("")
 const result = ref("")
 
+
+onMounted(() => {
+    getRepos({ uuid: machineID.value }).then((resp: any) => {
+        if (resp.code === RespCodeOK) {
+            allRepos.value = resp.data
+
+            allRepos.value = [];
+            let data = resp.data
+            for (let i = 0; i < data.length; i++) {
+                let url = ""
+                if (data[i].BaseURL !== "") {
+                    url = data[i].BaseURL
+                } else if (data[i].MirrorList !== "") {
+                    url = data[i].MirrorList
+                } else if (data[i].MetaLink !== "") {
+                    url = data[i].MetaLink
+                }
+                allRepos.value.push({ File: data[i].File, ID: data[i].Name, URL: url, Enabled: data[i].Enabled ? "是" : "否" });
+            }
+        } else {
+            ElMessage.error("failed to get machine repo info: " + resp.msg)
+        }
+    }).catch((err: any) => {
+        ElMessage.error("failed to get machine repo info:" + err.msg)
+    })
+})
+
+
+
 </script>
 
 <style lang="scss"></style>
\ No newline at end of file
-- 
Gitee