From f8fe13b6f7d8ad1ae53e7bf6a6cf83f584d52a4d Mon Sep 17 00:00:00 2001 From: fujunling <2984387807@qq.com> Date: 星期二, 06 六月 2023 17:39:24 +0800 Subject: [PATCH] 动态表单组件重构 --- Source/UBCS-WEB/src/components/FormTemplate/CodeApply.vue | 35 +++++++---------------------------- 1 files changed, 7 insertions(+), 28 deletions(-) diff --git a/Source/UBCS-WEB/src/components/FormTemplate/CodeApply.vue b/Source/UBCS-WEB/src/components/FormTemplate/CodeApply.vue index 242fbac..5d02e9d 100644 --- a/Source/UBCS-WEB/src/components/FormTemplate/CodeApply.vue +++ b/Source/UBCS-WEB/src/components/FormTemplate/CodeApply.vue @@ -1,28 +1,16 @@ <template> <FormTempalte ref="FormTempalte" - :visible="visible" :selfColumnType="selfColumnType" :selfColumnConfig="selfColumnConfig" - :columnList="columnList" ></FormTempalte> </template> <script> -import { getCodeRule } from "@/api/formTemplate.js"; -import FormTempalte from "./FormTempalte.vue"; export default { name: "CodeApply", - components: { FormTempalte }, + components: { FormTempalte: () => import('./FormTempalte.vue') }, props: { - visible: { - type: Boolean, - default: false - }, - codeClassifyOid: { - type: String, - default: "", - }, }, data() { return { @@ -59,7 +47,6 @@ }, }, }, - columnList: [], }; }, created() { @@ -70,18 +57,8 @@ getType(item) { return this.selfColumnType[item.sectype]; }, - getCodeRule() { - getCodeRule({ codeClassifyOid: this.codeClassifyOid }).then((res) => { - if (res.data && res.data.code === 200) { - this.defaultValue = res.data.data; - this.columnList = res.data.data.secVOList || []; - console.log(res.data.data.secVOList, 'res.data.data.secVOList'); - this.codeRuleOid = res.data.data.oid; - this.$nextTick(() => { - this.$refs.FormTempalte.init(res.data.data.secVOList) - }) - } - }); + init(columnList) { + this.$refs.FormTempalte.templateRender(columnList); }, handleResize() { let windowWidth = document.body.clientWidth; @@ -113,9 +90,11 @@ return []; } }, + async validate() { + return await this.$refs.FormTempalte.validate(); + }, }, - watch: { - }, + watch: {}, }; </script> -- Gitblit v1.9.3