组件注释添加

src/views/api/apiInfo/index.vue

@@ -9,10 +9,10 @@ import { provide, ref } from "vue";
 import { useApiInfo } from "./hook";
 import { http } from "@/utils/http";
 import {
-  useRenderIcon,
-  hasAuth,
-  PureTableBar,
-  omegaFormChange
+  useRenderIcon, // 图标渲染函数
+  hasAuth, // 权限管理函数
+  PureTableBar, // 表格表头组件
+  omegaFormChange // 添加公共弹窗组件
 } from "@/utils/importUsed";
 import Search from "@iconify-icons/ep/search";
 import Addicon from "@iconify-icons/ep/document-add";
@@ -38,8 +38,14 @@ const {
   handleDelete,
   formData
 } = useApiInfo();
-const { addFormData, addFormsubmit, handleAdd, addVisible, addOpenFunction } =
-  add();
+const {
+  addFormData,
+  addFormsubmit,
+  handleAdd,
+  addVisible,
+  addOpenFunction,
+  closeFn
+} = add();
 const {
   setRouterFormData,
   setRouterVisible,
@@ -133,7 +139,7 @@ const {
                     ) 设置请求地址
     //- formData:表单数据 ｜ visible:是否显示当前组件 ｜ formsubmit:提交函数回调 ｜ closeFn:关闭函数 ｜ openFunction:弹出组件方法
     //-新增
-    omega-form-change(:formData="addFormData" :visible="addVisible" :formsubmit="addFormsubmit" :closeFn="()=>(addVisible = false)" :openFunction="addOpenFunction")
+    omega-form-change(:formData="addFormData" :visible="addVisible" :formsubmit="addFormsubmit" :closeFn="closeFn" :openFunction="addOpenFunction")
     //-routerEdit
     omega-form-change(:formData="setRouterFormData" :visible="setRouterVisible" :formsubmit="setRouterFormsubmit" :closeFn="()=>(setRouterVisible = false)" :openFunction="setRouterOpenFunction")
     //-versioEdit

src/views/api/apiInfo/option/add.ts

@@ -1,38 +1,44 @@
 import {
   ref,
   verification,
-  requestSearch,
-  requestAdd,
-  requestDelete,
-  requestEdit
+  requestSearch, //请求搜索（参数添加 pagesize、pagenum）
+  requestAdd, // 请求新增
+  requestDelete, // 请求删除（参数为ID跟在URL后）
+  requestEdit // 请求修改
 } from "@/utils/importUsed";
 
 import { useApiInfo } from "../hook";
 const { onSearch } = useApiInfo();
 export default function add() {
-  // 新增
+  // 新增组件
   const addVisible = ref(false);
   function handleAdd() {
     addVisible.value = true;
   }
   const closeFn = () => (addVisible.value = false);
 
-  // 提交函数
+  // 提交函数（返回数据为需提交数据对象）
   const addFormsubmit = async data => {
+    // 提交请求
     requestAdd(
       {
+        // 请求模块名
         module: "kxsConfigServer",
+        // 请求方法名
         method: "apiInfoadd",
+        // 请求数据
         params: data
       },
       () => {
+        // 关闭弹窗
         closeFn();
+        // 做表格搜索
         onSearch();
       }
     );
   };
 
-  //获取分组数据
+  //获取分组数据（并赋值到表单数据）
   const addOpenFunction = async () => {
     const { status, data }: any = await requestSearch({
       module: "kxsConfigServer",
@@ -40,15 +46,20 @@ export default function add() {
       params: {}
     });
     if (status === 1) {
+      // 对表单 option（select 组件数据） 做赋值操作
       addFormData.value.groupId.options = data.records.map(item => {
         return { value: item.id, label: item.groupName };
       });
+      //对标单项赋值
+      addFormData.value.groupId.value = "1";
     }
   };
 
+  // 表单格式数据
   const addFormData = ref({
     groupId: {
       label: "分组",
+      value: "",
       type: "select",
       // 是否多选
       disposition: { multiple: true },
@@ -63,9 +74,17 @@ export default function add() {
         // 自定义校验
         {
           validator: (rule: any, value: any, callback: any) => {
+            // 自定义校验（姓名）
             verification.verificationName(value, callback);
           },
           trigger: "blur"
+        },
+        {
+          validator: (rule: any, value: any, callback: any) => {
+            // 自定义校验（银行卡号）
+            verification.verificationBankCard(value, callback);
+          },
+          trigger: "blur"
         }
       ],
       type: "input",
@@ -104,5 +123,12 @@ export default function add() {
       disposition: {}
     }
   });
-  return { addFormData, addFormsubmit, addVisible, handleAdd, addOpenFunction };
+  return {
+    addFormData,
+    addFormsubmit,
+    addVisible,
+    handleAdd,
+    addOpenFunction,
+    closeFn
+  };
 }