5.0

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

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import {
+  handleConfirm,
+  dlgApiSelectShow,
+  tableColumns,
+  dlgWidth
+} from "@/components/ApiSelect/index";
+import {
+  handlePaginationChange,
+  handleSearch,
+  pageInfo,
+  searchFormColumns,
+  searchFormData,
+  total,
+  tableData
+} from "@/views/serve/api/index";
+</script>
+
+<template>
+  <PlusDialog
+    v-model="dlgApiSelectShow"
+    header="选择接口"
+    :width="dlgWidth"
+    cancel-text="取消"
+    confirm-text="确定"
+    @confirm="handleConfirm"
+  >
+    <el-card shadow="never">
+      <template #header>
+        <PlusSearch
+          v-model="searchFormData"
+          :columns="searchFormColumns"
+          :show-number="2"
+          label-position="right"
+          :has-reset="false"
+          @search="handleSearch"
+        />
+      </template>
+      <PlusTable
+        :columns="tableColumns"
+        :table-data="tableData"
+        :pagination="{
+          total,
+          modelValue: pageInfo,
+          pageSizeList: [10, 20, 50, 100],
+          align: 'right'
+        }"
+        adaptive
+        @paginationChange="handlePaginationChange"
+      />
+    </el-card>
+  </PlusDialog>
+</template>