5.0

sop-admin/sop-admin-frontend/src/views/serve/api/index.ts

@@ -1,13 +1,12 @@
 import { computed, ref } from "vue";
 import {
   type ButtonsCallBackParams,
-  type FieldValues,
   type PageInfo,
   type PlusColumn,
   useTable
 } from "plus-pro-components";
 import { ElMessage } from "element-plus";
-import { StatusEnum } from "@/model/enums";
+import { RegSource, StatusEnum, YesOrNoEnum } from "@/model/enums";
 import { api } from "@/api/serveApi";
 
 const isAdd = ref(false);
@@ -64,11 +63,17 @@ pageInfo.value.pageSize = 10;
 export const tableColumns: PlusColumn[] = [
   {
     label: "应用名称",
-    prop: "application"
+    prop: "application",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
   },
   {
     label: "接口名称",
-    prop: "apiName"
+    prop: "apiName",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
   },
   {
     label: "版本号",
@@ -77,7 +82,17 @@ export const tableColumns: PlusColumn[] = [
   },
   {
     label: "接口描述",
-    prop: "description"
+    prop: "description",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
+  },
+  {
+    label: "备注",
+    prop: "remark",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
   },
   {
     label: "需要授权",
@@ -87,8 +102,7 @@ export const tableColumns: PlusColumn[] = [
     options: [
       {
         label: "否",
-        value: 0,
-        color: "red"
+        value: 0
       },
       {
         label: "是",
@@ -105,8 +119,7 @@ export const tableColumns: PlusColumn[] = [
     options: [
       {
         label: "否",
-        value: 0,
-        color: "red"
+        value: 0
       },
       {
         label: "是",
@@ -115,6 +128,24 @@ export const tableColumns: PlusColumn[] = [
       }
     ]
   },
+  {
+    label: "注册来源",
+    prop: "regSource",
+    width: 100,
+    valueType: "select",
+    options: [
+      {
+        label: "系统",
+        value: 1,
+        color: "blue"
+      },
+      {
+        label: "手动",
+        value: 2,
+        color: "green"
+      }
+    ]
+  },
   {
     label: "状态",
     prop: "status",
@@ -135,7 +166,13 @@ export const tableColumns: PlusColumn[] = [
   },
   {
     label: "添加时间",
-    prop: "addTime"
+    prop: "addTime",
+    width: 160
+  },
+  {
+    label: "修改时间",
+    prop: "updateTime",
+    width: 160
   }
 ];
 // 表格按钮定义
@@ -195,40 +232,48 @@ export const dlgTitle = ref("");
 const editFormDataGen = () => {
   return {
     application: "",
+    apiName: "",
+    apiVersion: "",
     status: 1,
     isPermission: 0,
+    description: "",
+    regSource: 1,
     isNeedToken: 0
   };
 };
-export const editFormData = ref<FieldValues>(editFormDataGen());
+
+export const editFormData = ref<any>(editFormDataGen());
 export const editFormRules = {
   application: [{ required: true, message: "请输入应用名称" }],
   apiName: [{ required: true, message: "请输入接口名称" }],
   apiVersion: [{ required: true, message: "请输入版本号" }],
   description: [{ required: true, message: "请输入接口描述" }]
 };
+export const isCustomRegSource = computed(() => {
+  return editFormData.value.regSource === RegSource.CUSTOM;
+});
 
 // 表单内容
 export const editFormColumns: PlusColumn[] = [
   {
     label: "应用名称",
     prop: "application",
-    valueType: "copy"
+    valueType: "text"
   },
   {
     label: "接口名称",
     prop: "apiName",
-    valueType: "copy"
+    valueType: "text"
   },
   {
     label: "版本号",
     prop: "apiVersion",
-    valueType: "copy"
+    valueType: "text"
   },
   {
     label: "接口描述",
     prop: "description",
-    valueType: "copy"
+    valueType: "text"
   },
   {
     label: "备注",
@@ -247,12 +292,12 @@ export const editFormColumns: PlusColumn[] = [
     options: [
       {
         label: "否",
-        value: 0,
+        value: YesOrNoEnum.NO,
         color: "red"
       },
       {
         label: "是",
-        value: 1,
+        value: YesOrNoEnum.YES,
         color: "green"
       }
     ]
@@ -264,12 +309,12 @@ export const editFormColumns: PlusColumn[] = [
     options: [
       {
         label: "否",
-        value: 0,
+        value: YesOrNoEnum.NO,
         color: "red"
       },
       {
         label: "是",
-        value: 1,
+        value: YesOrNoEnum.YES,
         color: "green"
       }
     ]
@@ -281,12 +326,12 @@ export const editFormColumns: PlusColumn[] = [
     options: [
       {
         label: "禁用",
-        value: 0,
+        value: StatusEnum.DISABLE,
         color: "red"
       },
       {
         label: "启用",
-        value: 1,
+        value: StatusEnum.ENABLE,
         color: "green"
       }
     ]