From 97187b246b94dd58cb585ebaed7e8644d2f00119 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期一, 03 四月 2023 00:26:04 +0800 Subject: [PATCH] update 调整代码格式 --- src/views/tool/gen/genInfoForm.vue | 146 ++++++++++++++++++++++++------------------------ 1 files changed, 73 insertions(+), 73 deletions(-) diff --git a/src/views/tool/gen/genInfoForm.vue b/src/views/tool/gen/genInfoForm.vue index 70fb36f..d6efd61 100644 --- a/src/views/tool/gen/genInfoForm.vue +++ b/src/views/tool/gen/genInfoForm.vue @@ -1,76 +1,3 @@ -<script setup lang="ts"> -import { listMenu } from '@/api/system/menu'; -import { ComponentInternalInstance, PropType } from 'vue'; - -interface MenuOptionsType { - menuId: number; - menuName: string; - children: MenuOptionsType[] | undefined; -} - -const subColumns = ref<any>([]); -const menuOptions = ref<Array<MenuOptionsType>>([]); -const { proxy } = getCurrentInstance() as ComponentInternalInstance; - -const props = defineProps({ - info: { - type: Object as PropType<any>, - default: null - }, - tables: { - type: Array as PropType<any[]>, - default: null - } -}); - -const infoForm = computed(() => props.info); - -const table = computed(() => props.tables); - -// 琛ㄥ崟鏍¢獙 -const rules = ref({ - tplCategory: [{ required: true, message: "璇烽�夋嫨鐢熸垚妯℃澘", trigger: "blur" }], - packageName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愬寘璺緞", trigger: "blur" }], - moduleName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愭ā鍧楀悕", trigger: "blur" }], - businessName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愪笟鍔″悕", trigger: "blur" }], - functionName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愬姛鑳藉悕", trigger: "blur" }] -}); -const subSelectChange = () => { - infoForm.value.subTableFkName = ""; -} -const tplSelectChange = (value: string) => { - if (value !== "sub") { - infoForm.value.subTableName = ""; - infoForm.value.subTableFkName = ""; - } -} -const setSubTableColumns = (value: string) => { - table.value.forEach(item => { - const name = item.tableName; - if (value === name) { - subColumns.value = item.columns; - return; - } - }) -} -/** 鏌ヨ鑿滃崟涓嬫媺鏍戠粨鏋� */ -const getMenuTreeselect = async () => { - const res = await listMenu(); - const data = proxy?.handleTree<MenuOptionsType>(res.data, "menuId"); - if (data) { - menuOptions.value = data - } -} - -watch(() => props.info.subTableName, val => { - setSubTableColumns(val); -}); - -onMounted(() => { - getMenuTreeselect(); -}) -</script> - <template> <el-form ref="genInfoForm" :model="infoForm" :rules="rules" label-width="150px"> <el-row> @@ -287,3 +214,76 @@ </template> </el-form> </template> + +<script setup lang="ts"> +import { listMenu } from '@/api/system/menu'; +import { ComponentInternalInstance, PropType } from 'vue'; + +interface MenuOptionsType { + menuId: number; + menuName: string; + children: MenuOptionsType[] | undefined; +} + +const subColumns = ref<any>([]); +const menuOptions = ref<Array<MenuOptionsType>>([]); +const { proxy } = getCurrentInstance() as ComponentInternalInstance; + +const props = defineProps({ + info: { + type: Object as PropType<any>, + default: null + }, + tables: { + type: Array as PropType<any[]>, + default: null + } +}); + +const infoForm = computed(() => props.info); + +const table = computed(() => props.tables); + +// 琛ㄥ崟鏍¢獙 +const rules = ref({ + tplCategory: [{ required: true, message: "璇烽�夋嫨鐢熸垚妯℃澘", trigger: "blur" }], + packageName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愬寘璺緞", trigger: "blur" }], + moduleName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愭ā鍧楀悕", trigger: "blur" }], + businessName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愪笟鍔″悕", trigger: "blur" }], + functionName: [{ required: true, message: "璇疯緭鍏ョ敓鎴愬姛鑳藉悕", trigger: "blur" }] +}); +const subSelectChange = () => { + infoForm.value.subTableFkName = ""; +} +const tplSelectChange = (value: string) => { + if (value !== "sub") { + infoForm.value.subTableName = ""; + infoForm.value.subTableFkName = ""; + } +} +const setSubTableColumns = (value: string) => { + table.value.forEach(item => { + const name = item.tableName; + if (value === name) { + subColumns.value = item.columns; + return; + } + }) +} +/** 鏌ヨ鑿滃崟涓嬫媺鏍戠粨鏋� */ +const getMenuTreeselect = async () => { + const res = await listMenu(); + const data = proxy?.handleTree<MenuOptionsType>(res.data, "menuId"); + if (data) { + menuOptions.value = data + } +} + +watch(() => props.info.subTableName, val => { + setSubTableColumns(val); +}); + +onMounted(() => { + getMenuTreeselect(); +}) +</script> -- Gitblit v1.9.3