From 336e176639f8af737aecab4e7d8f45cbcf66ad98 Mon Sep 17 00:00:00 2001
From: zhaojisen <1301338853@qq.com>
Date: Wed, 17 Jul 2024 16:41:31 +0800
Subject: [PATCH] style: Code Editor style change

---
 src/components/Form/FormFields/CodeEditor.vue          | 10 ++++++++--
 src/views/ops/Adhoc/QuickJob.vue                       |  2 +-
 .../ops/Template/Playbook/PlaybookDetail/Workspace.vue |  8 +++++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/FormFields/CodeEditor.vue b/src/components/Form/FormFields/CodeEditor.vue
index fee2d7077..05f212a89 100644
--- a/src/components/Form/FormFields/CodeEditor.vue
+++ b/src/components/Form/FormFields/CodeEditor.vue
@@ -8,6 +8,7 @@
           :label="item.name"
           :prop="item.name"
         >
+
           <template v-if="item.type === 'button' && !item.isVisible">
             <el-tooltip :disabled="!item.tip" :content="item.tip">
               <el-button
@@ -151,7 +152,13 @@
         </div>
       </div>
     </el-form>
-    <codemirror ref="myCm" v-model="iValue" :options="iOptions" class="editor" />
+    <codemirror
+      ref="myCm"
+      v-model="iValue"
+      :options="iOptions"
+      class="editor"
+      :style="iActions.length > 0 ? { marginLeft: '30px' } : {}"
+    />
   </div>
 </template>
 
@@ -390,7 +397,6 @@ $input-border-color: #C0C4CC;
   }
 
   .editor {
-    //margin-left: 30px;
     border: 1px solid var(--color-border);
     overflow: hidden;
   }
diff --git a/src/views/ops/Adhoc/QuickJob.vue b/src/views/ops/Adhoc/QuickJob.vue
index 523131286..ff2830e1b 100644
--- a/src/views/ops/Adhoc/QuickJob.vue
+++ b/src/views/ops/Adhoc/QuickJob.vue
@@ -470,7 +470,7 @@ $container-bg-color: #f7f7f7;
   flex-direction: column;
 
   .xterm-container {
-    //margin-left: 30px;
+    margin-left: 30px;
     height: calc(100vh - 549px);
     min-height: 255px;
     border: 1px solid var(--color-border);
diff --git a/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue b/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
index 651558f0d..264e6641d 100644
--- a/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
+++ b/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
@@ -18,7 +18,7 @@
       </template>
       <template slot="table">
         <div class="transition-box" style="width: calc(100% - 17px);">
-          <el-tabs v-model="activeEditorId" :closable="true" @tab-remove="onCloseEditor">
+          <el-tabs v-model="activeEditorId" :closable="true" class="workspace-tab" @tab-remove="onCloseEditor">
             <el-tab-pane
               v-for="(editor,key) in openedEditor"
               :key="key"
@@ -298,6 +298,12 @@ export default {
   border-radius: 2px;
 }
 
+.workspace-tab {
+  ::v-deep .el-tabs__header {
+    margin: 0 0 15px 30px !important;
+  }
+}
+
 .el-tree {
   background-color: inherit !important;
 }