update 调整代码格式

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 @@ onMounted(() => {
     </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>