可视化表单

package.json

@@ -20,6 +20,7 @@
     "element-ui": "^2.13.0",
     "exceljs": "^4.2.0",
     "file-saver": "^2.0.5",
+    "form-making": "^1.2.10",
     "html2canvas": "^1.0.0-rc.7",
     "jquery": "^3.6.0",
     "jquery-ui": "^1.12.1",

src/main.js

@@ -10,6 +10,13 @@ import App from './App.vue';
 import './assets/mc-inconfont/iconfont.css'
 import fullscreen from 'vue-fullscreen'
 import VueContextMenu from 'vue-contextmenu'
+
+import FormMaking from 'form-making'
+import 'form-making/dist/FormMaking.css'
+import VueEditor from "vue2-editor"
+Vue.use(VueEditor)
+Vue.use(FormMaking)
+
 Vue.use(fullscreen)
 Vue.use(VueCookie);
 Vue.use(VueContextMenu)

src/pages/main/formMaking/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <fm-making-form 
+    ref="makingform" 
+    style="height: 110%" 
+    preview 
+    generate-code 
+    generate-json
+    upload
+    clearable
+  >
+    <template slot="action">
+    </template>
+  </fm-making-form>
+</template>

src/plugins/element-ui.js

@@ -61,7 +61,10 @@ import {
 	Drawer,
 	Badge,
 	TimePicker,
-	Alert
+	Alert,
+	InputNumber,
+	Rate,
+	Progress
 } from 'element-ui';
 Vue.use(TimePicker);
 Vue.use(Badge);
@@ -121,6 +124,9 @@ Vue.use(Tabs)
 Vue.use(TabPane)
 Vue.use(TimeSelect)
 Vue.use(Alert)
+Vue.use(InputNumber)
+Vue.use(Rate)
+Vue.use(Progress)
 Vue.prototype.$confirm = MessageBox.confirm;
 Vue.prototype.$prompt = MessageBox.prompt;
 Vue.prototype.$notify = Notification;

src/router/index.js

@@ -1916,6 +1916,24 @@ const routes = [{
             name: 'collect',
             component: (resolve) => require( /* webpackChunkName: "system" */ ['../pages/main/collect/index'], resolve)
         },
+        {
+            meta: {
+                name: '可视化表单',
+                keepAlive: false
+            },
+            path: '/form',
+            name: 'form',
+            component: (resolve) => require( /* webpackChunkName: "system" */ ['../pages/main/formMaking/index'], resolve)
+        },
+        {
+            meta: {
+                name: '可视化表单',
+                keepAlive: false
+            },
+            path: '/testform',
+            name: 'testform',
+            component: (resolve) => require( /* webpackChunkName: "system" */ ['../pages/main/formMaking/test'], resolve)
+        },
     ]
 },
 {