feat(): 调整引擎代码样式。引擎代码初始化控制

src/components/Encoding/index.vue

@@ -1,8 +1,6 @@
 <template>
-  <div>
+  <div style="height: 800px">
-    <div class="code-edit">
+    <codemirror ref="codeMirror" :value="code" :options="cmOptions"  style="height: 800px"/>
-      <codemirror ref="codeMirror" :value="code" :options="cmOptions" />
-    </div>
   </div>
 </template>
 
@@ -54,7 +52,6 @@ export default {
         tabSize: 4, // tab的空格宽度
         styleActiveLine: true, // 设置光标所在行高亮true/false
         lineNumbers: true, //显示行号
-        contentHeight: 800,
         theme: 'eclipse', //设置主题cobalt/monokai
         // json: true,
         readOnly: this.readOnly, // 设置为只读true/false;也可设置为"nocursor"失去焦点
@@ -78,7 +75,7 @@ export default {
 
 .CodeMirror {
   font-family: 'JetBrainsMono-Medium', monospace;
-  height: auto;
+  height: 800px;
 }
 
 .CodeMirror-lines {

src/views/ruleEngine/engineConfig/index.vue

@@ -22,9 +22,9 @@
         <div slot="header" class="clearfix">
           <span>作用域</span>
         </div>
-        <el-tabs type="border-card">
+        <el-tabs type="border-card" v-model="codeCardStatus">
           <el-tab-pane v-for="scope in scopeList" :label="scope.type" :name="scope.value">
-            <encoding v-model="scope.code"></encoding>
+            <encoding v-if="codeCardStatus === scope.value" style="height: 800px" v-model="scope.code" :read-only="true"></encoding>
           </el-tab-pane>
         </el-tabs>
       </el-card>
@@ -41,7 +41,7 @@ export default {
   components: {Encoding},
   data() {
     return {
-      code: "",
+      codeCardStatus: "taskContext",
       ruleEngineCommonConfig: {
         packageName: "com.muyu.rule.engine",
       },