From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue | 479 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 479 insertions(+), 0 deletions(-)
diff --git a/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue b/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue
new file mode 100644
index 0000000..2359aff
--- /dev/null
+++ b/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue
@@ -0,0 +1,479 @@
+<template>
+ <div class="panel-tab__content">
+ <el-form label-width="80px">
+ <el-form-item label="娴佺▼琛ㄥ崟">
+ <!-- <el-input v-model="formKey" clearable @change="updateElementFormKey" />-->
+ <el-select v-model="formKey" clearable @change="updateElementFormKey">
+ <el-option v-for="form in formList" :key="form.id" :label="form.name" :value="form.id" />
+ </el-select>
+ </el-form-item>
+ <!-- <el-form-item label="涓氬姟鏍囪瘑">-->
+ <!-- <el-select v-model="businessKey" @change="updateElementBusinessKey">-->
+ <!-- <el-option v-for="i in fieldList" :key="i.id" :value="i.id" :label="i.label" />-->
+ <!-- <el-option label="鏃�" value="" />-->
+ <!-- </el-select>-->
+ <!-- </el-form-item>-->
+ </el-form>
+
+ <!--瀛楁鍒楄〃-->
+ <!-- <div class="element-property list-property">-->
+ <!-- <el-divider><Icon icon="ep:coin" /> 琛ㄥ崟瀛楁</el-divider>-->
+ <!-- <el-table :data="fieldList" max-height="240" fit border>-->
+ <!-- <el-table-column label="搴忓彿" type="index" width="50px" />-->
+ <!-- <el-table-column label="瀛楁鍚嶇О" prop="label" min-width="80px" show-overflow-tooltip />-->
+ <!-- <el-table-column-->
+ <!-- label="瀛楁绫诲瀷"-->
+ <!-- prop="type"-->
+ <!-- min-width="80px"-->
+ <!-- :formatter="(row) => fieldType[row.type] || row.type"-->
+ <!-- show-overflow-tooltip-->
+ <!-- />-->
+ <!-- <el-table-column-->
+ <!-- label="榛樿鍊�"-->
+ <!-- prop="defaultValue"-->
+ <!-- min-width="80px"-->
+ <!-- show-overflow-tooltip-->
+ <!-- />-->
+ <!-- <el-table-column label="鎿嶄綔" width="90px">-->
+ <!-- <template #default="scope">-->
+ <!-- <el-button type="primary" link @click="openFieldForm(scope, scope.$index)"-->
+ <!-- >缂栬緫</el-button-->
+ <!-- >-->
+ <!-- <el-divider direction="vertical" />-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- style="color: #ff4d4f"-->
+ <!-- @click="removeField(scope, scope.$index)"-->
+ <!-- >绉婚櫎</el-button-->
+ <!-- >-->
+ <!-- </template>-->
+ <!-- </el-table-column>-->
+ <!-- </el-table>-->
+ <!-- </div>-->
+ <!-- <div class="element-drawer__button">-->
+ <!-- <XButton type="primary" proIcon="ep:plus" title="娣诲姞瀛楁" @click="openFieldForm(null, -1)" />-->
+ <!-- </div>-->
+
+ <!--瀛楁閰嶇疆渚ц竟鏍�-->
+ <!-- <el-drawer-->
+ <!-- v-model="fieldModelVisible"-->
+ <!-- title="瀛楁閰嶇疆"-->
+ <!-- :size="`${width}px`"-->
+ <!-- append-to-body-->
+ <!-- destroy-on-close-->
+ <!-- >-->
+ <!-- <el-form :model="formFieldForm" label-width="90px">-->
+ <!-- <el-form-item label="瀛楁ID">-->
+ <!-- <el-input v-model="formFieldForm.id" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="绫诲瀷">-->
+ <!-- <el-select-->
+ <!-- v-model="formFieldForm.typeType"-->
+ <!-- placeholder="璇烽�夋嫨瀛楁绫诲瀷"-->
+ <!-- clearable-->
+ <!-- @change="changeFieldTypeType"-->
+ <!-- >-->
+ <!-- <el-option v-for="(value, key) of fieldType" :label="value" :value="key" :key="key" />-->
+ <!-- </el-select>-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="绫诲瀷鍚嶇О" v-if="formFieldForm.typeType === 'custom'">-->
+ <!-- <el-input v-model="formFieldForm.type" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="鍚嶇О">-->
+ <!-- <el-input v-model="formFieldForm.label" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="鏃堕棿鏍煎紡" v-if="formFieldForm.typeType === 'date'">-->
+ <!-- <el-input v-model="formFieldForm.datePattern" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="榛樿鍊�">-->
+ <!-- <el-input v-model="formFieldForm.defaultValue" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- </el-form>-->
+
+ <!-- <!– 鏋氫妇鍊艰缃� –>-->
+ <!-- <template v-if="formFieldForm.type === 'enum'">-->
+ <!-- <el-divider key="enum-divider" />-->
+ <!-- <p class="listener-filed__title" key="enum-title">-->
+ <!-- <span><Icon icon="ep:menu" />鏋氫妇鍊煎垪琛細</span>-->
+ <!-- <el-button type="primary" @click="openFieldOptionForm(null, -1, 'enum')"-->
+ <!-- >娣诲姞鏋氫妇鍊�</el-button-->
+ <!-- >-->
+ <!-- </p>-->
+ <!-- <el-table :data="fieldEnumList" key="enum-table" max-height="240" fit border>-->
+ <!-- <el-table-column label="搴忓彿" width="50px" type="index" />-->
+ <!-- <el-table-column label="鏋氫妇鍊肩紪鍙�" prop="id" min-width="100px" show-overflow-tooltip />-->
+ <!-- <el-table-column label="鏋氫妇鍊煎悕绉�" prop="name" min-width="100px" show-overflow-tooltip />-->
+ <!-- <el-table-column label="鎿嶄綔" width="90px">-->
+ <!-- <template #default="scope">-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- @click="openFieldOptionForm(scope, scope.$index, 'enum')"-->
+ <!-- >缂栬緫</el-button-->
+ <!-- >-->
+ <!-- <el-divider direction="vertical" />-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- style="color: #ff4d4f"-->
+ <!-- @click="removeFieldOptionItem(scope, scope.$index, 'enum')"-->
+ <!-- >绉婚櫎</el-button-->
+ <!-- >-->
+ <!-- </template>-->
+ <!-- </el-table-column>-->
+ <!-- </el-table>-->
+ <!-- </template>-->
+
+ <!-- <!– 鏍￠獙瑙勫垯 –>-->
+ <!-- <el-divider key="validation-divider" />-->
+ <!-- <p class="listener-filed__title" key="validation-title">-->
+ <!-- <span><Icon icon="ep:menu" />绾︽潫鏉′欢鍒楄〃锛�</span>-->
+ <!-- <el-button type="primary" @click="openFieldOptionForm(null, -1, 'constraint')"-->
+ <!-- >娣诲姞绾︽潫</el-button-->
+ <!-- >-->
+ <!-- </p>-->
+ <!-- <el-table :data="fieldConstraintsList" key="validation-table" max-height="240" fit border>-->
+ <!-- <el-table-column label="搴忓彿" width="50px" type="index" />-->
+ <!-- <el-table-column label="绾︽潫鍚嶇О" prop="name" min-width="100px" show-overflow-tooltip />-->
+ <!-- <el-table-column label="绾︽潫閰嶇疆" prop="config" min-width="100px" show-overflow-tooltip />-->
+ <!-- <el-table-column label="鎿嶄綔" width="90px">-->
+ <!-- <template #default="scope">-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- @click="openFieldOptionForm(scope, scope.$index, 'constraint')"-->
+ <!-- >缂栬緫</el-button-->
+ <!-- >-->
+ <!-- <el-divider direction="vertical" />-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- style="color: #ff4d4f"-->
+ <!-- @click="removeFieldOptionItem(scope, scope.$index, 'constraint')"-->
+ <!-- >绉婚櫎</el-button-->
+ <!-- >-->
+ <!-- </template>-->
+ <!-- </el-table-column>-->
+ <!-- </el-table>-->
+
+ <!-- <!– 琛ㄥ崟灞炴�� –>-->
+ <!-- <el-divider key="property-divider" />-->
+ <!-- <p class="listener-filed__title" key="property-title">-->
+ <!-- <span><Icon icon="ep:menu" />瀛楁灞炴�у垪琛細</span>-->
+ <!-- <el-button type="primary" @click="openFieldOptionForm(null, -1, 'property')"-->
+ <!-- >娣诲姞灞炴��</el-button-->
+ <!-- >-->
+ <!-- </p>-->
+ <!-- <el-table :data="fieldPropertiesList" key="property-table" max-height="240" fit border>-->
+ <!-- <el-table-column label="搴忓彿" width="50px" type="index" />-->
+ <!-- <el-table-column label="灞炴�х紪鍙�" prop="id" min-width="100px" show-overflow-tooltip />-->
+ <!-- <el-table-column label="灞炴�у��" prop="value" min-width="100px" show-overflow-tooltip />-->
+ <!-- <el-table-column label="鎿嶄綔" width="90px">-->
+ <!-- <template #default="scope">-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- @click="openFieldOptionForm(scope, scope.$index, 'property')"-->
+ <!-- >缂栬緫</el-button-->
+ <!-- >-->
+ <!-- <el-divider direction="vertical" />-->
+ <!-- <el-button-->
+ <!-- type="primary"-->
+ <!-- link-->
+ <!-- style="color: #ff4d4f"-->
+ <!-- @click="removeFieldOptionItem(scope, scope.$index, 'property')"-->
+ <!-- >绉婚櫎</el-button-->
+ <!-- >-->
+ <!-- </template>-->
+ <!-- </el-table-column>-->
+ <!-- </el-table>-->
+
+ <!-- <!– 搴曢儴鎸夐挳 –>-->
+ <!-- <div class="element-drawer__button">-->
+ <!-- <el-button>鍙� 娑�</el-button>-->
+ <!-- <el-button type="primary" @click="saveField">淇� 瀛�</el-button>-->
+ <!-- </div>-->
+ <!-- </el-drawer>-->
+
+ <!-- <el-dialog-->
+ <!-- v-model="fieldOptionModelVisible"-->
+ <!-- :title="optionModelTitle"-->
+ <!-- width="600px"-->
+ <!-- append-to-body-->
+ <!-- destroy-on-close-->
+ <!-- >-->
+ <!-- <el-form :model="fieldOptionForm" label-width="96px">-->
+ <!-- <el-form-item label="缂栧彿/ID" v-if="fieldOptionType !== 'constraint'" key="option-id">-->
+ <!-- <el-input v-model="fieldOptionForm.id" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="鍚嶇О" v-if="fieldOptionType !== 'property'" key="option-name">-->
+ <!-- <el-input v-model="fieldOptionForm.name" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="閰嶇疆" v-if="fieldOptionType === 'constraint'" key="option-config">-->
+ <!-- <el-input v-model="fieldOptionForm.config" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- <el-form-item label="鍊�" v-if="fieldOptionType === 'property'" key="option-value">-->
+ <!-- <el-input v-model="fieldOptionForm.value" clearable />-->
+ <!-- </el-form-item>-->
+ <!-- </el-form>-->
+ <!-- <template #footer>-->
+ <!-- <el-button @click="fieldOptionModelVisible = false">鍙� 娑�</el-button>-->
+ <!-- <el-button type="primary" @click="saveFieldOption">纭� 瀹�</el-button>-->
+ <!-- </template>-->
+ <!-- </el-dialog>-->
+ </div>
+</template>
+
+<script lang="ts" setup>
+import * as FormApi from '@/api/bpm/form'
+
+defineOptions({ name: 'ElementForm' })
+
+const props = defineProps({
+ id: String,
+ type: String
+})
+const prefix = inject('prefix')
+const width = inject('width')
+
+const formKey = ref(undefined)
+const businessKey = ref('')
+const optionModelTitle = ref('')
+const fieldList = ref<any[]>([])
+const formFieldForm = ref<any>({})
+const fieldType = ref({
+ long: '闀挎暣鍨�',
+ string: '瀛楃涓�',
+ boolean: '甯冨皵绫�',
+ date: '鏃ユ湡绫�',
+ enum: '鏋氫妇绫�',
+ custom: '鑷畾涔夌被鍨�'
+})
+const formFieldIndex = ref(-1) // 缂栬緫涓殑瀛楁锛� -1 涓烘柊澧�
+const formFieldOptionIndex = ref(-1) // 缂栬緫涓殑瀛楁閰嶇疆椤癸紝 -1 涓烘柊澧�
+const fieldModelVisible = ref(false)
+const fieldOptionModelVisible = ref(false)
+const fieldOptionForm = ref<any>({}) // 褰撳墠婵�娲荤殑瀛楁閰嶇疆椤规暟鎹�
+const fieldOptionType = ref('') // 褰撳墠婵�娲荤殑瀛楁閰嶇疆椤瑰脊绐� 绫诲瀷
+const fieldEnumList = ref<any[]>([]) // 鏋氫妇鍊煎垪琛�
+const fieldConstraintsList = ref<any[]>([]) // 绾︽潫鏉′欢鍒楄〃
+const fieldPropertiesList = ref<any[]>([]) // 缁戝畾灞炴�у垪琛�
+const bpmnELement = ref()
+const elExtensionElements = ref()
+const formData = ref()
+const otherExtensions = ref()
+
+const bpmnInstances = () => (window as any)?.bpmnInstances
+const resetFormList = () => {
+ bpmnELement.value = bpmnInstances().bpmnElement
+ formKey.value = bpmnELement.value.businessObject.formKey
+ // if (formKey.value?.length > 0) {
+ // formKey.value = parseInt(formKey.value)
+ // }
+ // 鑾峰彇鍏冪礌鎵╁睍灞炴�� 鎴栬�� 鍒涘缓鎵╁睍灞炴��
+ elExtensionElements.value =
+ bpmnELement.value.businessObject.get('extensionElements') ||
+ bpmnInstances().moddle.create('bpmn:ExtensionElements', { values: [] })
+ // 鑾峰彇鍏冪礌琛ㄥ崟閰嶇疆 鎴栬�� 鍒涘缓鏂扮殑琛ㄥ崟閰嶇疆
+ formData.value =
+ elExtensionElements.value.values.filter((ex) => ex.$type === `${prefix}:FormData`)?.[0] ||
+ bpmnInstances().moddle.create(`${prefix}:FormData`, { fields: [] })
+
+ // 涓氬姟鏍囪瘑 businessKey锛� 缁戝畾鍦� formData 涓�
+ businessKey.value = formData.value.businessKey
+
+ // 淇濈暀鍓╀綑鎵╁睍鍏冪礌锛屼究浜庡悗闈㈡洿鏂拌鍏冪礌瀵瑰簲灞炴��
+ otherExtensions.value = elExtensionElements.value.values.filter(
+ (ex) => ex.$type !== `${prefix}:FormData`
+ )
+
+ // 澶嶅埗鍘熷鍊硷紝濉厖琛ㄦ牸
+ fieldList.value = JSON.parse(JSON.stringify(formData.value.fields || []))
+
+ // 鏇存柊鍏冪礌鎵╁睍灞炴�э紝閬垮厤鍚庣画鎶ラ敊
+ updateElementExtensions()
+}
+const updateElementFormKey = () => {
+ bpmnInstances().modeling.updateProperties(toRaw(bpmnELement.value), {
+ formKey: formKey.value
+ })
+}
+const updateElementBusinessKey = () => {
+ bpmnInstances().modeling.updateModdleProperties(toRaw(bpmnELement.value), formData.value, {
+ businessKey: businessKey.value
+ })
+}
+// 鏍规嵁绫诲瀷璋冩暣瀛楁type
+const changeFieldTypeType = (type) => {
+ // this.$set(this.formFieldForm, "type", type === "custom" ? "" : type);
+ formFieldForm.value['type'] = type === 'custom' ? '' : type
+}
+
+// 鎵撳紑瀛楁璇︽儏渚ц竟鏍�
+const openFieldForm = (field, index) => {
+ formFieldIndex.value = index
+ if (index !== -1) {
+ const FieldObject = formData.value.fields[index]
+ formFieldForm.value = JSON.parse(JSON.stringify(field))
+ // 璁剧疆鑷畾涔夌被鍨�
+ // this.$set(this.formFieldForm, "typeType", !this.fieldType[field.type] ? "custom" : field.type);
+ formFieldForm.value['typeType'] = !fieldType.value[field.type] ? 'custom' : field.type
+ // 鍒濆鍖栨灇涓惧�煎垪琛�
+ field.type === 'enum' &&
+ (fieldEnumList.value = JSON.parse(JSON.stringify(FieldObject?.values || [])))
+ // 鍒濆鍖栫害鏉熸潯浠跺垪琛�
+ fieldConstraintsList.value = JSON.parse(
+ JSON.stringify(FieldObject?.validation?.constraints || [])
+ )
+ // 鍒濆鍖栬嚜瀹氫箟灞炴�у垪琛�
+ fieldPropertiesList.value = JSON.parse(JSON.stringify(FieldObject?.properties?.values || []))
+ } else {
+ formFieldForm.value = {}
+ // 鍒濆鍖栨灇涓惧�煎垪琛�
+ fieldEnumList.value = []
+ // 鍒濆鍖栫害鏉熸潯浠跺垪琛�
+ fieldConstraintsList.value = []
+ // 鍒濆鍖栬嚜瀹氫箟灞炴�у垪琛�
+ fieldPropertiesList.value = []
+ }
+ fieldModelVisible.value = true
+}
+// 鎵撳紑瀛楁 鏌愪釜 閰嶇疆椤� 寮圭獥
+const openFieldOptionForm = (option, index, type) => {
+ fieldOptionModelVisible.value = true
+ fieldOptionType.value = type
+ formFieldOptionIndex.value = index
+ if (type === 'property') {
+ fieldOptionForm.value = option ? JSON.parse(JSON.stringify(option)) : {}
+ return (optionModelTitle.value = '灞炴�ч厤缃�')
+ }
+ if (type === 'enum') {
+ fieldOptionForm.value = option ? JSON.parse(JSON.stringify(option)) : {}
+ return (optionModelTitle.value = '鏋氫妇鍊奸厤缃�')
+ }
+ fieldOptionForm.value = option ? JSON.parse(JSON.stringify(option)) : {}
+ return (optionModelTitle.value = '绾︽潫鏉′欢閰嶇疆')
+}
+
+// 淇濆瓨瀛楁 鏌愪釜 閰嶇疆椤�
+const saveFieldOption = () => {
+ if (formFieldOptionIndex.value === -1) {
+ if (fieldOptionType.value === 'property') {
+ fieldPropertiesList.value.push(fieldOptionForm.value)
+ }
+ if (fieldOptionType.value === 'constraint') {
+ fieldConstraintsList.value.push(fieldOptionForm.value)
+ }
+ if (fieldOptionType.value === 'enum') {
+ fieldEnumList.value.push(fieldOptionForm.value)
+ }
+ } else {
+ fieldOptionType.value === 'property' &&
+ fieldPropertiesList.value.splice(formFieldOptionIndex.value, 1, fieldOptionForm.value)
+ fieldOptionType.value === 'constraint' &&
+ fieldConstraintsList.value.splice(formFieldOptionIndex.value, 1, fieldOptionForm.value)
+ fieldOptionType.value === 'enum' &&
+ fieldEnumList.value.splice(formFieldOptionIndex.value, 1, fieldOptionForm.value)
+ }
+ fieldOptionModelVisible.value = false
+ fieldOptionForm.value = {}
+}
+// 淇濆瓨瀛楁閰嶇疆
+const saveField = () => {
+ const { id, type, label, defaultValue, datePattern } = formFieldForm.value
+ const Field = bpmnInstances().moddle.create(`${prefix}:FormField`, { id, type, label })
+ defaultValue && (Field.defaultValue = defaultValue)
+ datePattern && (Field.datePattern = datePattern)
+ // 鏋勫缓灞炴��
+ if (fieldPropertiesList.value && fieldPropertiesList.value.length) {
+ const fieldPropertyList = fieldPropertiesList.value.map((fp) => {
+ return bpmnInstances().moddle.create(`${prefix}:Property`, {
+ id: fp.id,
+ value: fp.value
+ })
+ })
+ Field.properties = bpmnInstances().moddle.create(`${prefix}:Properties`, {
+ values: fieldPropertyList
+ })
+ }
+ // 鏋勫缓鏍￠獙瑙勫垯
+ if (fieldConstraintsList.value && fieldConstraintsList.value.length) {
+ const fieldConstraintList = fieldConstraintsList.value.map((fc) => {
+ return bpmnInstances().moddle.create(`${prefix}:Constraint`, {
+ name: fc.name,
+ config: fc.config
+ })
+ })
+ Field.validation = bpmnInstances().moddle.create(`${prefix}:Validation`, {
+ constraints: fieldConstraintList
+ })
+ }
+ // 鏋勫缓鏋氫妇鍊�
+ if (fieldEnumList.value && fieldEnumList.value.length) {
+ Field.values = fieldEnumList.value.map((fe) => {
+ return bpmnInstances().moddle.create(`${prefix}:Value`, { name: fe.name, id: fe.id })
+ })
+ }
+ // 鏇存柊鏁扮粍 涓� 琛ㄥ崟閰嶇疆瀹炰緥
+ if (formFieldIndex.value === -1) {
+ fieldList.value.push(formFieldForm.value)
+ formData.value.fields.push(Field)
+ } else {
+ fieldList.value.splice(formFieldIndex.value, 1, formFieldForm.value)
+ formData.value.fields.splice(formFieldIndex.value, 1, Field)
+ }
+ updateElementExtensions()
+ fieldModelVisible.value = false
+}
+
+// 绉婚櫎鏌愪釜 瀛楁鐨� 閰嶇疆椤�
+const removeFieldOptionItem = (option, index, type) => {
+ // console.log(option, 'option')
+ if (type === 'property') {
+ fieldPropertiesList.value.splice(index, 1)
+ return
+ }
+ if (type === 'enum') {
+ fieldEnumList.value.splice(index, 1)
+ return
+ }
+ fieldConstraintsList.value.splice(index, 1)
+}
+// 绉婚櫎 瀛楁
+const removeField = (field, index) => {
+ console.log(field, 'field')
+ fieldList.value.splice(index, 1)
+ formData.value.fields.splice(index, 1)
+ updateElementExtensions()
+}
+
+const updateElementExtensions = () => {
+ // 鏇存柊鍥炴墿灞曞厓绱�
+ const newElExtensionElements = bpmnInstances().moddle.create(`bpmn:ExtensionElements`, {
+ values: otherExtensions.value.concat(formData.value)
+ })
+ // 鏇存柊鍒板厓绱犱笂
+ bpmnInstances().modeling.updateProperties(toRaw(bpmnELement.value), {
+ extensionElements: newElExtensionElements
+ })
+}
+
+const formList = ref([]) // 娴佺▼琛ㄥ崟鐨勪笅鎷夋鐨勬暟鎹�
+onMounted(async () => {
+ formList.value = await FormApi.getFormSimpleList()
+ formKey.value = parseInt(formKey.value)
+})
+
+watch(
+ () => props.id,
+ (val) => {
+ val &&
+ val.length &&
+ nextTick(() => {
+ resetFormList()
+ })
+ },
+ { immediate: true }
+)
+</script>
--
Gitblit v1.8.0