5.0

sop-admin/sop-admin-frontend/src/components/ApiSelect/index.ts

@@ -0,0 +1,84 @@
+import { ref } from "vue";
+import { type PlusColumn } from "plus-pro-components";
+import { withInstall } from "@pureadmin/utils";
+import apiSelect from "./index.vue";
+import { StatusEnum } from "@/model/enums";
+
+export const dlgApiSelectShow = ref(false);
+export const dlgWidth = ref(1100);
+
+// ========= table =========
+
+// 表格字段定义
+export const tableColumns: PlusColumn[] = [
+  {
+    label: "所属应用",
+    prop: "application",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
+  },
+  {
+    label: "接口名称",
+    prop: "apiName",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
+  },
+  {
+    label: "版本号",
+    prop: "apiVersion",
+    width: 80
+  },
+  {
+    label: "接口描述",
+    prop: "description",
+    tableColumnProps: {
+      showOverflowTooltip: true
+    }
+  },
+  {
+    label: "注册来源",
+    prop: "regSource",
+    width: 100,
+    valueType: "select",
+    options: [
+      {
+        label: "系统",
+        value: 1,
+        color: "blue"
+      },
+      {
+        label: "手动",
+        value: 2,
+        color: "green"
+      }
+    ]
+  },
+  {
+    label: "状态",
+    prop: "status",
+    width: 80,
+    valueType: "select",
+    options: [
+      {
+        label: "启用",
+        value: StatusEnum.ENABLE,
+        color: "green"
+      },
+      {
+        label: "禁用",
+        value: StatusEnum.DISABLE,
+        color: "red"
+      }
+    ]
+  }
+];
+
+export const handleConfirm = () => {
+  console.log(1);
+};
+
+const ApiSelect = withInstall(apiSelect);
+
+export { ApiSelect };