表单样式修改

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form label-width="80px" label-position="left">
+    <el-form label-width="100px" label-position="left">
       <el-form-item label="数据集">
         <el-select
           size="mini"

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

@@ -6,7 +6,7 @@
  !-->
 <template>
   <div class="collapse-input-style">
-    <el-form label-width="80px" label-position="left">
+    <el-form label-width="100px" label-position="left">
       <template v-for="(item, index) in options">
         <div v-if="isShowForm(item, '[object Object]')" :key="index">
           <el-form-item
@@ -117,19 +117,21 @@
               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]"
+              <vue-json-editor
-                               :show-btns="false"
+                v-model="formData[item.name]"
-                               :mode="'code'"
+                :show-btns="false"
-                               lang="zh"
+                :mode="'code'"
-                               class="my-editor"
+                lang="zh"
-                               @json-change="onJsonChange"
+                class="my-editor"
-                               @json-save="onJsonSave" />
+                @json-change="onJsonChange"
+                @json-save="onJsonSave"
+              />
               <span slot="footer" class="dialog-footer">
                 <el-button @click="dialogVisibleStaticData = false"
                   >取 消</el-button
@@ -263,7 +265,7 @@
 
 <script>
 import ColorPicker from "./colorPicker.vue";
-import vueJsonEditor from 'vue-json-editor'
+import vueJsonEditor from "vue-json-editor";
 import "codemirror/lib/codemirror.css"; // 核心样式
 import "codemirror/theme/cobalt.css"; // 引入主题后还需要在 options 中指定主题才会生效
 // language
@@ -344,8 +346,8 @@ export default {
         }
       }
     },
-    onJsonChange (value) { },
+    onJsonChange(value) {},
-    onJsonSave (value) { },
+    onJsonSave(value) {},
     saveData() {
       this.$emit("onChanged", this.formData);
       this.dialogVisibleStaticData = false;