diff --git a/babel.config.js b/babel.config.js
index ba179669a123909a9728283fd9c004c65adb90c5..162a3ea97c29233aa898fa74630fde091e91680c 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/app'
-  ]
-}
+  presets: ["@vue/cli-plugin-babel/preset"],
+};
diff --git a/package.json b/package.json
index ebc528274191ebc81260d6d0e2624247ee4ec142..ed7fe795f8e1105f237e504004f1634137e08262 100644
--- a/package.json
+++ b/package.json
@@ -40,11 +40,12 @@
     "@antv/g6-editor": "^1.2.0",
     "@antv/util": "1.3.1",
     "@riophae/vue-treeselect": "0.4.0",
+    "@toast-ui/vue-editor": "^3.1.2",
     "ace-builds": "^1.4.12",
     "axios": "^0.21.1",
     "clipboard": "^2.0.6",
     "codemirror": "^5.58.1",
-    "core-js": "^2.6.11",
+    "core-js": "^3.6.5",
     "driver.js": "0.9.5",
     "dropzone": "5.5.1",
     "e-icon-picker": "1.0.7",
@@ -63,11 +64,11 @@
     "numericjs": "^1.2.6",
     "path-to-regexp": "2.4.0",
     "qiniu-js": "^3.0.3",
+    "sass": "^1.48.0",
     "screenfull": "4.2.0",
     "showdown": "^1.9.1",
     "solarlunar": "^2.0.7",
     "sortablejs": "1.8.4",
-    "tui-editor": "1.3.3",
     "viewerjs": "^1.6.1",
     "vue": "^2.6.12",
     "vue-codemirror": "^4.0.6",
@@ -89,27 +90,26 @@
   "devDependencies": {
     "@babel/core": "7.0.0",
     "@babel/register": "^7.9.0",
-    "@vue/cli-plugin-babel": "3.5.3",
-    "@vue/cli-plugin-eslint": "^3.9.1",
-    "@vue/cli-plugin-unit-jest": "3.5.3",
-    "@vue/cli-service": "3.5.3",
+    "@vue/cli-plugin-babel": "~4.5.15",
+    "@vue/cli-plugin-eslint": "~4.5.15",
+    "@vue/cli-plugin-unit-jest": "~4.5.15",
+    "@vue/cli-service": "~4.5.15",
     "@vue/test-utils": "1.0.0-beta.29",
     "autoprefixer": "^9.5.1",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "10.0.1",
+    "babel-eslint": "^10.1.0",
     "babel-jest": "23.6.0",
     "beautifier": "^0.1.7",
     "chalk": "2.4.2",
     "chokidar": "2.1.5",
     "connect": "3.6.6",
-    "eslint": "5.15.3",
-    "eslint-plugin-vue": "5.2.2",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
     "html-webpack-plugin": "3.2.0",
     "husky": "1.3.1",
     "lint-staged": "8.1.5",
     "mockjs": "1.0.1-beta3",
     "monaco-editor-webpack-plugin": "^1.9.0",
-    "node-sass": "^4.14.1",
     "plop": "2.3.0",
     "runjs": "^4.3.2",
     "sass-loader": "^7.1.0",
diff --git a/src/components/MarkdownEditor/index.vue b/src/components/MarkdownEditor/index.vue
index 1a8a01ee767b515b32a4ebae76a2b84c30bdbc7e..f0db3e4c2787314772eae312eceae72f33355edd 100644
--- a/src/components/MarkdownEditor/index.vue
+++ b/src/components/MarkdownEditor/index.vue
@@ -5,10 +5,8 @@
 <script>
 // deps for editor
 import 'codemirror/lib/codemirror.css' // codemirror
-import 'tui-editor/dist/tui-editor.css' // editor ui
-import 'tui-editor/dist/tui-editor-contents.css' // editor content
-
-import Editor from 'tui-editor'
+import '@toast-ui/editor/dist/toastui-editor.css'
+import { Editor } from '@toast-ui/vue-editor'
 import defaultOptions from './default-options'
 
 export default {
diff --git a/src/components/VueFormMaking/components/Container.vue b/src/components/VueFormMaking/components/Container.vue
index 431cc7fda7fea6d08180146ada49b8f4c1b2ead7..1e5ed9fd2ed71dbb406cd125f32457126a82831a 100644
--- a/src/components/VueFormMaking/components/Container.vue
+++ b/src/components/VueFormMaking/components/Container.vue
@@ -15,7 +15,12 @@
                 @start="handleMoveStart"
               >
                 <template v-for="(item, index) in basicComponents">
-                  <li v-if="basicFields.indexOf(item.type)>=0" :key="index" class="form-edit-widget-label" :class="{'no-put': item.type == 'divider'}">
+                  <li
+                    v-if="basicFields.indexOf(item.type)>=0"
+                    :key="index"
+                    class="form-edit-widget-label"
+                    :class="{'no-put': item.type == 'divider'}"
+                  >
                     <a>
                       <i class="icon iconfont" :class="item.icon" />
                       <span>{{ item.name }}</span>
@@ -37,7 +42,12 @@
                 @start="handleMoveStart"
               >
                 <template v-for="(item, index) in advanceComponents">
-                  <li v-if="advanceFields.indexOf(item.type) >= 0" :key="index" class="form-edit-widget-label" :class="{'no-put': item.type == 'table'}">
+                  <li
+                    v-if="advanceFields.indexOf(item.type) >= 0"
+                    :key="index"
+                    class="form-edit-widget-label"
+                    :class="{'no-put': item.type == 'table'}"
+                  >
                     <a>
                       <i class="icon iconfont" :class="item.icon" />
                       <span>{{ item.name }}</span>
@@ -76,11 +86,26 @@
         <el-container class="center-container" direction="vertical">
           <el-header class="btn-bar" style="height: 45px;">
             <slot name="action" />
-            <el-button v-if="upload" type="text" size="medium" icon="el-icon-upload2" @click="handleUpload">{{ $t('fm.actions.import') }}</el-button>
-            <el-button v-if="clearable" type="text" size="medium" icon="el-icon-delete" @click="handleClear">{{ $t('fm.actions.clear') }}</el-button>
-            <el-button v-if="preview" type="text" size="medium" icon="el-icon-view" @click="handlePreview">{{ $t('fm.actions.preview') }}</el-button>
-            <el-button v-if="generateJson" type="text" size="medium" icon="el-icon-tickets" @click="handleGenerateJson">{{ $t('fm.actions.json') }}</el-button>
-            <el-button v-if="generateCode" type="text" size="medium" icon="el-icon-document" @click="handleGenerateCode">{{ $t('fm.actions.code') }}</el-button>
+            <el-button v-if="upload" type="text" size="medium" icon="el-icon-upload2" @click="handleUpload">
+              {{ $t('fm.actions.import') }}
+            </el-button>
+            <el-button v-if="clearable" type="text" size="medium" icon="el-icon-delete" @click="handleClear">
+              {{ $t('fm.actions.clear') }}
+            </el-button>
+            <el-button v-if="preview" type="text" size="medium" icon="el-icon-view" @click="handlePreview">
+              {{ $t('fm.actions.preview') }}
+            </el-button>
+            <el-button v-if="generateJson" type="text" size="medium" icon="el-icon-tickets" @click="handleGenerateJson">
+              {{ $t('fm.actions.json') }}
+            </el-button>
+            <el-button
+              v-if="generateCode"
+              type="text"
+              size="medium"
+              icon="el-icon-document"
+              @click="handleGenerateCode"
+            >{{ $t('fm.actions.code') }}
+            </el-button>
           </el-header>
           <el-main :class="{'widget-empty': widgetForm.list.length == 0}">
 
@@ -91,23 +116,35 @@
         <el-aside class="widget-config-container" style="width: 305px;">
           <el-container>
             <el-header height="45px">
-              <div class="config-tab" :class="{active: configTab=='widget'}" @click="handleConfigSelect('widget')">{{ $t('fm.config.widget.title') }}</div>
-              <div class="config-tab" :class="{active: configTab=='form'}" @click="handleConfigSelect('form')">{{ $t('fm.config.form.title') }}</div>
+              <div class="config-tab" :class="{active: configTab=='widget'}" @click="handleConfigSelect('widget')">
+                {{ $t('fm.config.widget.title') }}
+              </div>
+              <div class="config-tab" :class="{active: configTab=='form'}" @click="handleConfigSelect('form')">
+                {{ $t('fm.config.form.title') }}
+              </div>
             </el-header>
             <el-main class="config-content">
-              <widget-config v-if="widgetFormSelect!==null" v-show="configTab=='widget'" :data="widgetFormSelect" />
+              <widget-config
+                v-if="widgetFormSelect!==null"
+                v-show="configTab=='widget'"
+                :diymethod="widgetForm.diymethod"
+                :data="widgetFormSelect"
+                @on-update="updatemethod"
+                @on-update-relation="updaterelation"
+              />
               <form-config v-show="configTab=='form'" :data="widgetForm.config" />
             </el-main>
           </el-container>
 
         </el-aside>
 
-        <cus-dialog
+        <el-dialog
           ref="widgetPreview"
           :visible="previewVisible"
           width="1000px"
           form
-          @on-close="previewVisible = false"
+          center
+          :before-close="handleClose"
         >
           <generate-form
             v-if="previewVisible"
@@ -118,18 +155,18 @@
             :remote="remoteFuncs"
             @on-change="handleDataChange"
           >
-
             <template slot-scope="scope">
-              Width <el-input v-model="scope.model.blank.width" style="width: 100px" />
-              Height <el-input v-model="scope.model.blank.height" style="width: 100px" />
+              Width
+              <el-input v-model="scope.model.blank.width" style="width: 100px" />
+              Height
+              <el-input v-model="scope.model.blank.height" style="width: 100px" />
             </template>
           </generate-form>
-
-          <template slot="action">
+          <span slot="footer" class="dialog-footer">
             <el-button type="primary" @click="handleTest">{{ $t('fm.actions.getData') }}</el-button>
             <el-button @click="handleReset">{{ $t('fm.actions.reset') }}</el-button>
-          </template>
-        </cus-dialog>
+          </span>
+        </el-dialog>
 
         <cus-dialog
           ref="uploadJson"
@@ -154,7 +191,10 @@
           <div id="jsoneditor" style="height: 400px;width: 100%;">{{ jsonTemplate }}</div>
 
           <template slot="action">
-            <el-button type="primary" class="json-btn" :data-clipboard-text="jsonCopyValue">{{ $t('fm.actions.copyData') }}</el-button>
+            <el-button type="primary" class="json-btn" :data-clipboard-text="jsonCopyValue">{{
+              $t('fm.actions.copyData')
+            }}
+            </el-button>
           </template>
         </cus-dialog>
 
@@ -170,7 +210,8 @@
         </cus-dialog>
       </el-container>
     </el-main>
-    <el-footer height="30px" style="font-weight: 600;">Powered by <a target="_blank" href="http://www.fdevops.com">fdevops</a></el-footer>
+    <el-footer height="30px" style="font-weight: 600;">Powered by <a target="_blank" href="http://www.fdevops.com">fdevops</a>
+    </el-footer>
   </el-container>
 
 </template>
@@ -250,7 +291,9 @@ export default {
           labelWidth: 100,
           labelPosition: 'right',
           size: 'small'
-        }
+        },
+        diymethod: {},
+        itemRelation: {}
       },
       configTab: 'widget',
       widgetFormSelect: null,
@@ -258,6 +301,7 @@ export default {
       jsonVisible: false,
       codeVisible: false,
       uploadVisible: false,
+      backupwidgetForm: {},
       remoteFuncs: {
         func_test(resolve) {
           setTimeout(() => {
@@ -340,17 +384,21 @@ export default {
       return true
     },
     handlePreview() {
+      this.backupwidgetForm = JSON.parse(JSON.stringify(this.widgetForm))
       this.previewVisible = true
     },
     handleTest() {
       this.$refs.generateForm.getData().then(data => {
-        this.$alert(data, '').catch(e => {})
+        this.$alert(data, '').catch(e => {
+        })
         this.$refs.widgetPreview.end()
       }).catch(e => {
         this.$refs.widgetPreview.end()
       })
     },
     handleReset() {
+      this.widgetModels = {}
+      this.widgetForm = JSON.parse(JSON.stringify(this.backupwidgetForm))
       this.$refs.generateForm.reset()
     },
     handleGenerateJson() {
@@ -399,11 +447,11 @@ export default {
         config: {
           labelWidth: 100,
           labelPosition: 'right',
-          size: 'small',
-          customClass: ''
-        }
+          size: 'small'
+        },
+        diymethod: {},
+        itemRelation: {}
       }
-
       this.widgetFormSelect = {}
     },
     getJSON() {
@@ -422,14 +470,82 @@ export default {
     handleInput(val) {
       this.blank = val
     },
+    displayItem(target) {
+      for (const k in this.widgetForm.list) {
+        if (target.indexOf(this.widgetForm.list[k].model) !== -1) {
+          this.widgetForm.list[k].options.hidden = false
+        }
+      }
+    },
     handleDataChange(field, value, data) {
+      this.widgetModels[field] = value
+      if (this.widgetForm.itemRelation[field] !== undefined) {
+        // itemRelation 是函数对应的执行方法
+        // eslint-disable-next-line no-new-func
+        const Func = new Function('self', this.widgetForm.diymethod[this.widgetForm.itemRelation[field]])
+        Func(this)
+        // console.log('----')
+      }
+    },
+    disableItem(target) {
+      console.log('is idsabled')
+      for (const k in this.widgetForm.list) {
+        if (target.indexOf(this.widgetForm.list[k].model) !== -1) {
+          this.widgetForm.list[k].options.hidden = true
+        }
+      }
+    },
+    updatemethod(methods) {
+      this.widgetForm.diymethod = methods
+    },
+    updaterelation(target, method) {
+      if (method !== '') {
+        this.widgetForm.itemRelation[target] = method
+      } else {
+        this.$delete(this.widgetForm.itemRelation, target)
+      }
+    },
+    setItemValue(valuemap) {
+      for (const k in this.widgetForm.list) {
+        if (valuemap[this.widgetForm.list[k].model] !== undefined) {
+          this.widgetModels[this.widgetForm.list[k].model] = valuemap[this.widgetForm.list[k].model]
+        }
+      }
+    },
+    setItemOptions(target, value) {
+      for (const k in this.widgetForm.list) {
+        if (this.widgetForm.list[k].model === target) {
+          this.widgetForm.list[k].options.options = value
+        }
+      }
+    },
+    getItemValue(target) {
+      return this.widgetModels[target]
+    },
+    disableWithWhite(target, white) {
+      for (const k in this.widgetForm.list) {
+        if (target.indexOf(this.widgetForm.list[k].model) === -1) {
+          continue
+        }
+        if (white.indexOf(this.widgetForm.list[k].model) !== -1) {
+          this.widgetForm.list[k].options.hidden = false
+        } else {
+          this.widgetForm.list[k].options.hidden = true
+        }
+      }
+    },
+    handleClose() {
+      console.log('is close')
+      this.widgetForm = JSON.parse(JSON.stringify(this.backupwidgetForm))
+      this.widgetModels = {}
+      this.previewVisible = false
     }
   }
 }
 </script>
 
 <style lang="scss">
-.widget-empty{
+.widget-empty {
   background-position: 50%;
 }
 
diff --git a/src/components/VueFormMaking/components/GenerateForm.vue b/src/components/VueFormMaking/components/GenerateForm.vue
index f9bae96b2d98db3ea0961cb0d28e78413674a763..8e283829db3e8bef79391582b2370869ae5a055a 100644
--- a/src/components/VueFormMaking/components/GenerateForm.vue
+++ b/src/components/VueFormMaking/components/GenerateForm.vue
@@ -24,7 +24,7 @@
                   <slot :name="citem.model" :model="models" />
                 </el-form-item>
                 <genetate-form-item
-                  v-else
+                  v-else-if="!item.options.hidden"
                   :key="citem.key"
                   :preview="preview"
                   :models.sync="models"
@@ -45,7 +45,7 @@
           </el-form-item>
         </template>
         <!-- 子表单 -->
-        <template v-else-if="item.type === 'subform'">
+        <template v-else-if="item.type === 'subform' && !item.options.hidden ">
           <el-form-item
             :key="item.key"
             :label-width="!item.options.labelWidthStatus?'0px': item.options.labelWidth + 'px'"
@@ -102,6 +102,7 @@
 
         <template v-else>
           <genetate-form-item
+            v-if="!item.options.hidden"
             :key="item.key"
             :prop-value="item.model"
             :preview="preview"
@@ -201,7 +202,7 @@ export default {
           } else {
             if (genList[i].type === 'blank') {
               this.$set(this.models, genList[i].model, genList[i].options.defaultType === 'String' ? '' : (genList[i].options.defaultType === 'Object' ? {} : []))
-            } if (genList[i].type === 'subform') { 
+            } if (genList[i].type === 'subform') {
               this.$set(this.models, genList[i].model, [])
             } else {
               this.models[genList[i].model] = genList[i].options.defaultValue
@@ -245,10 +246,15 @@ export default {
       this.$refs.generateForm.resetFields()
     },
     onInputChange(value, field) {
-      // this.$emit('on-change', field, value, this.models)
+      this.$emit('on-change', field, value, this.models)
     },
     refresh() {
 
+    },
+    setData (keymap) {
+      for (const k in keymap) {
+        this.models[k] = keymap[k]
+      }
     }
   }
 }
diff --git a/src/components/VueFormMaking/components/GenerateFormItem.vue b/src/components/VueFormMaking/components/GenerateFormItem.vue
index da5156b961e6eb346496f450367f6b5a6c1f3945..e4eb91fb4171698a4679f3a4e8014722fdc9026d 100644
--- a/src/components/VueFormMaking/components/GenerateFormItem.vue
+++ b/src/components/VueFormMaking/components/GenerateFormItem.vue
@@ -364,7 +364,7 @@ export default {
               ...this.models,
               [this.widget.model]: newValue
             })
-            // this.$emit('input-change', val, this.widget.model)
+            this.$emit('input-change', newValue, this.widget.model)
           }
         }
       }
diff --git a/src/components/VueFormMaking/components/WidgetConfig.vue b/src/components/VueFormMaking/components/WidgetConfig.vue
index 8560d1527611d8ae6e2c625b0f4078d721664a32..df13d7b5d86d7f946b064e0321ab7e0c812e9b0e 100644
--- a/src/components/VueFormMaking/components/WidgetConfig.vue
+++ b/src/components/VueFormMaking/components/WidgetConfig.vue
@@ -446,6 +446,7 @@
       <!-- 非珊格 -->
       <template v-if="data.type !== 'grid'">
         <el-form-item :label="$t('fm.config.widget.attribute')">
+          <el-checkbox v-model="data.options.hidden">{{ $t('fm.config.widget.hidden') }}</el-checkbox>
           <el-checkbox v-if="Object.keys(data.options).indexOf('readonly')>=0" v-model="data.options.readonly">{{ $t('fm.config.widget.readonly') }}</el-checkbox>
           <el-checkbox v-if="Object.keys(data.options).indexOf('disabled')>=0" v-model="data.options.disabled">{{ $t('fm.config.widget.disabled') }}	</el-checkbox>
           <el-checkbox v-if="Object.keys(data.options).indexOf('showPassword')>=0" v-model="data.options.showPassword">{{ $t('fm.config.widget.showPassword') }}	</el-checkbox>
@@ -494,6 +495,15 @@
           <el-button type="text" icon="el-icon-circle-plus-outline" @click="addDisplayVerifiy">新  增</el-button>
         </div>
       </el-form-item>
+      <!-- 动作设置  -->
+      <el-form-item :label="$t('fm.config.widget.diyaction')">
+        <el-row>
+          <el-button type="primary" size="medium" plain style="width: 100%" @click="mountMethod">动作绑定</el-button>
+        </el-row>
+        <el-row>
+          <el-button type="primary" size="medium" plain style="width: 100%" @click="opendiamic">动作管理</el-button>
+        </el-row>
+      </el-form-item>
     </el-form>
     <el-dialog
       title="提示"
@@ -525,20 +535,116 @@
         <el-button type="primary" @click="operatingStatus==='add'?appendCascaderData():cascaderDialog = false">确 定</el-button>
       </span>
     </el-dialog>
+    <!--    动作设置  -->
+    <el-dialog title="动作设置" width="60%" :visible.sync="dynamicDialog" append-to-body :before-close="savemethod">
+      <el-row>
+        <el-col :span="6">
+          <el-button size="medium" @click="newmethod">新增</el-button>
+        </el-col>
+        <el-col v-if="codedom" :offset="12" :span="6">
+          <el-button size="medium" @click="savefunc">保存函数</el-button>
+          <el-button size="medium" @click="cancelfunc">取消</el-button>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="9">
+          <el-card v-if="methodCatch.length > 0">
+            <template v-for="(_, index) in methodCatch">
+              <el-row :key="index">
+                <el-button shadow="never" @click="showcode(index)">
+                  Function {{ methodCatch[index].key }}
+                  <!--                  Function {{ index }}-->
+                </el-button>
+              </el-row>
+            </template>
+          </el-card>
+        </el-col>
+        <el-col v-if="codedom" :span="15">
+          <el-row>
+            <el-form label-width="120px" label-position="left">
+              <el-form-item label="Function Name">
+                <el-input v-model="funcname" />
+              </el-form-item>
+            </el-form>
+          </el-row>
+          <el-row>
+            <div class="codemirror-div">
+              <codemirror
+                ref="codemirror"
+                :value="vueCode"
+                :options="contentOptions"
+                class="codemirror"
+              />
+            </div>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-dialog>
+    <!--    动作绑定  -->
+    <el-dialog title="动作绑定" append-to-body :visible.sync="mountMethodDialog">
+      <el-row>
+        <el-form label-width="120px" label-position="left">
+          <el-form-item label="onChange">
+            <el-select v-model="data.options.onchange" clearable>
+              <el-option
+                v-for="(_, index) in methodCatch"
+                :key="index"
+                :label="methodCatch[index].key"
+                :value="methodCatch[index].key"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <el-row>
+        <el-button @click="savemount">确认</el-button>
+        <el-button @click="mountMethodDialog = false">取消</el-button>
+      </el-row>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import Draggable from 'vuedraggable'
+import { codemirror } from 'vue-codemirror'
+import { Message } from 'element-ui'
+
+require('codemirror/mode/vue/vue')
+require('codemirror/mode/javascript/javascript')
+require('codemirror/mode/htmlmixed/htmlmixed')
+require('codemirror/mode/htmlembedded/htmlembedded')
 
 export default {
   components: {
-    Draggable
+    Draggable,
+    codemirror
   },
   /* eslint-disable */
-  props: ['data'],
+  props: ['data', 'diymethod'],
   data() {
     return {
+      tmpindex: -1,
+      codedom: false,
+      funcname: '',
+      methodCatch: [],
+      mountMethodDialog: false,
+      contentOptions: {
+        flattenSpans: false, // 默认情况下，CodeMirror会将使用相同class的两个span合并成一个。通过设置此项为false禁用此功能
+        matchBrackets: true, // 匹配符号
+        lineWiseCopyCut: true, // 如果在复制或剪切时没有选择文本，那么就会自动操作光标所在的整行
+        tabSize: 4,
+        value: '',
+        mode: 'python',
+        lineNumbers: true, // 显示行号
+        line: true,
+        smartIndent: true, // 智能缩进
+        autoCloseBrackets: true, // 自动输入括弧
+        foldGutter: true, // 允许在行号位置折叠
+        indentUnit: 4, // 智能缩进单位为4个空格长度
+        styleActiveLine: true // 激活当前行样式
+      },
+      vueCode: '',
+      dynamicDialog: false,
       selectTreeData: {},
       addTreeData: {},
       cascaderDialog: false,
@@ -605,6 +711,12 @@ export default {
   },
   created() {
     this.handleInitHeaders()
+    for (const k in this.diymethod) {
+      this.methodCatch.push({
+        key: k,
+        value: this.diymethod[k]
+      })
+    }
   },
   methods: {
     addDisplayVerifiy() {
@@ -762,7 +874,97 @@ export default {
       }
 
       this.generateRule()
-    }
+    },
+    showcode (index) {
+      if (index === this.tmpindex) {
+        return
+      }
+      if (this.codedom && ((this.$refs.codemirror.content !== '' && this.vueCode !== this.$refs.codemirror.content) || this.vueCode === '')) {
+        Message({
+          message: '当前函数未保存或为空',
+          type: 'error',
+          duration: 5 * 1000
+        })
+      } else {
+        this.codedom = true
+        this.tmpindex = index
+        this.funcname = this.methodCatch[index].key
+        this.vueCode = String(this.methodCatch[index].value)
+      }
+    },
+    newmethod () {
+      if (this.codedom && ((this.$refs.codemirror.content !== '' && this.vueCode !== this.$refs.codemirror.content) || this.vueCode === '')) {
+        Message({
+          message: '当前函数未保存或为空, 无法创建新函数',
+          type: 'error',
+          duration: 5 * 1000
+        })
+        return
+      }
+      var date = new Date().getTime()
+      this.methodCatch.push({
+        key: `method_${date}`,
+        value: ''
+      })
+      this.tmpindex = this.methodCatch.length - 1
+      this.funcname = `method_${date}`
+      this.vueCode = ''
+      this.codedom = true
+    },
+    savemethod () {
+      if (this.codedom && ((this.$refs.codemirror.content !== '' && this.vueCode !== this.$refs.codemirror.content) || this.vueCode === '')) {
+        Message({
+          message: '当前函数未保存或为空, 无法更新',
+          type: 'error',
+          duration: 5 * 1000
+        })
+        return
+      }
+      let tmp = {}
+      for (let index in this.methodCatch) {
+        tmp[this.methodCatch[index].key] = this.methodCatch[index].value
+      }
+      this.$emit('on-update', tmp)
+      this.codedom = false
+      this.dynamicDialog = false
+    },
+    mountMethod () {
+      this.mountMethodDialog = true
+    },
+    savefunc () {
+      if (this.$refs.codemirror.content == '') {
+        Message({
+          message: '当前函数为空, 无法保存',
+          type: 'error',
+          duration: 5 * 1000
+        })
+      } else {
+        this.methodCatch[this.tmpindex] = {
+          key: this.funcname,
+          value: this.$refs.codemirror.content
+        }
+        this.codedom = false
+        this.tmpindex = -1
+        this.funcname = -1
+        this.vueCode = ''
+      }
+    },
+    cancelfunc () {
+      if (this.$refs.codemirror.content === '' && this.vueCode === '') {
+        this.$delete(this.methodCatch, this.tmpindex)
+      }
+      this.codedom = false
+      this.tmpindex = -1
+      this.funcname = ''
+      this.vueCode = ''
+    },
+    savemount () {
+      this.$emit('on-update-relation', this.data.model, this.data.options.onchange)
+      this.mountMethodDialog = false
+    },
+    opendiamic () {
+      this.dynamicDialog = true
+    },
   }
 }
 </script>
@@ -776,4 +978,13 @@ export default {
     font-size: 14px;
     padding-right: 8px;
   }
+  .codemirror {
+    line-height: 150%;
+  }
+
+  .codemirror-div {
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    overflow: hidden;
+  }
 </style>
diff --git a/src/components/VueFormMaking/components/WidgetFormItem.vue b/src/components/VueFormMaking/components/WidgetFormItem.vue
index a023856b892e8ccf2b5a62f1bcb2de5470e98c1f..d08f3aee47205c4faa71f7b24a8947599c6ca612 100644
--- a/src/components/VueFormMaking/components/WidgetFormItem.vue
+++ b/src/components/VueFormMaking/components/WidgetFormItem.vue
@@ -3,6 +3,7 @@
     v-if="element && element.key"
     :label-width="isLabel || !element.options.labelWidthStatus?'0px': elementLabelWidth + 'px'"
     class="widget-view "
+    :style="{ 'background-color': element.options.hidden? 'rgba(245, 151, 148, .3)':'rgba(236, 245, 255, .3)' }"
     :class="{active: selectWidget.key === element.key, 'is_req': element.options.required}"
     :label="isLabel || element.type==='divider' || !element.options.labelWidthStatus?'':element.name"
     @click.native.stop="handleSelectWidget(index)"
@@ -32,7 +33,7 @@
     <div v-if="selectWidget.key == element.key" class="widget-view-drag">
       <i class="iconfont icon-drag drag-widget" />
     </div>
-
+    <div class="widget-view-model"> <span>{{ element.model }}</span> </div>
   </el-form-item>
 </template>
 
diff --git a/src/components/VueFormMaking/components/componentsConfig.js b/src/components/VueFormMaking/components/componentsConfig.js
index e8f711e682fb07b7d022c74e0413b285e6f269c7..8fe72cd5b61454cbf4d720538348521f2bad455f 100644
--- a/src/components/VueFormMaking/components/componentsConfig.js
+++ b/src/components/VueFormMaking/components/componentsConfig.js
@@ -10,6 +10,7 @@ export const basicComponents = [
       pattern: '',
       placeholder: '',
       disabled: false,
+      hidden: false,
       showPassword: false,
       labelWidth: 100,
       labelWidthDisabled: false,
@@ -31,6 +32,7 @@ export const basicComponents = [
       defaultValue: '',
       required: false,
       disabled: false,
+      hidden: false,
       pattern: '',
       placeholder: '',
       labelWidth: 100,
@@ -52,6 +54,7 @@ export const basicComponents = [
       width: '',
       required: false,
       defaultValue: 0,
+      hidden: false,
       min: '',
       max: '',
       step: 1,
@@ -75,6 +78,7 @@ export const basicComponents = [
     options: {
       inline: false,
       defaultValue: '',
+      hidden: false,
       showLabel: false,
       options: [
         {
@@ -118,6 +122,7 @@ export const basicComponents = [
     options: {
       inline: false,
       defaultValue: [],
+      hidden: false,
       showLabel: false,
       options: [
         {
@@ -160,6 +165,7 @@ export const basicComponents = [
       readonly: false,
       disabled: false,
       editable: true,
+      hidden: false,
       clearable: true,
       placeholder: '',
       startPlaceholder: '',
@@ -181,6 +187,7 @@ export const basicComponents = [
       defaultValue: '',
       readonly: false,
       disabled: false,
+      hidden: false,
       editable: true,
       clearable: true,
       placeholder: '',
@@ -202,6 +209,7 @@ export const basicComponents = [
     options: {
       defaultValue: null,
       max: 5,
+      hidden: false,
       disabled: false,
       allowHalf: false,
       required: false,
@@ -223,6 +231,7 @@ export const basicComponents = [
     options: {
       defaultValue: '',
       disabled: false,
+      hidden: false,
       showAlpha: false,
       required: false,
       labelWidth: 100,
@@ -242,6 +251,7 @@ export const basicComponents = [
     icon: 'icon-select',
     options: {
       defaultValue: '',
+      hidden: false,
       multiple: false,
       disabled: false,
       clearable: false,
@@ -286,6 +296,7 @@ export const basicComponents = [
       defaultValue: false,
       required: false,
       disabled: false,
+      hidden: false,
       labelWidth: 100,
       labelWidthDisabled: false,
       labelWidthStatus: true,
@@ -305,6 +316,7 @@ export const basicComponents = [
       defaultValue: 0,
       disabled: false,
       required: false,
+      hidden: false,
       min: 0,
       max: 100,
       step: 1,
@@ -333,6 +345,7 @@ export const basicComponents = [
       font_family: '', // 字体属性
       defaultValue: '这是一句话',
       labelWidthStatus: true,
+      hidden: false,
       customClass: '',
       labelWidth: 100,
       labelWidthDisabled: false,
@@ -381,6 +394,7 @@ export const advanceComponents = [
       disabled: false,
       length: 8,
       multiple: false,
+      hidden: false,
       isQiniu: false,
       isDelete: false,
       min: 0,
@@ -406,6 +420,7 @@ export const advanceComponents = [
       width: '',
       tokenFunc: 'funcGetToken',
       token: '',
+      hidden: false,
       domain: 'http://pfp81ptt6.bkt.clouddn.com/',
       disabled: false,
       length: 9,
@@ -431,6 +446,7 @@ export const advanceComponents = [
     options: {
       defaultValue: '',
       width: '',
+      hidden: false,
       labelWidth: 100,
       labelWidthDisabled: false,
       labelWidthStatus: true,
@@ -450,6 +466,7 @@ export const advanceComponents = [
       defaultValue: [],
       width: '',
       placeholder: '',
+      hidden: false,
       disabled: false,
       clearable: false,
       remote: false,
@@ -507,6 +524,7 @@ export const advanceComponents = [
     }],
     options: {
       gutter: 0,
+      hidden: false,
       justify: 'start',
       align: 'top',
       labelWidth: 100,
diff --git a/src/components/VueFormMaking/lang/zh-CN.js b/src/components/VueFormMaking/lang/zh-CN.js
index b300d6b67a8602a8dde94f425a8b4172bd62484b..8d3de63f8f37a515acca2119749f2b7e5b1c58fb 100644
--- a/src/components/VueFormMaking/lang/zh-CN.js
+++ b/src/components/VueFormMaking/lang/zh-CN.js
@@ -78,6 +78,7 @@ export default {
         customClass: '自定义Class'
       },
       widget: {
+        diyaction: '动作设置',
         title: '字段属性',
         model: '字段标识',
         name: '标题',
diff --git a/src/components/VueFormMaking/styles/FormMaking.css b/src/components/VueFormMaking/styles/FormMaking.css
index b27c84c8edf8dba363c3094c2b43364d3ada25d7..a9e4e153e4ad174b7c01599b736caf43027230da 100644
--- a/src/components/VueFormMaking/styles/FormMaking.css
+++ b/src/components/VueFormMaking/styles/FormMaking.css
@@ -1,4 +1,162 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%
+}
+
+body {
+  margin: 0
+}
+
+main {
+  display: block
+}
+
+h1 {
+  font-size: 2em;
+  margin: .67em 0
+}
+
+hr {
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible
+}
+
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em
+}
+
+a {
+  background-color: transparent
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted
+}
+
+b, strong {
+  font-weight: bolder
+}
+
+code, kbd, samp {
+  font-family: monospace, monospace;
+  font-size: 1em
+}
+
+small {
+  font-size: 80%
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline
+}
+
+sub {
+  bottom: -.25em
+}
+
+sup {
+  top: -.5em
+}
+
+img {
+  border-style: none
+}
+
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0
+}
+
+button, input {
+  overflow: visible
+}
+
+button, select {
+  text-transform: none
+}
+
+[type=button], [type=reset], [type=submit], button {
+  -webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+  border-style: none;
+  padding: 0
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
+  outline: 1px dotted ButtonText
+}
+
+fieldset {
+  padding: .35em .75em .625em
+}
+
+legend {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal
+}
+
+progress {
+  vertical-align: baseline
+}
+
+textarea {
+  overflow: auto
+}
+
+[type=checkbox], [type=radio] {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
+  height: auto
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit
+}
+
+details {
+  display: block
+}
+
+summary {
+  display: list-item
+}
+
+[hidden], template {
+  display: none
+}
 
 /*!
  * Viewer.js v1.3.5
@@ -8,4 +166,1556 @@
  * Released under the MIT license
  *
  * Date: 2019-07-04T11:00:13.705Z
- */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container ::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container ::selection{background-color:transparent}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}.viewer-list>li:hover{opacity:.75}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:3px 0}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.viewer-loading:after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}.fm-uplaod-container .is-disabled{position:relative}.fm-uplaod-container .is-disabled:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";display:block;cursor:not-allowed}.fm-uplaod-container .upload-file{margin:0 10px 10px 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:top}.fm-uplaod-container .upload-file:hover .uplaod-action{display:-webkit-box;display:-ms-flexbox;display:flex}.fm-uplaod-container .upload-file .uplaod-action{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fm-uplaod-container .upload-file .uplaod-action i{color:#fff;cursor:pointer;margin:0 5px}.fm-uplaod-container .upload-file.is-success .item-status{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.fm-uplaod-container .upload-file.is-success .item-status>i{font-size:12px;margin-top:11px;color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fm-uplaod-container .upload-file.uploading:before{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.fm-uplaod-container .upload-file .upload-progress{position:absolute}.fm-uplaod-container .upload-file .upload-progress .el-progress__text{color:#fff;font-size:16px!important}.fm-uplaod-container .upload-file img{max-width:100%;max-height:100%;vertical-align:middle}.fm-uplaod-container .el-upload--picture-card{position:relative;overflow:hidden}.fm-uplaod-container .el-upload--picture-card .el-icon-plus{position:absolute;top:50%;left:50%}.fm-uplaod-container .upload-input{position:absolute;top:0;left:0;right:0;bottom:0;display:block;opacity:0;cursor:pointer}.fm-uplaod-container .drag-img-list{display:inline}.fm-uplaod-container .drag-img-list .ghost{position:relative}.fm-uplaod-container .drag-img-list .ghost:after{width:100%;height:100%;display:block;content:"";background:#fbfdff;position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #3bb3c2}.fm-uplaod-container .drag-img-list>div{cursor:move}.viewer-container{z-index:9999!important}.cus-dialog-container .el-dialog__footer{margin:0 20px;padding:15px 0 16px;text-align:center;position:relative}.cus-dialog-container .el-dialog__footer .dialog-footer{display:block}.cus-dialog-container .el-dialog__footer .dialog-footer .circular{display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-text{display:inline-block;vertical-align:middle}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-spinner{margin-top:-12px}.widget-empty{background-position:50%}@font-face{font-family:iconfont;src:url(fonts/iconfont.8efbc988.eot);src:url(fonts/iconfont.8efbc988.eot#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url(fonts/iconfont.34ea3475.woff) format("woff"),url(fonts/iconfont.4d5a9051.ttf) format("truetype"),url(img/iconfont.f0e930ef.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-clear:before{content:"\E6D1"}.icon-weibiaoti46:before{content:"\E63C"}.icon-delete:before{content:"\E616"}.icon-fabu:before{content:"\E630"}.icon-qingkonghuishouzhan:before{content:"\E642"}.icon-code:before{content:"\E65B"}.icon-table:before{content:"\E713"}.icon-diy-com-textarea:before{content:"\E91F"}.icon-zidingyishuju:before{content:"\E634"}.icon-json:before{content:"\E7BD"}.icon-jilianxuanze:before{content:"\E695"}.icon-icon_clone:before{content:"\E606"}.icon-wenjianshangchuan:before{content:"\E617"}.icon-fengexian:before{content:"\E66E"}.icon-tupianyulan:before{content:"\E67D"}.icon-time:before{content:"\E600"}.icon-icon-test:before{content:"\E605"}.icon-tupian:before{content:"\E65E"}.icon-ad-icon-tooltip:before{content:"\E63E"}.icon-check-box:before{content:"\E60E"}.icon-switch:before{content:"\E660"}.icon-pingfen:before{content:"\E640"}.icon-input:before{content:"\E6B2"}.icon-radio-active:before{content:"\E615"}.icon-color:before{content:"\E62F"}.icon-slider:before{content:"\E60D"}.icon-icon_bars:before{content:"\E7C4"}.icon-fuwenbenkuang:before{content:"\E682"}.icon-date:before{content:"\E69F"}.icon-ic:before{content:"\E621"}.icon-trash:before{content:"\E60F"}.icon-grid-:before{content:"\E6AD"}.icon-drag:before{content:"\E842"}.icon-shangchuan:before{content:"\E645"}.icon-zhage:before{content:"\E63F"}.icon-number:before{content:"\E76B"}.icon-yulan:before{content:"\E668"}.icon-select:before{content:"\E920"}.icon-wenzishezhi-:before{content:"\E67C"}.icon-pingfen1:before{content:"\E661"}.icon-RectangleCopy:before{content:"\E620"}.icon-sync1:before{content:"\E631"}.icon-tabs:before{content:"\E65F"}.el-radio+.el-radio{margin-left:0!important}.el-radio{margin-right:30px}.el-checkbox+.el-checkbox{margin-left:0!important}.el-checkbox{margin-right:30px}.el-form-item--small .el-radio{line-height:32px!important}.el-form-item--small .el-rate{margin-top:6px}.el-form-item--mini .el-radio{line-height:28px!important}.el-form-item--mini .el-rate{margin-top:4px}.el-form-item--medium .el-radio{line-height:36px!important}.el-form-item--medium .el-rate{margin-top:8px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.fa-icon{width:auto;height:1em;max-width:100%;max-height:100%;vertical-align:middle}.fm2-container{background:#fff;height:100%;border:1px solid #e0e0e0}.fm2-container .el-container{height:100%!important}.fm2-container>.el-container{background:#fff}.fm2-container .fm2-main{position:relative}.fm2-container .fm2-main>.el-container{position:absolute;top:0;bottom:0;left:0;right:0}.fm2-container main{padding:0}.fm2-container footer{height:30px;line-height:30px;border-top:1px solid #e0e0e0;font-size:12px;text-align:right;color:#409eff;background:#fafafa}.fm2-container footer a{color:#409eff}.center-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.center-container .btn-bar{height:45px;line-height:45px;font-size:18px;border-bottom:2px solid #e4e7ed;text-align:right}.center-container .el-main{padding:0;position:relative;background:#fafafa}.components-list{padding:8px 0;width:100%;height:100%}.components-list .widget-cate{padding:8px 12px;font-size:13px}.components-list ul{position:relative;overflow:hidden;padding:0 10px 10px;margin:0}.components-list .form-edit-widget-label{font-size:12px;display:block;width:48%;line-height:26px;position:relative;float:left;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1%;color:#333;border:1px solid #f4f6fc}.components-list .form-edit-widget-label:hover{color:#409eff;border:1px dashed #409eff}.components-list .form-edit-widget-label>a{display:block;cursor:move;background:#f4f6fc;border:1px solid #f4f6fc}.components-list .form-edit-widget-label>a .icon{margin-right:6px;margin-left:8px;font-size:14px;display:inline-block;vertical-align:middle}.components-list .form-edit-widget-label>a span{display:inline-block;vertical-align:middle}.widget-form-container{position:absolute;top:0;left:0;right:0;bottom:0}.widget-form-container .widget-form-list{background:#fff;border:1px dashed #999;min-height:600px;margin:10px}.widget-form-container .widget-form-list .widget-col-list{min-height:50px;border:1px dashed #ccc;background:#fff}.widget-form-container .widget-form-list .widget-view{padding-bottom:18px;position:relative;border:1px dashed hsla(0,0%,66.7%,.7);background-color:rgba(236,245,255,.3);margin:2px}.widget-form-container .widget-form-list .widget-view .el-form-item__content{position:unset}.widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.widget-form-container .widget-form-list .widget-view .widget-view-description{height:15px;line-height:15px;font-size:13px;margin-top:6px;color:#909399}.widget-form-container .widget-form-list .widget-view .widget-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-view .widget-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.widget-form-container .widget-form-list .widget-view .widget-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-view .widget-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.widget-form-container .widget-form-list .widget-view:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block}.widget-form-container .widget-form-list .widget-view:hover{background:#ecf5ff;outline:1px solid #409eff;outline-offset:0}.widget-form-container .widget-form-list .widget-view:hover.active{outline:2px solid #409eff;border:1px solid #409eff;outline-offset:0}.widget-form-container .widget-form-list .widget-view:hover .widget-view-drag{display:block}.widget-form-container .widget-form-list .widget-view.active{outline:2px solid #409eff;border:1px solid #409eff}.widget-form-container .widget-form-list .widget-view.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-form-list .widget-table{padding-bottom:0;padding:5px;background-color:rgba(253,246,236,.3)}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper{min-height:50px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-row td{border-bottom:0}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-left{width:51px;border-left:1px solid #ebeef5;border-right:1px solid #ebeef5;border-top:1px solid #ebeef5;-webkit-box-flex:0;-ms-flex:none;flex:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view{border:1px solid #ebeef5;width:200px;float:left;height:100%;position:relative;display:block}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table{height:100%}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-description{height:15px;line-height:15px;font-size:13px;margin-top:6px;color:#909399}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block;content:""}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:before{display:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover{background:#ecf5ff;outline:1px solid #409eff;outline-offset:-1px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover.active{border:1px solid #409eff;outline:1px solid #409eff;outline-offset:-1px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover .widget-view-drag{display:block}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.active{outline:1px solid #409eff;border:1px solid #409eff;outline-offset:-1px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost{background:#f56c6c;outline-width:0;width:5px!important;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0;position:relative;outline:none!important;border:0!important}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost:after{background:#f56c6c;position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999;content:"";outline:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content{width:100%;outline:1px dashed #ccc;background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 1px;overflow:auto}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col,.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content>div{height:100%}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost{background:#f56c6c;position:relative;content:"";float:left;height:100%;width:5px!important;list-style:none;font-size:0;overflow:hidden;outline:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost:after{background:#f56c6c;position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999;content:"";outline:none}.widget-form-container .widget-form-list .widget-table.active{outline:2px solid #e6a23c;border:1px solid #e6a23c}.widget-form-container .widget-form-list .widget-table:hover{background:#fdf6ec;outline:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-table:hover.active{outline:2px solid #e6a23c;border:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-table .widget-view-action.widget-col-action,.widget-form-container .widget-form-list .widget-table .widget-view-drag.widget-col-drag{background:#e6a23c}.widget-form-container .widget-form-list .widget-table:after{display:none}.widget-form-container .widget-form-list .widget-table.ghost{background:#f56c6c;outline-width:0;height:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0;position:relative;outline:none;border:0}.widget-form-container .widget-form-list .widget-table.ghost:after{background:#f56c6c;position:absolute;top:0;left:0;right:0;bottom:0;content:"";display:block;z-index:999}.widget-form-container .widget-form-list .widget-col{padding-bottom:0;padding:5px;background-color:rgba(253,246,236,.3)}.widget-form-container .widget-form-list .widget-col.active{outline:2px solid #e6a23c;border:1px solid #e6a23c}.widget-form-container .widget-form-list .widget-col:hover{background:#fdf6ec;outline:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-col:hover.active{outline:2px solid #e6a23c;border:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-col .el-col{min-height:50px}.widget-form-container .widget-form-list .widget-col.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-form-list .widget-col .widget-view-action.widget-col-action,.widget-form-container .widget-form-list .widget-col .widget-view-drag.widget-col-drag{background:#e6a23c}.widget-form-container .widget-form-list .widget-col:after{display:none}.widget-form-container .widget-form-list .ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-grid{background:#f4f6fc;position:relative;border-left:5px solid transparent;padding:5px;margin:0!important}.widget-form-container .widget-grid.active{border-left:5px solid #409eff;background:#b3d8ff}.widget-form-container .widget-grid-container.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .ghost{background:#f56c6c;border:2px solid #f56c6c;position:relative}.widget-form-container .ghost:after{background:#f56c6c}.widget-form-container li.ghost{height:5px;list-style:none;font-size:0;overflow:hidden}.widget-config-container{position:relative}.widget-config-container .el-header{border-bottom:2px solid #e4e7ed;padding:0 5px}.widget-config-container .config-tab{height:45px;line-height:45px;display:inline-block;width:145px;text-align:center;font-size:14px;font-weight:500;position:relative;cursor:pointer}.widget-config-container .config-tab.active{border-bottom:2px solid #409eff}.widget-config-container .config-content{padding:10px}.widget-config-container .config-content .el-form-item__label{padding:0;font-weight:500}.widget-config-container .config-content .el-form-item{border-bottom:1px solid #e1e1e1;padding-bottom:10px}.widget-config-container .ghost{background:#fff;border:1px dashed #409eff}.widget-config-container .ghost:after{background:#fff;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.widget-config-container ul{margin:0;padding:0}.widget-config-container li.ghost{list-style:none;font-size:0;display:block;position:relative}.viewer-container{z-index:99999!important}.form-empty{position:absolute;text-align:center;width:300px;font-size:20px;top:200px;left:50%;margin-left:-150px;color:#ccc}
\ No newline at end of file
+ */
+.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
+  background-repeat: no-repeat;
+  background-size: 280px;
+  color: transparent;
+  display: block;
+  font-size: 0;
+  height: 20px;
+  line-height: 0;
+  width: 20px
+}
+
+.viewer-zoom-in:before {
+  background-position: 0 0;
+  content: "Zoom In"
+}
+
+.viewer-zoom-out:before {
+  background-position: -20px 0;
+  content: "Zoom Out"
+}
+
+.viewer-one-to-one:before {
+  background-position: -40px 0;
+  content: "One to One"
+}
+
+.viewer-reset:before {
+  background-position: -60px 0;
+  content: "Reset"
+}
+
+.viewer-prev:before {
+  background-position: -80px 0;
+  content: "Previous"
+}
+
+.viewer-play:before {
+  background-position: -100px 0;
+  content: "Play"
+}
+
+.viewer-next:before {
+  background-position: -120px 0;
+  content: "Next"
+}
+
+.viewer-rotate-left:before {
+  background-position: -140px 0;
+  content: "Rotate Left"
+}
+
+.viewer-rotate-right:before {
+  background-position: -160px 0;
+  content: "Rotate Right"
+}
+
+.viewer-flip-horizontal:before {
+  background-position: -180px 0;
+  content: "Flip Horizontal"
+}
+
+.viewer-flip-vertical:before {
+  background-position: -200px 0;
+  content: "Flip Vertical"
+}
+
+.viewer-fullscreen:before {
+  background-position: -220px 0;
+  content: "Enter Full Screen"
+}
+
+.viewer-fullscreen-exit:before {
+  background-position: -240px 0;
+  content: "Exit Full Screen"
+}
+
+.viewer-close:before {
+  background-position: -260px 0;
+  content: "Close"
+}
+
+.viewer-container {
+  bottom: 0;
+  direction: ltr;
+  font-size: 0;
+  left: 0;
+  line-height: 0;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  -webkit-tap-highlight-color: transparent;
+  top: 0;
+  -ms-touch-action: none;
+  touch-action: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none
+}
+
+.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
+  background-color: transparent
+}
+
+.viewer-container::selection, .viewer-container ::selection {
+  background-color: transparent
+}
+
+.viewer-container img {
+  display: block;
+  height: auto;
+  max-height: none !important;
+  max-width: none !important;
+  min-height: 0 !important;
+  min-width: 0 !important;
+  width: 100%
+}
+
+.viewer-canvas {
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  top: 0
+}
+
+.viewer-canvas > img {
+  height: auto;
+  margin: 15px auto;
+  max-width: 90% !important;
+  width: auto
+}
+
+.viewer-footer {
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  text-align: center
+}
+
+.viewer-navbar {
+  background-color: rgba(0, 0, 0, .5);
+  overflow: hidden
+}
+
+.viewer-list {
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 50px;
+  margin: 0;
+  overflow: hidden;
+  padding: 1px 0
+}
+
+.viewer-list > li {
+  color: transparent;
+  cursor: pointer;
+  float: left;
+  font-size: 0;
+  height: 50px;
+  line-height: 0;
+  opacity: .5;
+  overflow: hidden;
+  -webkit-transition: opacity .15s;
+  transition: opacity .15s;
+  width: 30px
+}
+
+.viewer-list > li:hover {
+  opacity: .75
+}
+
+.viewer-list > li + li {
+  margin-left: 1px
+}
+
+.viewer-list > .viewer-loading {
+  position: relative
+}
+
+.viewer-list > .viewer-loading:after {
+  border-width: 2px;
+  height: 20px;
+  margin-left: -10px;
+  margin-top: -10px;
+  width: 20px
+}
+
+.viewer-list > .viewer-active, .viewer-list > .viewer-active:hover {
+  opacity: 1
+}
+
+.viewer-player {
+  background-color: #000;
+  bottom: 0;
+  cursor: none;
+  display: none;
+  right: 0
+}
+
+.viewer-player, .viewer-player > img {
+  left: 0;
+  position: absolute;
+  top: 0
+}
+
+.viewer-toolbar > ul {
+  display: inline-block;
+  margin: 0 auto 5px;
+  overflow: hidden;
+  padding: 3px 0
+}
+
+.viewer-toolbar > ul > li {
+  background-color: rgba(0, 0, 0, .5);
+  border-radius: 50%;
+  cursor: pointer;
+  float: left;
+  height: 24px;
+  overflow: hidden;
+  -webkit-transition: background-color .15s;
+  transition: background-color .15s;
+  width: 24px
+}
+
+.viewer-toolbar > ul > li:hover {
+  background-color: rgba(0, 0, 0, .8)
+}
+
+.viewer-toolbar > ul > li:before {
+  margin: 2px
+}
+
+.viewer-toolbar > ul > li + li {
+  margin-left: 1px
+}
+
+.viewer-toolbar > ul > .viewer-small {
+  height: 18px;
+  margin-bottom: 3px;
+  margin-top: 3px;
+  width: 18px
+}
+
+.viewer-toolbar > ul > .viewer-small:before {
+  margin: -1px
+}
+
+.viewer-toolbar > ul > .viewer-large {
+  height: 30px;
+  margin-bottom: -3px;
+  margin-top: -3px;
+  width: 30px
+}
+
+.viewer-toolbar > ul > .viewer-large:before {
+  margin: 5px
+}
+
+.viewer-tooltip {
+  background-color: rgba(0, 0, 0, .8);
+  border-radius: 10px;
+  color: #fff;
+  display: none;
+  font-size: 12px;
+  height: 20px;
+  left: 50%;
+  line-height: 20px;
+  margin-left: -25px;
+  margin-top: -10px;
+  position: absolute;
+  text-align: center;
+  top: 50%;
+  width: 50px
+}
+
+.viewer-title {
+  color: #ccc;
+  display: inline-block;
+  font-size: 12px;
+  line-height: 1;
+  margin: 0 5% 5px;
+  max-width: 90%;
+  opacity: .8;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-transition: opacity .15s;
+  transition: opacity .15s;
+  white-space: nowrap
+}
+
+.viewer-title:hover {
+  opacity: 1
+}
+
+.viewer-button {
+  background-color: rgba(0, 0, 0, .5);
+  border-radius: 50%;
+  cursor: pointer;
+  height: 80px;
+  overflow: hidden;
+  position: absolute;
+  right: -40px;
+  top: -40px;
+  -webkit-transition: background-color .15s;
+  transition: background-color .15s;
+  width: 80px
+}
+
+.viewer-button:focus, .viewer-button:hover {
+  background-color: rgba(0, 0, 0, .8)
+}
+
+.viewer-button:before {
+  bottom: 15px;
+  left: 15px;
+  position: absolute
+}
+
+.viewer-fixed {
+  position: fixed
+}
+
+.viewer-open {
+  overflow: hidden
+}
+
+.viewer-show {
+  display: block
+}
+
+.viewer-hide {
+  display: none
+}
+
+.viewer-backdrop {
+  background-color: rgba(0, 0, 0, .5)
+}
+
+.viewer-invisible {
+  visibility: hidden
+}
+
+.viewer-move {
+  cursor: move;
+  cursor: -webkit-grab;
+  cursor: grab
+}
+
+.viewer-fade {
+  opacity: 0
+}
+
+.viewer-in {
+  opacity: 1
+}
+
+.viewer-transition {
+  -webkit-transition: all .3s;
+  transition: all .3s
+}
+
+@-webkit-keyframes viewer-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg)
+  }
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn)
+  }
+}
+
+@keyframes viewer-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg)
+  }
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn)
+  }
+}
+
+.viewer-loading:after {
+  -webkit-animation: viewer-spinner 1s linear infinite;
+  animation: viewer-spinner 1s linear infinite;
+  border: 4px solid hsla(0, 0%, 100%, .1);
+  border-left-color: hsla(0, 0%, 100%, .5);
+  border-radius: 50%;
+  content: "";
+  display: inline-block;
+  height: 40px;
+  left: 50%;
+  margin-left: -20px;
+  margin-top: -20px;
+  position: absolute;
+  top: 50%;
+  width: 40px;
+  z-index: 1
+}
+
+@media (max-width: 767px) {
+  .viewer-hide-xs-down {
+    display: none
+  }
+}
+
+@media (max-width: 991px) {
+  .viewer-hide-sm-down {
+    display: none
+  }
+}
+
+@media (max-width: 1199px) {
+  .viewer-hide-md-down {
+    display: none
+  }
+}
+
+.fm-uplaod-container .is-disabled {
+  position: relative
+}
+
+.fm-uplaod-container .is-disabled:after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  content: "";
+  display: block;
+  cursor: not-allowed
+}
+
+.fm-uplaod-container .upload-file {
+  margin: 0 10px 10px 0;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  overflow: hidden;
+  background-color: #fff;
+  border: 1px solid #c0ccda;
+  border-radius: 6px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  position: relative;
+  vertical-align: top
+}
+
+.fm-uplaod-container .upload-file:hover .uplaod-action {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.fm-uplaod-container .upload-file .uplaod-action {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, .6);
+  display: none;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center
+}
+
+.fm-uplaod-container .upload-file .uplaod-action i {
+  color: #fff;
+  cursor: pointer;
+  margin: 0 5px
+}
+
+.fm-uplaod-container .upload-file.is-success .item-status {
+  position: absolute;
+  right: -15px;
+  top: -6px;
+  width: 40px;
+  height: 24px;
+  background: #13ce66;
+  text-align: center;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
+  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
+}
+
+.fm-uplaod-container .upload-file.is-success .item-status > i {
+  font-size: 12px;
+  margin-top: 11px;
+  color: #fff;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg)
+}
+
+.fm-uplaod-container .upload-file.uploading:before {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, .3)
+}
+
+.fm-uplaod-container .upload-file .upload-progress {
+  position: absolute
+}
+
+.fm-uplaod-container .upload-file .upload-progress .el-progress__text {
+  color: #fff;
+  font-size: 16px !important
+}
+
+.fm-uplaod-container .upload-file img {
+  max-width: 100%;
+  max-height: 100%;
+  vertical-align: middle
+}
+
+.fm-uplaod-container .el-upload--picture-card {
+  position: relative;
+  overflow: hidden
+}
+
+.fm-uplaod-container .el-upload--picture-card .el-icon-plus {
+  position: absolute;
+  top: 50%;
+  left: 50%
+}
+
+.fm-uplaod-container .upload-input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: block;
+  opacity: 0;
+  cursor: pointer
+}
+
+.fm-uplaod-container .drag-img-list {
+  display: inline
+}
+
+.fm-uplaod-container .drag-img-list .ghost {
+  position: relative
+}
+
+.fm-uplaod-container .drag-img-list .ghost:after {
+  width: 100%;
+  height: 100%;
+  display: block;
+  content: "";
+  background: #fbfdff;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: 1px dashed #3bb3c2
+}
+
+.fm-uplaod-container .drag-img-list > div {
+  cursor: move
+}
+
+.viewer-container {
+  z-index: 9999 !important
+}
+
+.cus-dialog-container .el-dialog__footer {
+  margin: 0 20px;
+  padding: 15px 0 16px;
+  text-align: center;
+  position: relative
+}
+
+.cus-dialog-container .el-dialog__footer .dialog-footer {
+  display: block
+}
+
+.cus-dialog-container .el-dialog__footer .dialog-footer .circular {
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 5px;
+  width: 24px;
+  height: 24px
+}
+
+.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-text {
+  display: inline-block;
+  vertical-align: middle
+}
+
+.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-spinner {
+  margin-top: -12px
+}
+
+.widget-empty {
+  background-position: 50%
+}
+
+@font-face {
+  font-family: iconfont;
+  src: url(fonts/iconfont.8efbc988.eot);
+  src: url(fonts/iconfont.8efbc988.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(fonts/iconfont.34ea3475.woff) format("woff"), url(fonts/iconfont.4d5a9051.ttf) format("truetype"), url(img/iconfont.f0e930ef.svg#iconfont) format("svg")
+}
+
+.iconfont {
+  font-family: iconfont !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale
+}
+
+.icon-clear:before {
+  content: "\E6D1"
+}
+
+.icon-weibiaoti46:before {
+  content: "\E63C"
+}
+
+.icon-delete:before {
+  content: "\E616"
+}
+
+.icon-fabu:before {
+  content: "\E630"
+}
+
+.icon-qingkonghuishouzhan:before {
+  content: "\E642"
+}
+
+.icon-code:before {
+  content: "\E65B"
+}
+
+.icon-table:before {
+  content: "\E713"
+}
+
+.icon-diy-com-textarea:before {
+  content: "\E91F"
+}
+
+.icon-zidingyishuju:before {
+  content: "\E634"
+}
+
+.icon-json:before {
+  content: "\E7BD"
+}
+
+.icon-jilianxuanze:before {
+  content: "\E695"
+}
+
+.icon-icon_clone:before {
+  content: "\E606"
+}
+
+.icon-wenjianshangchuan:before {
+  content: "\E617"
+}
+
+.icon-fengexian:before {
+  content: "\E66E"
+}
+
+.icon-tupianyulan:before {
+  content: "\E67D"
+}
+
+.icon-time:before {
+  content: "\E600"
+}
+
+.icon-icon-test:before {
+  content: "\E605"
+}
+
+.icon-tupian:before {
+  content: "\E65E"
+}
+
+.icon-ad-icon-tooltip:before {
+  content: "\E63E"
+}
+
+.icon-check-box:before {
+  content: "\E60E"
+}
+
+.icon-switch:before {
+  content: "\E660"
+}
+
+.icon-pingfen:before {
+  content: "\E640"
+}
+
+.icon-input:before {
+  content: "\E6B2"
+}
+
+.icon-radio-active:before {
+  content: "\E615"
+}
+
+.icon-color:before {
+  content: "\E62F"
+}
+
+.icon-slider:before {
+  content: "\E60D"
+}
+
+.icon-icon_bars:before {
+  content: "\E7C4"
+}
+
+.icon-fuwenbenkuang:before {
+  content: "\E682"
+}
+
+.icon-date:before {
+  content: "\E69F"
+}
+
+.icon-ic:before {
+  content: "\E621"
+}
+
+.icon-trash:before {
+  content: "\E60F"
+}
+
+.icon-grid-:before {
+  content: "\E6AD"
+}
+
+.icon-drag:before {
+  content: "\E842"
+}
+
+.icon-shangchuan:before {
+  content: "\E645"
+}
+
+.icon-zhage:before {
+  content: "\E63F"
+}
+
+.icon-number:before {
+  content: "\E76B"
+}
+
+.icon-yulan:before {
+  content: "\E668"
+}
+
+.icon-select:before {
+  content: "\E920"
+}
+
+.icon-wenzishezhi-:before {
+  content: "\E67C"
+}
+
+.icon-pingfen1:before {
+  content: "\E661"
+}
+
+.icon-RectangleCopy:before {
+  content: "\E620"
+}
+
+.icon-sync1:before {
+  content: "\E631"
+}
+
+.icon-tabs:before {
+  content: "\E65F"
+}
+
+.el-radio + .el-radio {
+  margin-left: 0 !important
+}
+
+.el-radio {
+  margin-right: 30px
+}
+
+.el-checkbox + .el-checkbox {
+  margin-left: 0 !important
+}
+
+.el-checkbox {
+  margin-right: 30px
+}
+
+.el-form-item--small .el-radio {
+  line-height: 32px !important
+}
+
+.el-form-item--small .el-rate {
+  margin-top: 6px
+}
+
+.el-form-item--mini .el-radio {
+  line-height: 28px !important
+}
+
+.el-form-item--mini .el-rate {
+  margin-top: 4px
+}
+
+.el-form-item--medium .el-radio {
+  line-height: 36px !important
+}
+
+.el-form-item--medium .el-rate {
+  margin-top: 8px
+}
+
+*, :after, :before {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box
+}
+
+.fa-icon {
+  width: auto;
+  height: 1em;
+  max-width: 100%;
+  max-height: 100%;
+  vertical-align: middle
+}
+
+.fm2-container {
+  background: #fff;
+  height: 100%;
+  border: 1px solid #e0e0e0
+}
+
+.fm2-container .el-container {
+  height: 100% !important
+}
+
+.fm2-container > .el-container {
+  background: #fff
+}
+
+.fm2-container .fm2-main {
+  position: relative
+}
+
+.fm2-container .fm2-main > .el-container {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0
+}
+
+.fm2-container main {
+  padding: 0
+}
+
+.fm2-container footer {
+  height: 30px;
+  line-height: 30px;
+  border-top: 1px solid #e0e0e0;
+  font-size: 12px;
+  text-align: right;
+  color: #409eff;
+  background: #fafafa
+}
+
+.fm2-container footer a {
+  color: #409eff
+}
+
+.center-container {
+  border-left: 1px solid #e0e0e0;
+  border-right: 1px solid #e0e0e0
+}
+
+.center-container .btn-bar {
+  height: 45px;
+  line-height: 45px;
+  font-size: 18px;
+  border-bottom: 2px solid #e4e7ed;
+  text-align: right
+}
+
+.center-container .el-main {
+  padding: 0;
+  position: relative;
+  background: #fafafa
+}
+
+.components-list {
+  padding: 8px 0;
+  width: 100%;
+  height: 100%
+}
+
+.components-list .widget-cate {
+  padding: 8px 12px;
+  font-size: 13px
+}
+
+.components-list ul {
+  position: relative;
+  overflow: hidden;
+  padding: 0 10px 10px;
+  margin: 0
+}
+
+.components-list .form-edit-widget-label {
+  font-size: 12px;
+  display: block;
+  width: 48%;
+  line-height: 26px;
+  position: relative;
+  float: left;
+  left: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 1%;
+  color: #333;
+  border: 1px solid #f4f6fc
+}
+
+.components-list .form-edit-widget-label:hover {
+  color: #409eff;
+  border: 1px dashed #409eff
+}
+
+.components-list .form-edit-widget-label > a {
+  display: block;
+  cursor: move;
+  background: #f4f6fc;
+  border: 1px solid #f4f6fc
+}
+
+.components-list .form-edit-widget-label > a .icon {
+  margin-right: 6px;
+  margin-left: 8px;
+  font-size: 14px;
+  display: inline-block;
+  vertical-align: middle
+}
+
+.components-list .form-edit-widget-label > a span {
+  display: inline-block;
+  vertical-align: middle
+}
+
+.widget-form-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0
+}
+
+.widget-form-container .widget-form-list {
+  background: #fff;
+  border: 1px dashed #999;
+  min-height: 600px;
+  margin: 10px
+}
+
+.widget-form-container .widget-form-list .widget-col-list {
+  min-height: 50px;
+  border: 1px dashed #ccc;
+  background: #fff
+}
+
+.widget-form-container .widget-form-list .widget-view {
+  padding-bottom: 18px;
+  position: relative;
+  border: 1px dashed hsla(0, 0%, 66.7%, .7);
+  background-color: rgba(236, 245, 255, .3);
+  margin: 2px
+}
+
+.widget-form-container .widget-form-list .widget-view .el-form-item__content {
+  position: unset
+}
+
+.widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label:before {
+  content: "*";
+  color: #f56c6c;
+  margin-right: 4px
+}
+
+.widget-form-container .widget-form-list .widget-view .widget-view-description {
+  height: 15px;
+  line-height: 15px;
+  font-size: 13px;
+  margin-top: 6px;
+  color: #909399
+}
+
+.widget-form-container .widget-form-list .widget-view .widget-view-action {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 28px;
+  line-height: 28px;
+  background: #409eff;
+  z-index: 9
+}
+
+.widget-form-container .widget-form-list .widget-view .widget-view-action i {
+  font-size: 14px;
+  color: #fff;
+  margin: 0 5px;
+  cursor: pointer
+}
+
+.widget-form-container .widget-form-list .widget-view .widget-view-drag {
+  position: absolute;
+  left: -2px;
+  top: -2px;
+  bottom: -18px;
+  height: 28px;
+  line-height: 28px;
+  background: #409eff;
+  z-index: 9
+}
+
+.widget-form-container .widget-form-list .widget-view .widget-view-model {
+  position: absolute;
+  right: 3px;
+  top: 1px;
+  /*bottom: -18px;*/
+  /*height: 28px;*/
+  /*line-height: 28px;*/
+  font-size: 14px;
+  color: #67C23A;
+  /*background: ;*/
+  z-index: 9
+}
+
+.widget-form-container .widget-form-list .widget-view .widget-view-drag i {
+  font-size: 14px;
+  color: #fff;
+  margin: 0 5px;
+  cursor: move
+}
+
+.widget-form-container .widget-form-list .widget-view:after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: block
+}
+
+.widget-form-container .widget-form-list .widget-view:hover {
+  background: #ecf5ff;
+  outline: 1px solid #409eff;
+  outline-offset: 0
+}
+
+.widget-form-container .widget-form-list .widget-view:hover.active {
+  outline: 2px solid #409eff;
+  border: 1px solid #409eff;
+  outline-offset: 0
+}
+
+.widget-form-container .widget-form-list .widget-view:hover .widget-view-drag {
+  display: block
+}
+
+.widget-form-container .widget-form-list .widget-view.active {
+  outline: 2px solid #409eff;
+  border: 1px solid #409eff
+}
+
+.widget-form-container .widget-form-list .widget-view.ghost {
+  background: #f56c6c;
+  border: 2px solid #f56c6c;
+  outline-width: 0;
+  height: 3px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 0;
+  content: "";
+  overflow: hidden;
+  padding: 0
+}
+
+.widget-form-container .widget-form-list .widget-table {
+  padding-bottom: 0;
+  padding: 5px;
+  background-color: rgba(253, 246, 236, .3)
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper {
+  min-height: 50px;
+  background: #fff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-row td {
+  border-bottom: 0
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-left {
+  width: 51px;
+  border-left: 1px solid #ebeef5;
+  border-right: 1px solid #ebeef5;
+  border-top: 1px solid #ebeef5;
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view {
+  border: 1px solid #ebeef5;
+  width: 200px;
+  float: left;
+  height: 100%;
+  position: relative;
+  display: block
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table {
+  height: 100%
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label:before {
+  content: "*";
+  color: #f56c6c;
+  margin-right: 4px
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-description {
+  height: 15px;
+  line-height: 15px;
+  font-size: 13px;
+  margin-top: 6px;
+  color: #909399
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 28px;
+  line-height: 28px;
+  background: #409eff;
+  z-index: 9
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action i {
+  font-size: 14px;
+  color: #fff;
+  margin: 0 5px;
+  cursor: pointer
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag {
+  position: absolute;
+  left: -2px;
+  top: -2px;
+  bottom: -18px;
+  height: 28px;
+  line-height: 28px;
+  background: #409eff;
+  z-index: 9
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag i {
+  font-size: 14px;
+  color: #fff;
+  margin: 0 5px;
+  cursor: move
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: block;
+  content: ""
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:before {
+  display: none
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover {
+  background: #ecf5ff;
+  outline: 1px solid #409eff;
+  outline-offset: -1px
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover.active {
+  border: 1px solid #409eff;
+  outline: 1px solid #409eff;
+  outline-offset: -1px
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover .widget-view-drag {
+  display: block
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.active {
+  outline: 1px solid #409eff;
+  border: 1px solid #409eff;
+  outline-offset: -1px
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost {
+  background: #f56c6c;
+  outline-width: 0;
+  width: 5px !important;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 0;
+  content: "";
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  outline: none !important;
+  border: 0 !important
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost:after {
+  background: #f56c6c;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 9999;
+  content: "";
+  outline: none
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content {
+  width: 100%;
+  outline: 1px dashed #ccc;
+  background: #fff;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  margin: 0 1px;
+  overflow: auto
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col, .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content > div {
+  height: 100%
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost {
+  background: #f56c6c;
+  position: relative;
+  content: "";
+  float: left;
+  height: 100%;
+  width: 5px !important;
+  list-style: none;
+  font-size: 0;
+  overflow: hidden;
+  outline: none
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost:after {
+  background: #f56c6c;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 9999;
+  content: "";
+  outline: none
+}
+
+.widget-form-container .widget-form-list .widget-table.active {
+  outline: 2px solid #e6a23c;
+  border: 1px solid #e6a23c
+}
+
+.widget-form-container .widget-form-list .widget-table:hover {
+  background: #fdf6ec;
+  outline: 1px solid #e6a23c;
+  outline-offset: 0
+}
+
+.widget-form-container .widget-form-list .widget-table:hover.active {
+  outline: 2px solid #e6a23c;
+  border: 1px solid #e6a23c;
+  outline-offset: 0
+}
+
+.widget-form-container .widget-form-list .widget-table .widget-view-action.widget-col-action, .widget-form-container .widget-form-list .widget-table .widget-view-drag.widget-col-drag {
+  background: #e6a23c
+}
+
+.widget-form-container .widget-form-list .widget-table:after {
+  display: none
+}
+
+.widget-form-container .widget-form-list .widget-table.ghost {
+  background: #f56c6c;
+  outline-width: 0;
+  height: 5px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 0;
+  content: "";
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  outline: none;
+  border: 0
+}
+
+.widget-form-container .widget-form-list .widget-table.ghost:after {
+  background: #f56c6c;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  content: "";
+  display: block;
+  z-index: 999
+}
+
+.widget-form-container .widget-form-list .widget-col {
+  padding-bottom: 0;
+  padding: 5px;
+  background-color: rgba(253, 246, 236, .3)
+}
+
+.widget-form-container .widget-form-list .widget-col.active {
+  outline: 2px solid #e6a23c;
+  border: 1px solid #e6a23c
+}
+
+.widget-form-container .widget-form-list .widget-col:hover {
+  background: #fdf6ec;
+  outline: 1px solid #e6a23c;
+  outline-offset: 0
+}
+
+.widget-form-container .widget-form-list .widget-col:hover.active {
+  outline: 2px solid #e6a23c;
+  border: 1px solid #e6a23c;
+  outline-offset: 0
+}
+
+.widget-form-container .widget-form-list .widget-col .el-col {
+  min-height: 50px
+}
+
+.widget-form-container .widget-form-list .widget-col.ghost {
+  background: #f56c6c;
+  border: 2px solid #f56c6c;
+  outline-width: 0;
+  height: 3px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 0;
+  content: "";
+  overflow: hidden;
+  padding: 0
+}
+
+.widget-form-container .widget-form-list .widget-col .widget-view-action.widget-col-action, .widget-form-container .widget-form-list .widget-col .widget-view-drag.widget-col-drag {
+  background: #e6a23c
+}
+
+.widget-form-container .widget-form-list .widget-col:after {
+  display: none
+}
+
+.widget-form-container .widget-form-list .ghost {
+  background: #f56c6c;
+  border: 2px solid #f56c6c;
+  outline-width: 0;
+  height: 3px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 0;
+  content: "";
+  overflow: hidden;
+  padding: 0
+}
+
+.widget-form-container .widget-grid {
+  background: #f4f6fc;
+  position: relative;
+  border-left: 5px solid transparent;
+  padding: 5px;
+  margin: 0 !important
+}
+
+.widget-form-container .widget-grid.active {
+  border-left: 5px solid #409eff;
+  background: #b3d8ff
+}
+
+.widget-form-container .widget-grid-container.ghost {
+  background: #f56c6c;
+  border: 2px solid #f56c6c;
+  outline-width: 0;
+  height: 3px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 0;
+  content: "";
+  overflow: hidden;
+  padding: 0
+}
+
+.widget-form-container .ghost {
+  background: #f56c6c;
+  border: 2px solid #f56c6c;
+  position: relative
+}
+
+.widget-form-container .ghost:after {
+  background: #f56c6c
+}
+
+.widget-form-container li.ghost {
+  height: 5px;
+  list-style: none;
+  font-size: 0;
+  overflow: hidden
+}
+
+.widget-config-container {
+  position: relative
+}
+
+.widget-config-container .el-header {
+  border-bottom: 2px solid #e4e7ed;
+  padding: 0 5px
+}
+
+.widget-config-container .config-tab {
+  height: 45px;
+  line-height: 45px;
+  display: inline-block;
+  width: 145px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: 500;
+  position: relative;
+  cursor: pointer
+}
+
+.widget-config-container .config-tab.active {
+  border-bottom: 2px solid #409eff
+}
+
+.widget-config-container .config-content {
+  padding: 10px
+}
+
+.widget-config-container .config-content .el-form-item__label {
+  padding: 0;
+  font-weight: 500
+}
+
+.widget-config-container .config-content .el-form-item {
+  border-bottom: 1px solid #e1e1e1;
+  padding-bottom: 10px
+}
+
+.widget-config-container .ghost {
+  background: #fff;
+  border: 1px dashed #409eff
+}
+
+.widget-config-container .ghost:after {
+  background: #fff;
+  display: block;
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0
+}
+
+.widget-config-container ul {
+  margin: 0;
+  padding: 0
+}
+
+.widget-config-container li.ghost {
+  list-style: none;
+  font-size: 0;
+  display: block;
+  position: relative
+}
+
+.viewer-container {
+  z-index: 99999 !important
+}
+
+.form-empty {
+  position: absolute;
+  text-align: center;
+  width: 300px;
+  font-size: 20px;
+  top: 200px;
+  left: 50%;
+  margin-left: -150px;
+  color: #ccc
+}
diff --git a/src/views/process/list/create.vue b/src/views/process/list/create.vue
index 8401c9034b4b4b91e649dcd276994f088bc23380..dfb18e2f8db3ffd65946dd7b99b6c0e82cae934e 100644
--- a/src/views/process/list/create.vue
+++ b/src/views/process/list/create.vue
@@ -36,10 +36,12 @@
               currentNode.hideTpls===null ||
               currentNode.hideTpls.indexOf(tplItem.id)===-1?false:true"
             :remote="remoteFunc"
+            :value="widgetModels[tplIndex]"
             :data="tplItem.form_structure"
             :disabled="currentNode.readonlyTpls===undefined ||
               currentNode.readonlyTpls===null ||
               currentNode.readonlyTpls.indexOf(tplItem.id)===-1?null:true"
+            @on-change="handleDataChange"
           />
         </template>
       </div>
@@ -67,6 +69,7 @@ import {
   GenerateForm
 } from '@/components/VueFormMaking'
 import 'form-making/dist/FormMaking.css'
+
 Vue.component(GenerateForm.name, GenerateForm)
 
 import {
@@ -74,12 +77,14 @@ import {
   createWorkOrder
 } from '@/api/process/work-order'
 import { listUser } from '@/api/system/sysuser'
+
 export default {
   name: 'Create',
   data() {
     return {
       submitDisabled: false,
       active: 0,
+      widgetModels: [],
       processStructureValue: {},
       ruleForm: {
         title: '',
@@ -127,6 +132,9 @@ export default {
       }).then(response => {
         this.processStructureValue = response.data
         this.currentNode = this.processStructureValue.nodes[0]
+        for (let i = 0; i < this.processStructureValue.tpls.length; i++) {
+          this.widgetModels.push({})
+        }
       })
     },
     submitAction(item) {
@@ -189,6 +197,82 @@ export default {
           })
         }
       })
+    },
+    handleDataChange(field, value, data) {
+      // formstructure 可能是由多个模版拼接的 所以是list 处理的时候也需要先套一个list
+      for (const index in this.processStructureValue.tpls) {
+        for (const item in this.processStructureValue.tpls[index].form_structure.list) {
+          if (this.processStructureValue.tpls[index].form_structure.list[item].model === field) {
+            this.widgetModels[index][field] = value
+          }
+        }
+      }
+      for (const index in this.processStructureValue.tpls) {
+        if (this.processStructureValue.tpls[index].form_structure.itemRelation[field] !== undefined) {
+          // eslint-disable-next-line no-new-func
+          const Func = new Function('self', this.processStructureValue.tpls[index].form_structure.diymethod[this.processStructureValue.tpls[index].form_structure.itemRelation[field]])
+          Func(this)
+        }
+      }
+    },
+    displayItem(target) {
+      for (const index in this.processStructureValue.tpls) {
+        for (const k in this.processStructureValue.tpls[index].form_structure.list) {
+          if (target.indexOf(this.processStructureValue.tpls[index].form_structure.list[k].model) !== -1) {
+            this.processStructureValue.tpls[index].form_structure.list[k].options.hidden = false
+          }
+        }
+      }
+    },
+    disableItem(target) {
+      for (const index in this.processStructureValue.tpls) {
+        for (const k in this.processStructureValue.tpls[index].form_structure.list) {
+          if (target.indexOf(this.processStructureValue.tpls[index].form_structure.list[k].model) !== -1) {
+            this.processStructureValue.tpls[index].form_structure.list[k].options.hidden = true
+          }
+        }
+      }
+    },
+    setItemValue(valuemap) {
+      for (const index in this.processStructureValue.tpls) {
+        for (const k in this.processStructureValue.tpls[index].form_structure.list) {
+          if (valuemap[this.processStructureValue.tpls[index].form_structure.list[k].model] !== undefined) {
+            this.widgetModels[index][this.processStructureValue.tpls[index].form_structure.list[k].model] = valuemap[this.processStructureValue.tpls[index].form_structure.list[k].model]
+          }
+        }
+      }
+    },
+    getItemValue(target) {
+      for (const i in this.widgetModels) {
+        for (const k in this.widgetModels[i]) {
+          if (k === target) {
+            return this.widgetModels[i][k]
+          }
+        }
+      }
+    },
+    setItemOptions(target, value) {
+      for (const index in this.processStructureValue.tpls) {
+        for (const k in this.processStructureValue.tpls[index].form_structure.list) {
+          if (this.processStructureValue.tpls[index].form_structure.list[k].model === target) {
+            this.processStructureValue.tpls[index].form_structure.list[k].options.options = value
+          }
+        }
+      }
+    },
+    disableWithWhite(target, white) {
+      for (const index in this.processStructureValue.tpls) {
+        for (const k in this.processStructureValue.tpls[index].form_structure.list) {
+          if (target.indexOf(this.processStructureValue.tpls[index].form_structure.list[k].model) === -1) {
+            continue
+          }
+          if (white.indexOf(this.processStructureValue.tpls[index].form_structure.list[k].model) !== -1) {
+            this.processStructureValue.tpls[index].form_structure.list[k].options.hidden = false
+          } else {
+            this.processStructureValue.tpls[index].form_structure.list[k].options.hidden = true
+          }
+        }
+      }
     }
   }
 }