diff --git a/packages/bigscreen/designer/components/form/DataConfig.vue b/packages/bigscreen/designer/components/form/DataConfig.vue
index dff362b4..3a364286 100644
--- a/packages/bigscreen/designer/components/form/DataConfig.vue
+++ b/packages/bigscreen/designer/components/form/DataConfig.vue
@@ -8,7 +8,7 @@
       title="编辑器"
       @onConfirm="onConfirm">
       <div>
-        <b-code-editor v-model="json" lint="dracula"  auto-format height="440px"></b-code-editor>
+        <code-editor v-model="json" :lint="true"  auto-format height="440px"></code-editor>
       </div>
     </ai-dialog>
     <div class="layout-config__group" v-if="options.monitorType !== 'hik' && options.monitorType !== 'dahua'">
@@ -117,13 +117,10 @@
 </template>
 
 <script>
-  import Vue from 'vue'
   import vueJsonEditor from 'vue-json-editor'
-  import CodeEditor from 'bin-code-editor'
+  import { CodeEditor } from 'bin-code-editor'
   import 'bin-code-editor/lib/styles/index.css'
 
-  Vue.use(CodeEditor)
-
   export default {
     name: 'dataCofing',
 
@@ -163,7 +160,8 @@
     },
 
     components: {
-      vueJsonEditor
+      vueJsonEditor,
+      CodeEditor
     },
 
     mounted () {