jcloud/dashboard/src2/views/server/ServerOverview.vue

31 lines
802 B
Vue

<script setup>
import { createResource } from 'jingrow-ui';
import ServerOverviewPlan from './ServerOverviewPlan.vue';
import ServerOverviewInfo from './ServerOverviewInfo.vue';
const props = defineProps({ server: Object, serverName: String });
const overview = createResource({
url: 'jcloud.api.server.overview',
params: { name: props.serverName },
auto: true
});
</script>
<template>
<div class="space-y-5" v-if="server">
<div
class="grid grid-cols-1 gap-5 sm:grid-cols-2"
v-if="server && overview.data"
>
<ServerOverviewPlan
v-if="overview.data.plan"
:server="server"
:plan="overview.data.plan"
@plan-change="overview.reload()"
/>
<ServerOverviewInfo :server="server" :info="overview.data.info" />
</div>
</div>
</template>