feat: 添加子表单功能。

src/components/VueFormMaking/components/WidgetConfig.vue

@@ -531,12 +531,14 @@ export default {
   },
   },
   methods: {
   methods: {
     handleInitHeaders() {
     handleInitHeaders() {
+      if (this.data.options) {
         for (var key in this.data.options.headers) {
         for (var key in this.data.options.headers) {
           this.headers.push({
           this.headers.push({
             key: key,
             key: key,
             value: this.data.options.headers[key]
             value: this.data.options.headers[key]
           })
           })
         }
         }
+      }
     },
     },
     handleAddHeader() {
     handleAddHeader() {
       this.headers.push({
       this.headers.push({

src/components/VueFormMaking/components/WidgetForm.vue

@@ -98,7 +98,6 @@
                         <div
                         <div
                           v-if="el && el.key"
                           v-if="el && el.key"
                           :key="el.key"
                           :key="el.key"
-                          :style="{width: '249px', 'display': 'inline-block', 'vertical-align': 'top'}"
                           @click.native="handleSelectWidget(i)"
                           @click.native="handleSelectWidget(i)"
                         >
                         >
                           <widget-form-item
                           <widget-form-item
@@ -107,8 +106,6 @@
                             :index="i"
                             :index="i"
                             :data="element.columns"
                             :data="element.columns"
                             :data-config="data"
                             :data-config="data"
-                            :is-label="true"
-                            :is-table="true"
                           />
                           />
                         </div>
                         </div>
                       </template>
                       </template>

src/main.js

@@ -40,7 +40,6 @@ Vue.use(VueEditor)
 import iconPicker from 'e-icon-picker'
 import iconPicker from 'e-icon-picker'
 import 'e-icon-picker/dist/index.css'// 基础样式
 import 'e-icon-picker/dist/index.css'// 基础样式
 import 'e-icon-picker/dist/main.css' // fontAwesome 图标库样式
 import 'e-icon-picker/dist/main.css' // fontAwesome 图标库样式
-
 Vue.use(iconPicker)
 Vue.use(iconPicker)
 
 
 // 全局方法挂载
 // 全局方法挂载

src/views/process/admin/template-manager.vue

@@ -103,7 +103,7 @@
                   upload
                   upload
                   generate-code
                   generate-code
                   generate-json
                   generate-json
-                  :advance-fields="['editor', 'imgupload', 'file']"
+                  :advance-fields="['editor', 'imgupload', 'file', 'subform']"
                 >
                 >
                   <template slot="action" />
                   <template slot="action" />
                 </fm-making-form>
                 </fm-making-form>