mirror

report-ui/src/views/report/bigscreen/designer/form/dynamicForm.vue

@@ -117,12 +117,19 @@
               width="50%"
               :before-close="handleClose"
             >
-              <codemirror
+<!--              <codemirror-->
-                v-model.trim="formData[item.name]"
+<!--                v-model.trim="formData[item.name]"-->
-                class="code-mirror"
+<!--                class="code-mirror"-->
-                :options="optionsJavascript"
+<!--                :options="optionsJavascript"-->
-                style="height: 190px"
+<!--                style="height: 190px"-->
-              />
+<!--              />-->
+              <vue-json-editor v-model="formData[item.name]"
+                               :show-btns="false"
+                               :mode="'code'"
+                               lang="zh"
+                               class="my-editor"
+                               @json-change="onJsonChange"
+                               @json-save="onJsonSave" />
               <span slot="footer" class="dialog-footer">
                 <el-button @click="dialogVisibleStaticData = false"
                   >取 消</el-button
@@ -255,7 +262,7 @@
 
 <script>
 import ColorPicker from "./colorPicker.vue";
-import { codemirror } from "vue-codemirror"; // 引入codeMirror全局实例
+import vueJsonEditor from 'vue-json-editor'
 import "codemirror/lib/codemirror.css"; // 核心样式
 import "codemirror/theme/cobalt.css"; // 引入主题后还需要在 options 中指定主题才会生效
 // language
@@ -269,7 +276,7 @@ export default {
   name: "DynamicForm",
   components: {
     ColorPicker,
-    codemirror,
+    vueJsonEditor,
     dynamicComponents,
     customColorComponents
   },
@@ -336,6 +343,8 @@ export default {
         }
       }
     },
+    onJsonChange (value) { },
+    onJsonSave (value) { },
     saveData() {
       this.$emit("onChanged", this.formData);
       this.dialogVisibleStaticData = false;

report-ui/src/views/report/bigscreen/designer/tools.js

@@ -2319,7 +2319,8 @@ const widgetTools = [
                 value: 10,
               },
             ],
-          }, {
+          },
+          {
             name: '图例操作',
             list: [
               {
@@ -2391,7 +2392,8 @@ const widgetTools = [
                 value: ''
               },
             ],
-          }, {
+          },
+          {
             name: '自定义配色',
             list: [
               {
@@ -2399,7 +2401,7 @@ const widgetTools = [
                 label: '',
                 name: 'customColor',
                 required: false,
-                value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }, { color: '#172CCD' }, { color: '#B817CD' }, { color: '#AFCD17' }],
+                value: [{ color: '#1E90FF' }],
               },
             ],
           },