修复表单构建移除所有控件后切换路由回来空白问题

ruoyi-ui/src/utils/generator/drawingDefault.js

@@ -1,29 +1,37 @@
-export default [
+export const drawingDefaultValue = []
-  {
+
-    layout: 'colFormItem',
+export function initDrawingDefaultValue() {
-    tagIcon: 'input',
+  if (drawingDefaultValue.length === 0) {
-    label: '手机号',
+    drawingDefaultValue.push({
-    vModel: 'mobile',
+      layout: 'colFormItem',
-    formId: 6,
+      tagIcon: 'input',
-    tag: 'el-input',
+      label: '手机号',
-    placeholder: '请输入手机号',
+      vModel: 'mobile',
-    defaultValue: '',
+      formId: 6,
-    span: 24,
+      tag: 'el-input',
-    style: { width: '100%' },
+      placeholder: '请输入手机号',
-    clearable: true,
+      defaultValue: '',
-    prepend: '',
+      span: 24,
-    append: '',
+      style: {width: '100%'},
-    'prefix-icon': 'el-icon-mobile',
+      clearable: true,
-    'suffix-icon': '',
+      prepend: '',
-    maxlength: 11,
+      append: '',
-    'show-word-limit': true,
+      'prefix-icon': 'el-icon-mobile',
-    readonly: false,
+      'suffix-icon': '',
-    disabled: false,
+      maxlength: 11,
-    required: true,
+      'show-word-limit': true,
-    changeTag: true,
+      readonly: false,
-    regList: [{
+      disabled: false,
-      pattern: '/^1(3|4|5|7|8|9)\\d{9}$/',
+      required: true,
-      message: '手机号格式错误'
+      changeTag: true,
-    }]
+      regList: [{
+        pattern: '/^1(3|4|5|7|8|9)\\d{9}$/',
+        message: '手机号格式错误'
+      }]
+    })
   }
-]
+}
+
+export function cleanDrawingDefaultValue() {
+  drawingDefaultValue.splice(0, drawingDefaultValue.length)
+}

ruoyi-ui/src/views/tool/build/index.vue

@@ -146,7 +146,7 @@ import { beautifierConf, titleCase } from '@/utils/index'
 import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
 import { makeUpJs } from '@/utils/generator/js'
 import { makeUpCss } from '@/utils/generator/css'
-import drawingDefault from '@/utils/generator/drawingDefault'
+import { drawingDefaultValue, initDrawingDefaultValue, cleanDrawingDefaultValue } from '@/utils/generator/drawingDefault'
 import logo from '@/assets/logo/logo.png'
 import CodeTypeDialog from './CodeTypeDialog'
 import DraggableItem from './DraggableItem'
@@ -171,17 +171,20 @@ export default {
       selectComponents,
       layoutComponents,
       labelWidth: 100,
-      drawingList: drawingDefault,
+      drawingList: drawingDefaultValue,
       drawingData: {},
-      activeId: drawingDefault[0].formId,
+      activeId: drawingDefaultValue[0].formId,
       drawerVisible: false,
       formData: {},
       dialogVisible: false,
       generateConf: null,
       showFileName: false,
-      activeData: drawingDefault[0]
+      activeData: drawingDefaultValue[0]
     }
   },
+  beforeCreate() {
+    initDrawingDefaultValue()
+  },
   created() {
     // 防止 firefox 下 拖拽 会新打卡一个选项卡
     document.body.ondrop = event => {
@@ -284,6 +287,7 @@ export default {
       this.$confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(
         () => {
           this.drawingList = []
+          cleanDrawingDefaultValue()
         }
       )
     },