5.0

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

@@ -0,0 +1,61 @@
+<script setup lang="ts">
+import {
+  actionButtons,
+  dlgShow,
+  editFormColumns,
+  editFormData,
+  editFormRules,
+  handleDlgOpen,
+  handlePaginationChange,
+  handleSave,
+  handleSearch,
+  pageInfo,
+  searchFormColumns,
+  searchFormData,
+  tableColumns,
+  tableData,
+  total
+} from "./index";
+</script>
+<template>
+  <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"
+      :action-bar="{ buttons: actionButtons, width: 120 }"
+      :pagination="{
+        total,
+        modelValue: pageInfo,
+        pageSizeList: [10, 20, 50, 100],
+        align: 'right'
+      }"
+      @paginationChange="handlePaginationChange"
+    >
+      <template #title>
+        <el-button type="primary" @click="handleDlgOpen">新增接口</el-button>
+      </template>
+    </PlusTable>
+    <PlusDialogForm
+      v-model:visible="dlgShow"
+      v-model="editFormData"
+      label-width="200px"
+      :form="{
+        columns: editFormColumns,
+        rules: editFormRules,
+        labelWidth: '100px',
+        labelPosition: 'right'
+      }"
+      @confirm="handleSave"
+    />
+  </el-card>
+</template>