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

This commit is contained in:
RuoYi
2025-12-02 13:07:15 +08:00
parent b8019c9f8e
commit 199c9951f5
2 changed files with 7 additions and 33 deletions

View File

@@ -1,29 +0,0 @@
export default [
{
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: '手机号格式错误'
}]
}
]

View File

@@ -102,7 +102,7 @@ import beautifier from 'js-beautify'
import logo from '@/assets/logo/logo.png' import logo from '@/assets/logo/logo.png'
import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config' import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config'
import { beautifierConf } from '@/utils/index' 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 { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
import { makeUpJs } from '@/utils/generator/js' import { makeUpJs } from '@/utils/generator/js'
import { makeUpCss } from '@/utils/generator/css' import { makeUpCss } from '@/utils/generator/css'
@@ -113,14 +113,16 @@ import RightPanel from './RightPanel'
import CodeTypeDialog from './CodeTypeDialog' import CodeTypeDialog from './CodeTypeDialog'
import { onMounted, watch } from 'vue' import { onMounted, watch } from 'vue'
const drawingList = ref(drawingDefalut) initDrawingDefaultValue()
const drawingList = ref(drawingDefaultValue)
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const dialogVisible = ref(false) const dialogVisible = ref(false)
const showFileName = ref(false) const showFileName = ref(false)
const operationType = ref('') const operationType = ref('')
const idGlobal = ref(100) const idGlobal = ref(100)
const activeData = ref(drawingDefalut[0]) const activeData = ref(drawingDefaultValue[0])
const activeId = ref(drawingDefalut[0].formId) const activeId = ref(drawingDefaultValue[0].formId)
const generateConf = ref(null) const generateConf = ref(null)
const formData = ref({}) const formData = ref({})
const formConf = ref(formConfData) const formConf = ref(formConfData)
@@ -145,6 +147,7 @@ function empty() {
proxy.$modal.confirm('确定要清空所有组件吗?', '提示', { type: 'warning' }).then(() => { proxy.$modal.confirm('确定要清空所有组件吗?', '提示', { type: 'warning' }).then(() => {
idGlobal.value = 100 idGlobal.value = 100
drawingList.value = [] drawingList.value = []
cleanDrawingDefaultValue()
} }
) )
} }