接口调试

main
陈博文 1 week ago
parent 0749208a0d
commit a2c556a404

@ -5,35 +5,35 @@
round>创建资源池</el-button> round>创建资源池</el-button>
</template> </template>
</list-header> </list-header>
<div v-loading="loading" style="min-height: 200px;">
<block-box <block-box
v-for="{ poolId, poolName, nodeNum, cpuCores, gpuNum, availableMemory, totalMemory, diskSize, nodeList }, index in list" v-for="{ poolId, poolName, nodeNum, cpuCores, gpuNum, availableMemory, totalMemory, diskSize, nodeList }, index in list"
:key="poolId"> :key="poolId">
<el-row style="align-items: center;"> <el-row style="align-items: center;">
<div class="left"> <div class="left">
<b class="title">{{ poolName }}</b> <b class="title">{{ poolName }}</b>
<div class="tags"> <div class="tags">
<span>节点数量&nbsp;&nbsp;{{ nodeNum }}</span> <span>节点数量&nbsp;&nbsp;{{ nodeNum }}</span>
<span>CPU数&nbsp;&nbsp;{{ cpuCores }}</span> <span>CPU数&nbsp;&nbsp;{{ cpuCores }}</span>
<span>显卡数量&nbsp;&nbsp;{{ gpuNum }}</span> <span>显卡数量&nbsp;&nbsp;{{ gpuNum }}</span>
<span>可用/总内存&nbsp;&nbsp;{{ bytesToGB(availableMemory) }}GB / {{ bytesToGB(totalMemory) }}GB</span> <span>可用/总内存&nbsp;&nbsp;{{ bytesToGB(availableMemory) }}GB / {{ bytesToGB(totalMemory) }}GB</span>
<span>磁盘大小&nbsp;&nbsp;{{ bytesToGB(diskSize) }}GB</span> <span>磁盘大小&nbsp;&nbsp;{{ bytesToGB(diskSize) }}GB</span>
</div>
</div> </div>
</div> <div class="right">
<div class="right"> <el-button type="text">查看详情</el-button>
<el-button type="text">查看详情</el-button> <template v-if="index === 0">
<template v-if="index === 0"> <el-button type="text">配置</el-button>
<el-button type="text">配置</el-button> </template>
</template> <template v-else>
<template v-else> <el-button @click="dialogVisible = true; editId = poolId; nodeSelect = nodeList; input = poolName"
<el-button @click="dialogVisible = true; editId = poolId; nodeSelect = nodeList; input = poolName" type="text">编辑</el-button>
type="text">编辑</el-button> <el-button @click="() => handleDelete(poolId)" type="text">删除</el-button>
<el-button @click="() => handleDelete(poolId)" type="text">删除</el-button> </template>
</template> </div>
</div> </el-row>
</el-row> </block-box>
</block-box> </div>
<el-dialog @close="editId = null; input = ''; nodeSelect = []" v-model="dialogVisible" <el-dialog @close="editId = null; input = ''; nodeSelect = []" v-model="dialogVisible"
:title="editId ? '编辑资源池' : '创建资源池'" width="1180" :before-close="handleClose"> :title="editId ? '编辑资源池' : '创建资源池'" width="1180" :before-close="handleClose">
<el-row :wrap="false" style="align-items: center;"> <el-row :wrap="false" style="align-items: center;">
@ -110,6 +110,7 @@ const nodeList = ref([])
const nodeSelect = ref([]) const nodeSelect = ref([])
const input = ref('') const input = ref('')
const btnLoading = ref(false) const btnLoading = ref(false)
const loading = ref(true)
const bytesToGB = (bytes) => { const bytesToGB = (bytes) => {
return Math.round(bytes / (1024 * 1024 * 1024)); return Math.round(bytes / (1024 * 1024 * 1024));
@ -145,10 +146,12 @@ const handleOk = async () => {
nodes nodes
}) })
} }
console.log(res, 'res') if (res?.code === 200) {
getList(); getList();
dialogVisible.value = false;
}
btnLoading.value = false; btnLoading.value = false;
dialogVisible.value = false;
} }
const handleCheckboxChange = (ip) => { const handleCheckboxChange = (ip) => {
@ -165,17 +168,27 @@ const handleDelete = async (id) => {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
}).then(async () => { beforeClose: async (action, instance, done) => {
const res = await pollApi.delete({ pool_id: id }) if (action === 'confirm') {
if (res.code === 1) { instance.confirmButtonLoading = true;
ElMessage.success('删除成功'); const res = await pollApi.delete({ pool_id: id });
getList(); if (res.code === 200) {
ElMessage.success('删除成功');
getList();
done(); //
}
instance.confirmButtonLoading = false; // loading
} else {
done();
}
} }
}) })
} }
const getList = async () => { const getList = async () => {
loading.value = true
const res = await pollApi.getPollList() const res = await pollApi.getPollList()
loading.value = false
list.value = res.data list.value = res.data
} }

Loading…
Cancel
Save