Merge branch 'master' of https://gitee.com/anji-plus/report

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

@@ -108,10 +108,12 @@ export default {
         chartProperties: this.chartProperties,
         contextData
       };
+      console.log(params);
       const { code, data } = await getData(params);
       const analysisData = this.analysisChartsData(data);
       console.log(analysisData);
       this.$emit("input", analysisData);
+      this.$emit("change", params);
       if (code != "200") return;
     },
     selectParams(val, key) {
@@ -168,7 +170,6 @@ export default {
       // console.log(ananysicData, '结果数据')
       return ananysicData;
     },
-
     // 饼图或者空心饼图或者漏斗图
     piechartFn(data) {
       const ananysicData = [];

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
@@ -135,6 +142,7 @@
             v-if="item.type == 'dycustComponents' && inputShow[item.name]"
             v-model="formData[item.name]"
             :chart-type="item.chartType"
+            @change="changed($event, item.name)"
           />
         </div>
         <div v-else-if="isShowForm(item, '[object Array]')" :key="'a-' + index">
@@ -255,7 +263,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 +277,7 @@ export default {
   name: "DynamicForm",
   components: {
     ColorPicker,
-    codemirror,
+    vueJsonEditor,
     dynamicComponents,
     customColorComponents
   },
@@ -336,6 +344,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

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