gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-03-16 18:54:43 +08:00
Code

feat: 进程守护日志支持全屏 (#5482)

Browse Source 
Refs #4136
This commit is contained in:
John Bro 2024-06-17 22:16:49 +08:00 committed by GitHub
parent af0ecce25b
commit dca47af92a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 36 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/views/toolbox/supervisor/file/index.vue
View File

@ -1,7 +1,19 @@
<template> <template>
<el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%"> <el-drawer
:close-on-click-modal="false"
:close-on-press-escape="false"
v-model="open"
:size="globalStore.isFullScreen ? '100%' : '50%'"
:before-close="handleClose"
>
<template #header> <template #header>
<DrawerHeader :header="title" :back="handleClose"></DrawerHeader> <DrawerHeader :header="title" :back="handleClose">
<template #extra v-if="!mobile">
<el-tooltip :content="loadTooltip()" placement="top">
<el-button @click="toggleFullscreen" class="fullScreen" icon="FullScreen" plain></el-button>
</el-tooltip>
</template>
</DrawerHeader>
</template> </template>
<div v-if="req.file != 'config'"> <div v-if="req.file != 'config'">
<el-tabs v-model="req.file" type="card" @tab-click="handleChange"> <el-tabs v-model="req.file" type="card" @tab-click="handleChange">
@ -49,11 +61,13 @@
import { Codemirror } from 'vue-codemirror'; import { Codemirror } from 'vue-codemirror';
import { javascript } from '@codemirror/lang-javascript'; import { javascript } from '@codemirror/lang-javascript';
import { oneDark } from '@codemirror/theme-one-dark'; import { oneDark } from '@codemirror/theme-one-dark';
import { onUnmounted, reactive, ref, shallowRef } from 'vue'; import { computed, onUnmounted, reactive, ref, shallowRef } from 'vue';
import { OperateSupervisorProcessFile } from '@/api/modules/host-tool'; import { OperateSupervisorProcessFile } from '@/api/modules/host-tool';
import i18n from '@/lang'; import i18n from '@/lang';
import { TabsPaneContext } from 'element-plus'; import { TabsPaneContext } from 'element-plus';
import { MsgSuccess } from '@/utils/message'; import { MsgSuccess } from '@/utils/message';
import screenfull from 'screenfull';
import { GlobalStore } from '@/store';
const extensions = [javascript(), oneDark]; const extensions = [javascript(), oneDark];
const loading = ref(false); const loading = ref(false);
@ -68,6 +82,7 @@ const req = reactive({
}); });
const title = ref(''); const title = ref('');
const opRef = ref(); const opRef = ref();
const globalStore = GlobalStore();
const view = shallowRef(); const view = shallowRef();
const handleReady = (payload) => { const handleReady = (payload) => {
@ -77,6 +92,19 @@ let timer: NodeJS.Timer | null = null;
const em = defineEmits(['search']); const em = defineEmits(['search']);
const mobile = computed(() => {
return globalStore.isMobile();
});
function toggleFullscreen() {
if (screenfull.isEnabled) {
screenfull.toggle();
}
}
const loadTooltip = () => {
return i18n.global.t('commons.button.' + (screenfull.isFullscreen ? 'quitFullscreen' : 'fullscreen'));
};
const getContent = () => { const getContent = () => {
loading.value = true; loading.value = true;
OperateSupervisorProcessFile(req) OperateSupervisorProcessFile(req)
@ -135,6 +163,11 @@ const acceptParams = (name: string, file: string, operate: string) => {
title.value = file == 'config' ? i18n.global.t('website.source') : i18n.global.t('commons.button.log'); title.value = file == 'config' ? i18n.global.t('website.source') : i18n.global.t('commons.button.log');
getContent(); getContent();
open.value = true; open.value = true;
if (!mobile.value) {
screenfull.on('change', () => {
globalStore.isFullScreen = screenfull.isFullscreen;
});
}
}; };
const cleanLog = async () => { const cleanLog = async () => {