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

insistence · insistence · commit a4e4c20c5ef4 · 2025-12-19T08:42:46.000+08:00
diff --git a/ruoyi-fastapi-frontend/src/utils/generator/drawingDefalut.js b/ruoyi-fastapi-frontend/src/utils/generator/drawingDefalut.js
diff --git a/ruoyi-fastapi-frontend/src/utils/generator/drawingDefault.js b/ruoyi-fastapi-frontend/src/utils/generator/drawingDefault.js
@@ -0,0 +1,37 @@
+export const drawingDefaultValue = []
+
+export function initDrawingDefaultValue() {
+  if (drawingDefaultValue.length === 0) {
+    drawingDefaultValue.push({
+      layout: 'colFormItem',
+      tagIcon: 'input',
+      label: '手机号',
+      vModel: 'mobile',
+      formId: 6,
+      tag: 'el-input',
+      placeholder: '请输入手机号',
+      defaultValue: '',
+      span: 24,
+      style: {width: '100%'},
+      clearable: true,
+      prepend: '',
+      append: '',
+      'prefix-icon': 'Cellphone',
+      'suffix-icon': '',
+      maxlength: 11,
+      'show-word-limit': true,
+      readonly: false,
+      disabled: false,
+      required: true,
+      changeTag: true,
+      regList: [{
+        pattern: '/^1(3|4|5|7|8|9)\\d{9}$/',
+        message: '手机号格式错误'
+      }]
+    })
+  }
+}
+
+export function cleanDrawingDefaultValue() {
+  drawingDefaultValue.splice(0, drawingDefaultValue.length)
+}
diff --git a/ruoyi-fastapi-frontend/src/views/tool/build/index.vue b/ruoyi-fastapi-frontend/src/views/tool/build/index.vue
@@ -102,7 +102,7 @@ import beautifier from 'js-beautify'
 import logo from '@/assets/logo/logo.png'
 import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config'
 import { beautifierConf } from '@/utils/index'
-import drawingDefalut from '@/utils/generator/drawingDefalut'
+import { drawingDefaultValue, initDrawingDefaultValue, cleanDrawingDefaultValue } from '@/utils/generator/drawingDefault'
 import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
 import { makeUpJs } from '@/utils/generator/js'
 import { makeUpCss } from '@/utils/generator/css'
@@ -113,14 +113,16 @@ import RightPanel from './RightPanel'
 import CodeTypeDialog from './CodeTypeDialog'
 import { onMounted, watch } from 'vue'
 
-const drawingList = ref(drawingDefalut)
+initDrawingDefaultValue()
+
+const drawingList = ref(drawingDefaultValue)
 const { proxy } = getCurrentInstance()
 const dialogVisible = ref(false)
 const showFileName = ref(false)
 const operationType = ref('')
 const idGlobal = ref(100)
-const activeData = ref(drawingDefalut[0])
-const activeId = ref(drawingDefalut[0].formId)
+const activeData = ref(drawingDefaultValue[0])
+const activeId = ref(drawingDefaultValue[0].formId)
 const generateConf = ref(null)
 const formData = ref({})
 const formConf = ref(formConfData)
@@ -145,6 +147,7 @@ function empty() {
   proxy.$modal.confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(() => {
       idGlobal.value = 100
       drawingList.value = []
+      cleanDrawingDefaultValue()
     }
   )
 }
