1Panel/frontend/src/views/host/tool/supervisor/config/index.vue
2023-08-03 07:23:32 +00:00

33 lines
1.1 KiB
Vue

<template>
<LayoutContent :title="$t('tool.supervisor.config')" :reload="true">
<template #buttons>
<el-button type="primary" :plain="activeName !== '1'" @click="changeTab('1')">
{{ $t('nginx.configResource') }}
</el-button>
<el-button type="primary" :plain="activeName !== '2'" @click="changeTab('2')">
{{ $t('website.log') }}
</el-button>
<el-button type="primary" :plain="activeName !== '3'" @click="changeTab('3')">
{{ $t('website.basic') }}
</el-button>
</template>
<template #main>
<Source v-if="activeName === '1'"></Source>
<Log v-if="activeName === '2'"></Log>
<Basic v-if="activeName === '3'"></Basic>
</template>
</LayoutContent>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import Source from './source/index.vue';
import Log from './log/index.vue';
import Basic from './basic/index.vue';
const activeName = ref('1');
const changeTab = (index: string) => {
activeName.value = index;
};
</script>