数据质量-SQL代码使用CodeEditor组件

src/components/CodeEditor/src/CodeEditor.vue

@@ -21,7 +21,7 @@
     value: { type: [Object, String] as PropType<Record<string, any> | string> },
     mode: {
       type: String as PropType<MODE>,
-      default: MODE.JSON,
+      default: MODE.SQL,
       validator(value: any) {
         // 这个值必须匹配下列字符串中的一个
         return Object.values(MODE).includes(value);

src/views/dataQuality/agentClass/mainBody/mainBodyEdit.vue

@@ -33,10 +33,10 @@
               />
               <BasicForm @register="registerInfoForm" />
               <!--  <div class="editor" v-show="isIndependent === true">-->
-              <!--    <textarea v-model="sql" placeholder="请输入内容..."></textarea>-->
+              <!--    CodeEditor v-model:value="sql" />-->
               <!--  </div>-->
               <div class="editor">
-                <textarea v-model="sql" placeholder="请输入内容..."></textarea>
+                <CodeEditor v-model:value="sql" />
               </div>
               <a-button type="primary" @click="handleRun">测试运行</a-button>
               <div v-if="isRun">
@@ -93,6 +93,7 @@
     TreeData,
     associationRulesData,
   } from '@/views/dataQuality/agentClass/mainBody/dataQualityMainBodyData';
+  import CodeEditor from '@/components/CodeEditor/src/CodeEditor.vue';
 
   const { createMessage } = useMessage();
   const page = ref('1');

src/views/dataQuality/dataSheet/template/edit.vue

@@ -18,7 +18,7 @@
     </div>
 
     <div class="editor">
-      <textarea v-model="sql" placeholder="请输入内容..."></textarea>
+      <CodeEditor v-model:value="sql" />
     </div>
     <div class="w-full">
       <Card style="margin-bottom: 8px">
@@ -96,6 +96,7 @@
   import { useModal } from '@/components/Modal';
   import { useMessage } from '@/hooks/web/useMessage';
   import SelectDatasourceModal from '@/views/dataQuality/dataSheet/template/selectDatasourceModal.vue';
+  import CodeEditor from "@/components/CodeEditor/src/CodeEditor.vue";
 
   const formItem = reactive({
     templateName: '',