diff --git a/src/dashboard-front/src/assets/iconfont/demo.html b/src/dashboard-front/src/assets/iconfont/demo.html
index ae3e97e11..75a1c4ae0 100644
--- a/src/dashboard-front/src/assets/iconfont/demo.html
+++ b/src/dashboard-front/src/assets/iconfont/demo.html
@@ -389,6 +389,14 @@
yishanchu
+
+
+ un-full-screen-2
+
+
+
+ filliscreen-line
+
exchange-line
@@ -593,10 +601,34 @@
gongneng-quanping2
+
+
+ lishijilu-2
+
font
+
+
+ table-2
+
+
+
+ yiqiyong
+
+
+
+ python
+
+
+
+ shell
+
+
+
+ geshihua
+
为什么使用
@@ -1022,6 +1054,18 @@ 如何使用
yishanchu
+ -
+
+
un-full-screen-2
+
+ -
+
+
filliscreen-line
+
-
gongneng-quanping2
+ -
+
+
lishijilu-2
+
-
font
+ -
+
+
table-2
+
+ -
+
+
yiqiyong
+
+ -
+
+
python
+
+ -
+
+
shell
+
+ -
+
+
geshihua
+
为什么使用
diff --git a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.eot b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.eot
index e0e2d4780..43287bc9e 100644
Binary files a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.eot and b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.eot differ
diff --git a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.svg b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.svg
index a0524d80a..326be4e49 100644
--- a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.svg
+++ b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.svg
@@ -233,6 +233,12 @@
+
+
+
+
+
+
@@ -386,9 +392,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.ttf b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.ttf
index 8b2f302f5..25192013a 100644
Binary files a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.ttf and b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.ttf differ
diff --git a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.woff b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.woff
index 996bdf01b..a9411a28b 100644
Binary files a/src/dashboard-front/src/assets/iconfont/fonts/iconcool.woff and b/src/dashboard-front/src/assets/iconfont/fonts/iconcool.woff differ
diff --git a/src/dashboard-front/src/assets/iconfont/iconcool.js b/src/dashboard-front/src/assets/iconfont/iconcool.js
index 92cb2b29c..76dc0d4b4 100644
--- a/src/dashboard-front/src/assets/iconfont/iconcool.js
+++ b/src/dashboard-front/src/assets/iconfont/iconcool.js
@@ -1,5 +1,5 @@
!(function () {
- var svgCode = ''
+ var svgCode = ''
if (document.body) {
document.body.insertAdjacentHTML('afterbegin', svgCode)
} else {
diff --git a/src/dashboard-front/src/assets/iconfont/iconcool.json b/src/dashboard-front/src/assets/iconfont/iconcool.json
index b7e6e32bc..692c5957b 100644
--- a/src/dashboard-front/src/assets/iconfont/iconcool.json
+++ b/src/dashboard-front/src/assets/iconfont/iconcool.json
@@ -1 +1 @@
-{"iconName":"apigateway","icons":[{"name":"document","svgCode":"\n\n\n","codepoint":"\\e10a"},{"name":"jump","svgCode":"\n\n\n","codepoint":"\\e109"},{"name":"lock","svgCode":"\n\n\n","codepoint":"\\e10b"},{"name":"minus-circle","svgCode":"\n\n\n","codepoint":"\\e10f"},{"name":"plus-circle","svgCode":"\n\n\n","codepoint":"\\e110"},{"name":"copy-fill","svgCode":"","codepoint":"\\e118"},{"name":"help","svgCode":"\n\n\n","codepoint":"\\e106"},{"name":"help-document-fill","svgCode":"\n\n\n","codepoint":"\\e14b"},{"name":"help-document","svgCode":"\n\n\n","codepoint":"\\e146"},{"name":"history","svgCode":"\n\n\n","codepoint":"\\e13e"},{"name":"delet","svgCode":"\n\n\n","codepoint":"\\e15d"},{"name":"danger-fill","svgCode":"\n\n\n","codepoint":"\\e181"},{"name":"down","svgCode":"\n\n\n","codepoint":"\\e114"},{"name":"download","svgCode":"\n\n\n","codepoint":"\\e14d"},{"name":"message-fill","svgCode":"\n\n\n","codepoint":"\\e14a"},{"name":"email-fill","svgCode":"\n\n\n","codepoint":"\\e11c"},{"name":"info","svgCode":"\n\n\n","codepoint":"\\e107"},{"name":"info-fill","svgCode":"\n\n\n","codepoint":"\\e108"},{"name":"menu","svgCode":"\n\n\n","codepoint":"\\e155"},{"name":"return-small","svgCode":"\n\n\n","codepoint":"\\e104"},{"name":"add-small","svgCode":"\n\n\n","codepoint":"\\e113"},{"name":"down-small","svgCode":"\n\n\n","codepoint":"\\e115"},{"name":"arrows-up","svgCode":"\n\n\n","codepoint":"\\e117"},{"name":"arrows-down","svgCode":"\n\n\n","codepoint":"\\e116"},{"name":"my-perm","svgCode":"","codepoint":"\\e149"},{"name":"increase","svgCode":"","codepoint":"\\e111"},{"name":"reduce1","svgCode":"","codepoint":"\\e112"},{"name":"check-1","svgCode":"","codepoint":"\\e147"},{"name":"check-circle-shape","svgCode":"","codepoint":"\\e105"},{"name":"circle-shape","svgCode":"","codepoint":"\\e103"},{"name":"down-shape","svgCode":"","codepoint":"\\e102"},{"name":"exclamation-circle-fill","svgCode":"","codepoint":"\\e185"},{"name":"minus-circle-shape","svgCode":"","codepoint":"\\e10c"},{"name":"plus-circle-shape","svgCode":"","codepoint":"\\e10e"},{"name":"plus-square-shape","svgCode":"","codepoint":"\\e10d"},{"name":"up-shape","svgCode":"","codepoint":"\\e101"},{"name":"weixin-shape","svgCode":"","codepoint":"\\e11d"},{"name":"bulk-edit","svgCode":"","codepoint":"\\e17c"},{"name":"clipboard","svgCode":"","codepoint":"\\e11b"},{"name":"minus","svgCode":"","codepoint":"\\e11a"},{"name":"plus","svgCode":"","codepoint":"\\e119"},{"name":"qiye-weixin","svgCode":"","codepoint":"\\e11e"},{"name":"panel-permission","svgCode":"","codepoint":"\\e11f"},{"name":"cog","svgCode":"","codepoint":"\\e120"},{"name":"order","svgCode":"","codepoint":"\\e121"},{"name":"log-collection","svgCode":"","codepoint":"\\e122"},{"name":"apply","svgCode":"","codepoint":"\\e123"},{"name":"bar-chart","svgCode":"","codepoint":"\\e125"},{"name":"apps","svgCode":"","codepoint":"\\e124"},{"name":"qq-color","svgCode":"","codepoint":"\\e12e"},{"name":"qw","svgCode":"","codepoint":"\\e12f"},{"name":"wechat-color","svgCode":"","codepoint":"\\e130"},{"name":"email-color","svgCode":"","codepoint":"\\e131"},{"name":"bukeyulan","svgCode":"","codepoint":"\\e143"},{"name":"debug","svgCode":"","codepoint":"\\e132"},{"name":"audit","svgCode":"","codepoint":"\\e133"},{"name":"cc-history","svgCode":"","codepoint":"\\e145"},{"name":"todolist","svgCode":"","codepoint":"\\e16b"},{"name":"monitor-fill","svgCode":"","codepoint":"\\e135"},{"name":"edit-small","svgCode":"","codepoint":"\\e157"},{"name":"monitor","svgCode":"","codepoint":"\\e134"},{"name":"lock-fill1","svgCode":"","codepoint":"\\e15a"},{"name":"history-fill","svgCode":"","codepoint":"\\e179"},{"name":"pa-arrow-left","svgCode":"","codepoint":"\\e16d"},{"name":"ps-arrow-right","svgCode":"","codepoint":"\\e16c"},{"name":"search","svgCode":"","codepoint":"\\e183"},{"name":"copy","svgCode":"","codepoint":"\\e14c"},{"name":"yishanchu","svgCode":"","codepoint":"\\e136"},{"name":"exchange-line","svgCode":"","codepoint":"\\e137"},{"name":"icon0","svgCode":"","codepoint":"\\e14e"},{"name":"icon3","svgCode":"","codepoint":"\\e14f"},{"name":"icon2","svgCode":"","codepoint":"\\e150"},{"name":"icon1","svgCode":"","codepoint":"\\e151"},{"name":"download-line","svgCode":"","codepoint":"\\e152"},{"name":"fenzu-copy","svgCode":"","codepoint":"\\e153"},{"name":"zan","svgCode":"","codepoint":"\\e154"},{"name":"copy-info","svgCode":"","codepoint":"\\e138"},{"name":"runtime","svgCode":"","codepoint":"\\e139"},{"name":"system-mgr","svgCode":"","codepoint":"\\e13b"},{"name":"doc-mgr","svgCode":"","codepoint":"\\e13a"},{"name":"components","svgCode":"","codepoint":"\\e13c"},{"name":"component-intro","svgCode":"","codepoint":"\\e13d"},{"name":"insights","svgCode":"","codepoint":"\\e144"},{"name":"download","svgCode":"","codepoint":"\\e159"},{"name":"toggle-chinese","svgCode":"","codepoint":"\\e17a"},{"name":"toggle-english","svgCode":"","codepoint":"\\e17b"},{"name":"version","svgCode":"","codepoint":"\\e15c"},{"name":"resource","svgCode":"","codepoint":"\\e169"},{"name":"miniapi","svgCode":"","codepoint":"\\e141"},{"name":"permission","svgCode":"","codepoint":"\\e142"},{"name":"doc-2","svgCode":"","codepoint":"\\e15b"},{"name":"edit-line","svgCode":"","codepoint":"\\e158"},{"name":"cardd","svgCode":"","codepoint":"\\e178"},{"name":"history","svgCode":"","codepoint":"\\e16a"},{"name":"link","svgCode":"","codepoint":"\\e17d"},{"name":"undo-2","svgCode":"","codepoint":"\\e17e"},{"name":"zonghe","svgCode":"","codepoint":"\\e148"},{"name":"gengduo","svgCode":"","codepoint":"\\e156"},{"name":"ag-arrow-left","svgCode":"","codepoint":"\\e15f"},{"name":"icon-close","svgCode":"","codepoint":"\\e160"},{"name":"yiqiyong","svgCode":"","codepoint":"\\e161"},{"name":"sort","svgCode":"","codepoint":"\\e162"},{"name":"zaixiandiaoshi","svgCode":"","codepoint":"\\e163"},{"name":"huanjingguanli","svgCode":"","codepoint":"\\e164"},{"name":"keguancexing","svgCode":"","codepoint":"\\e165"},{"name":"quanxianguanli","svgCode":"","codepoint":"\\e166"},{"name":"fuwuguanli","svgCode":"","codepoint":"\\e167"},{"name":"ziyuanguanli","svgCode":"","codepoint":"\\e168"},{"name":"notification","svgCode":"","codepoint":"\\e17f"},{"name":"chayiduibi-shixin","svgCode":"","codepoint":"\\e16e"},{"name":"lishijilu","svgCode":"","codepoint":"\\e171"},{"name":"shitu-liebiao","svgCode":"","codepoint":"\\e170"},{"name":"dongzuo-xiazai","svgCode":"","codepoint":"\\e172"},{"name":"3-yuan-bohui","svgCode":"","codepoint":"\\e173"},{"name":"mokuai","svgCode":"","codepoint":"\\e174"},{"name":"baocundejilu","svgCode":"","codepoint":"\\e175"},{"name":"jibenxinxi","svgCode":"","codepoint":"\\e177"},{"name":"upload","svgCode":"","codepoint":"\\e186"},{"name":"gongneng-quanping2","svgCode":"","codepoint":"\\e184"},{"name":"font","svgCode":"","codepoint":"\\e182"}]}
\ No newline at end of file
+{"iconName":"apigateway","icons":[{"name":"document","svgCode":"\n\n\n","codepoint":"\\e10a"},{"name":"jump","svgCode":"\n\n\n","codepoint":"\\e109"},{"name":"lock","svgCode":"\n\n\n","codepoint":"\\e10b"},{"name":"minus-circle","svgCode":"\n\n\n","codepoint":"\\e10f"},{"name":"plus-circle","svgCode":"\n\n\n","codepoint":"\\e110"},{"name":"copy-fill","svgCode":"","codepoint":"\\e118"},{"name":"help","svgCode":"\n\n\n","codepoint":"\\e106"},{"name":"help-document-fill","svgCode":"\n\n\n","codepoint":"\\e14b"},{"name":"help-document","svgCode":"\n\n\n","codepoint":"\\e146"},{"name":"history","svgCode":"\n\n\n","codepoint":"\\e13e"},{"name":"delet","svgCode":"\n\n\n","codepoint":"\\e15d"},{"name":"danger-fill","svgCode":"\n\n\n","codepoint":"\\e181"},{"name":"down","svgCode":"\n\n\n","codepoint":"\\e114"},{"name":"download","svgCode":"\n\n\n","codepoint":"\\e14d"},{"name":"message-fill","svgCode":"\n\n\n","codepoint":"\\e14a"},{"name":"email-fill","svgCode":"\n\n\n","codepoint":"\\e11c"},{"name":"info","svgCode":"\n\n\n","codepoint":"\\e107"},{"name":"info-fill","svgCode":"\n\n\n","codepoint":"\\e108"},{"name":"menu","svgCode":"\n\n\n","codepoint":"\\e155"},{"name":"return-small","svgCode":"\n\n\n","codepoint":"\\e104"},{"name":"add-small","svgCode":"\n\n\n","codepoint":"\\e113"},{"name":"down-small","svgCode":"\n\n\n","codepoint":"\\e115"},{"name":"arrows-up","svgCode":"\n\n\n","codepoint":"\\e117"},{"name":"arrows-down","svgCode":"\n\n\n","codepoint":"\\e116"},{"name":"my-perm","svgCode":"","codepoint":"\\e149"},{"name":"increase","svgCode":"","codepoint":"\\e111"},{"name":"reduce1","svgCode":"","codepoint":"\\e112"},{"name":"check-1","svgCode":"","codepoint":"\\e147"},{"name":"check-circle-shape","svgCode":"","codepoint":"\\e105"},{"name":"circle-shape","svgCode":"","codepoint":"\\e103"},{"name":"down-shape","svgCode":"","codepoint":"\\e102"},{"name":"exclamation-circle-fill","svgCode":"","codepoint":"\\e185"},{"name":"minus-circle-shape","svgCode":"","codepoint":"\\e10c"},{"name":"plus-circle-shape","svgCode":"","codepoint":"\\e10e"},{"name":"plus-square-shape","svgCode":"","codepoint":"\\e10d"},{"name":"up-shape","svgCode":"","codepoint":"\\e101"},{"name":"weixin-shape","svgCode":"","codepoint":"\\e11d"},{"name":"bulk-edit","svgCode":"","codepoint":"\\e17c"},{"name":"clipboard","svgCode":"","codepoint":"\\e11b"},{"name":"minus","svgCode":"","codepoint":"\\e11a"},{"name":"plus","svgCode":"","codepoint":"\\e119"},{"name":"qiye-weixin","svgCode":"","codepoint":"\\e11e"},{"name":"panel-permission","svgCode":"","codepoint":"\\e11f"},{"name":"cog","svgCode":"","codepoint":"\\e120"},{"name":"order","svgCode":"","codepoint":"\\e121"},{"name":"log-collection","svgCode":"","codepoint":"\\e122"},{"name":"apply","svgCode":"","codepoint":"\\e123"},{"name":"bar-chart","svgCode":"","codepoint":"\\e125"},{"name":"apps","svgCode":"","codepoint":"\\e124"},{"name":"qq-color","svgCode":"","codepoint":"\\e12e"},{"name":"qw","svgCode":"","codepoint":"\\e12f"},{"name":"wechat-color","svgCode":"","codepoint":"\\e130"},{"name":"email-color","svgCode":"","codepoint":"\\e131"},{"name":"bukeyulan","svgCode":"","codepoint":"\\e143"},{"name":"debug","svgCode":"","codepoint":"\\e132"},{"name":"audit","svgCode":"","codepoint":"\\e133"},{"name":"cc-history","svgCode":"","codepoint":"\\e145"},{"name":"todolist","svgCode":"","codepoint":"\\e16b"},{"name":"monitor-fill","svgCode":"","codepoint":"\\e135"},{"name":"edit-small","svgCode":"","codepoint":"\\e157"},{"name":"monitor","svgCode":"","codepoint":"\\e134"},{"name":"lock-fill1","svgCode":"","codepoint":"\\e15a"},{"name":"history-fill","svgCode":"","codepoint":"\\e179"},{"name":"pa-arrow-left","svgCode":"","codepoint":"\\e16d"},{"name":"ps-arrow-right","svgCode":"","codepoint":"\\e16c"},{"name":"search","svgCode":"","codepoint":"\\e183"},{"name":"copy","svgCode":"","codepoint":"\\e14c"},{"name":"yishanchu","svgCode":"","codepoint":"\\e136"},{"name":"un-full-screen-2","svgCode":"","codepoint":"\\e187"},{"name":"filliscreen-line","svgCode":"","codepoint":"\\e188"},{"name":"exchange-line","svgCode":"","codepoint":"\\e137"},{"name":"icon0","svgCode":"","codepoint":"\\e14e"},{"name":"icon3","svgCode":"","codepoint":"\\e14f"},{"name":"icon2","svgCode":"","codepoint":"\\e150"},{"name":"icon1","svgCode":"","codepoint":"\\e151"},{"name":"download-line","svgCode":"","codepoint":"\\e152"},{"name":"fenzu-copy","svgCode":"","codepoint":"\\e153"},{"name":"zan","svgCode":"","codepoint":"\\e154"},{"name":"copy-info","svgCode":"","codepoint":"\\e138"},{"name":"runtime","svgCode":"","codepoint":"\\e139"},{"name":"system-mgr","svgCode":"","codepoint":"\\e13b"},{"name":"doc-mgr","svgCode":"","codepoint":"\\e13a"},{"name":"components","svgCode":"","codepoint":"\\e13c"},{"name":"component-intro","svgCode":"","codepoint":"\\e13d"},{"name":"insights","svgCode":"","codepoint":"\\e144"},{"name":"download","svgCode":"","codepoint":"\\e159"},{"name":"toggle-chinese","svgCode":"","codepoint":"\\e17a"},{"name":"toggle-english","svgCode":"","codepoint":"\\e17b"},{"name":"version","svgCode":"","codepoint":"\\e15c"},{"name":"resource","svgCode":"","codepoint":"\\e169"},{"name":"miniapi","svgCode":"","codepoint":"\\e141"},{"name":"permission","svgCode":"","codepoint":"\\e142"},{"name":"doc-2","svgCode":"","codepoint":"\\e15b"},{"name":"edit-line","svgCode":"","codepoint":"\\e158"},{"name":"cardd","svgCode":"","codepoint":"\\e178"},{"name":"history","svgCode":"","codepoint":"\\e16a"},{"name":"link","svgCode":"","codepoint":"\\e17d"},{"name":"undo-2","svgCode":"","codepoint":"\\e17e"},{"name":"zonghe","svgCode":"","codepoint":"\\e148"},{"name":"gengduo","svgCode":"","codepoint":"\\e156"},{"name":"ag-arrow-left","svgCode":"","codepoint":"\\e15f"},{"name":"icon-close","svgCode":"","codepoint":"\\e160"},{"name":"yiqiyong","svgCode":"","codepoint":"\\e161"},{"name":"sort","svgCode":"","codepoint":"\\e162"},{"name":"zaixiandiaoshi","svgCode":"","codepoint":"\\e163"},{"name":"huanjingguanli","svgCode":"","codepoint":"\\e164"},{"name":"keguancexing","svgCode":"","codepoint":"\\e165"},{"name":"quanxianguanli","svgCode":"","codepoint":"\\e166"},{"name":"fuwuguanli","svgCode":"","codepoint":"\\e167"},{"name":"ziyuanguanli","svgCode":"","codepoint":"\\e168"},{"name":"notification","svgCode":"","codepoint":"\\e17f"},{"name":"chayiduibi-shixin","svgCode":"","codepoint":"\\e16e"},{"name":"lishijilu","svgCode":"","codepoint":"\\e171"},{"name":"shitu-liebiao","svgCode":"","codepoint":"\\e170"},{"name":"dongzuo-xiazai","svgCode":"","codepoint":"\\e172"},{"name":"3-yuan-bohui","svgCode":"","codepoint":"\\e173"},{"name":"mokuai","svgCode":"","codepoint":"\\e174"},{"name":"baocundejilu","svgCode":"","codepoint":"\\e175"},{"name":"jibenxinxi","svgCode":"","codepoint":"\\e177"},{"name":"upload","svgCode":"","codepoint":"\\e186"},{"name":"gongneng-quanping2","svgCode":"","codepoint":"\\e184"},{"name":"lishijilu-2","svgCode":"","codepoint":"\\e18d"},{"name":"font","svgCode":"","codepoint":"\\e182"},{"name":"table-2","svgCode":"","codepoint":"\\e189"},{"name":"yiqiyong","svgCode":"","codepoint":"\\e18a"},{"name":"python","svgCode":"","codepoint":"\\e18b"},{"name":"shell","svgCode":"","codepoint":"\\e18c"},{"name":"geshihua","svgCode":"","codepoint":"\\e18e"}]}
\ No newline at end of file
diff --git a/src/dashboard-front/src/assets/iconfont/style.css b/src/dashboard-front/src/assets/iconfont/style.css
index b3d1b0b22..367f4017e 100644
--- a/src/dashboard-front/src/assets/iconfont/style.css
+++ b/src/dashboard-front/src/assets/iconfont/style.css
@@ -227,6 +227,12 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
.icon-ag-yishanchu:before {
content: "\e136";
}
+.icon-ag-un-full-screen-2:before {
+ content: "\e187";
+}
+.icon-ag-filliscreen-line:before {
+ content: "\e188";
+}
.icon-ag-exchange-line:before {
content: "\e137";
}
@@ -380,6 +386,24 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
.icon-ag-gongneng-quanping2:before {
content: "\e184";
}
+.icon-ag-lishijilu-2:before {
+ content: "\e18d";
+}
.icon-ag-font:before {
content: "\e182";
}
+.icon-ag-table-2:before {
+ content: "\e189";
+}
+.icon-ag-yiqiyong:before {
+ content: "\e18a";
+}
+.icon-ag-python:before {
+ content: "\e18b";
+}
+.icon-ag-shell:before {
+ content: "\e18c";
+}
+.icon-ag-geshihua:before {
+ content: "\e18e";
+}
diff --git a/src/dashboard-front/src/components/ag-editor.vue b/src/dashboard-front/src/components/ag-editor.vue
index 7e8d6e3b3..696499274 100644
--- a/src/dashboard-front/src/components/ag-editor.vue
+++ b/src/dashboard-front/src/components/ag-editor.vue
@@ -2,9 +2,30 @@
@@ -14,7 +35,10 @@ import { ref, onMounted, toRefs, computed, watch, onBeforeMount } from 'vue';
// 引入monaco编辑器
import * as monaco from 'monaco-editor';
import { copy } from '@/common/util';
-import { CogShape, CopyShape, FilliscreenLine } from 'bkui-vue/lib/icon';
+import { useI18n } from 'vue-i18n';
+import { CopyShape, FilliscreenLine } from 'bkui-vue/lib/icon';
+
+const { t } = useI18n();
let editor = null; // 编辑器实例
const monacoEditor = ref(null);
@@ -225,32 +249,19 @@ const handleCopy = () => {
};
// 全屏开关变量
-let isFullScreen = false;
+const isFullScreen = ref(false);
const handleFullScreen = () => {
const domNode = editor.getDomNode();
const container = (domNode.parentNode).parentNode;
- const toolsDom = container.querySelector('.tools');
-
- if (isFullScreen) {
- document.body.style.overflow = '';
- container.style.position = 'relative';
- container.style.zIndex = '0';
- toolsDom.style.zIndex = '0';
- editor.layout();
- isFullScreen = false;
+
+ if (isFullScreen.value) {
+ document.exitFullscreen();
+ isFullScreen.value = false;
} else {
- document.body.style.overflow = 'hidden';
- container.style.position = 'fixed';
- container.style.zIndex = '6003';
- container.style.overflow = 'hidden';
- container.style.width = '100%';
- container.style.height = '100%';
- container.style.left = 0;
- container.style.top = 0;
- toolsDom.style.zIndex = '6004';
- editor.layout();
- isFullScreen = true;
+ container?.requestFullscreen();
+ isFullScreen.value = true;
}
+ editor.layout();
};
const setTheme = (theme) => {
@@ -289,11 +300,16 @@ defineExpose({
position: absolute;
top: 5px;
right: 28px;
+ display: flex;
+ align-items: center;
.tool-icon {
cursor: pointer;
font-size: 16px;
color: #979BA5;
margin-left: 12px;
+ &:hover {
+ color: #3A84FF;
+ }
}
}
}
diff --git a/src/dashboard-front/src/language/lang.ts b/src/dashboard-front/src/language/lang.ts
index 65df24cda..a7a4b2f9d 100644
--- a/src/dashboard-front/src/language/lang.ts
+++ b/src/dashboard-front/src/language/lang.ts
@@ -1407,6 +1407,9 @@ const lang: ILANG = {
'当前服务 {name},已绑定以下 {num} 个环境,所有修改都将发布到这些环境中:': ['The current service, {name}, is bound to the following {num} environments to which all changes will be published:'],
'当前服务': ['The current service'],
',': [','],
+ '格式化': ['formatting'],
+ '全屏': ['Full screen'],
+ '退出全屏': ['Exit full screen'],
'已绑定以下': ['is bound to the following'],
'个环境,所有修改都将发布到这些环境中:': ['environments to which all changes will be published:'],
'内容保存成功,正在发布至对应环境...': ['The content is saved successfully and is being published to the corresponding environment...'],
diff --git a/src/dashboard-front/src/views/online-debug/components/payload-body.vue b/src/dashboard-front/src/views/online-debug/components/payload-body.vue
index f11bf121a..50a4a190f 100644
--- a/src/dashboard-front/src/views/online-debug/components/payload-body.vue
+++ b/src/dashboard-front/src/views/online-debug/components/payload-body.vue
@@ -187,6 +187,9 @@ defineExpose({