修复 Terminal 宽度问题

This commit is contained in:
Suwings 2021-12-22 22:04:05 +08:00
parent 76c92c7f47
commit 131f2a4241
4 changed files with 19 additions and 23 deletions

View File

@ -1,14 +1,10 @@
<!--
* @Author: Copyright(c) 2021 Suwings
* @Date: 2021-05-08 10:07:55
* @LastEditTime: 2021-10-20 14:56:35
* @LastEditTime: 2021-12-22 21:59:42
* @Description:
-->
<template>
<!-- 普通用户 通用导航栏 -->
<!-- <el-header style="padding:0px" v-if="!isTopPermission">
<TopHeader />
</el-header> -->
<el-container>
<!-- 管理用户 手机屏幕菜单栏 -->
<el-drawer

View File

@ -1,7 +1,7 @@
/*
* @Author: Suwings
* @Date: 2021-12-04 19:38:03
* @LastEditTime: 2021-12-22 21:52:23
* @LastEditTime: 2021-12-22 22:02:45
*/
import { Terminal } from "xterm";
import { FitAddon } from "xterm-addon-fit";
@ -31,11 +31,11 @@ export function initTerminalWindow(elem) {
term.loadAddon(fitAddon);
term.open(elem);
// 设置终端宽度,报险起见设置两次
fitAddon.fit();
// TODO: 临时解决方案,菜单栏影响外层 DIV 宽度导致终端宽度错误
setTimeout(() => {
fitAddon.fit();
}, 200);
}, 3000);
term.writeln(`${TERM_TEXT_YELLOW}MCSManager Terminal ${TERM_TEXT_CYAN}[Powered by Term.js]`);
term.writeln(`${TERM_TEXT_YELLOW}Copyright Suwings All rights reserved${TERM_TEXT_WHITE}`);

View File

@ -1,7 +1,7 @@
/*
* @Author: Copyright 2021 Suwings
* @Date: 2021-07-19 10:59:17
* @LastEditTime: 2021-09-07 21:06:36
* @LastEditTime: 2021-12-22 22:01:02
* @Description: Vuex 状态管理
*/
@ -14,7 +14,7 @@ const stateModel = {
userName: "",
loginTime: "",
registerTime: "",
permission: 0,
permission: 10,
instances: [],
apiKey: ""
},

View File

@ -1,7 +1,7 @@
<!--
* @Author: Copyright(c) 2021 Suwings
* @Date: 2021-05-08 11:08:44
* @LastEditTime: 2021-10-21 22:12:54
* @LastEditTime: 2021-12-22 21:58:06
* @Description:
-->
<template>
@ -22,63 +22,63 @@
</div>
<el-menu-item-group>
<template #title>基础功能</template>
<el-menu-item key="/overview" index="/overview" v-if="isTopPermission">
<el-menu-item key="/overview" index="/overview">
<i class="el-icon-pie-chart"></i>
<template #title>数据监控</template>
</el-menu-item>
<el-menu-item key="/instances" index="/instances" v-if="isTopPermission">
<el-menu-item key="/instances" index="/instances">
<i class="el-icon-coin"></i>
<template #title>应用实例</template>
</el-menu-item>
<el-menu-item key="/home" index="/home" v-if="!isTopPermission">
<el-menu-item key="/home" index="/home">
<i class="el-icon-pie-chart"></i>
<template #title>信息总览</template>
</el-menu-item>
<el-menu-item key="/users" index="/users" v-if="isTopPermission">
<el-menu-item key="/users" index="/users">
<i class="el-icon-user"></i>
<template #title>用户管理</template>
</el-menu-item>
</el-menu-item-group>
<el-menu-item-group>
<template #title>高级功能</template>
<el-menu-item key="/services" index="/services" v-if="isTopPermission">
<el-menu-item key="/services" index="/services">
<i class="el-icon-connection"></i>
<template #title>分布式服务</template>
</el-menu-item>
<el-menu-item key="/container" index="/container" v-if="isTopPermission">
<el-menu-item key="/container" index="/container">
<i class="el-icon-copy-document"></i>
<template #title>服务环境</template>
</el-menu-item>
<!-- <el-menu-item key="/update" index="/update" v-if="isTopPermission">
<!-- <el-menu-item key="/update" index="/update">
<i class="el-icon-guide"></i>
<template #title>版本控制</template>
</el-menu-item> -->
</el-menu-item-group>
<el-menu-item-group>
<template #title>扩展功能</template>
<el-menu-item key="/news" index="/news" v-if="isTopPermission">
<el-menu-item key="/news" index="/news">
<i class="el-icon-news"></i>
<template #title>更新与通知</template>
</el-menu-item>
</el-menu-item-group>
<el-menu-item-group>
<template #title>更多</template>
<el-menu-item key="/settings" index="/settings" v-if="isTopPermission">
<el-menu-item key="/settings" index="/settings">
<i class="el-icon-setting"></i>
<template #title>设置</template>
</el-menu-item>
</el-menu-item-group>
<!-- <el-menu-item-group> -->
<!-- <el-menu-item index="/extension" v-if="isTopPermission">
<!-- <el-menu-item index="/extension">
<i class="el-icon-cpu"></i>
<template #title>程序接口</template>
</el-menu-item> -->
<!-- <el-menu-item index="/trigger" v-if="isTopPermission">
<!-- <el-menu-item index="/trigger">
<i class="el-icon-document"></i>
<template #title>触发器</template>
</el-menu-item> -->
<!-- <el-menu-item index="/analysis" v-if="isTopPermission">
<!-- <el-menu-item index="/analysis">
<i class="el-icon-document"></i>
<template #title>数据分析</template>
</el-menu-item> -->