diff --git a/src/api/system/api.js b/src/api/system/api.js
new file mode 100644
index 0000000..fbaf296
--- /dev/null
+++ b/src/api/system/api.js
@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 查询接口基础信息列表
+export function listInfo(query) {
+  return request({
+    url: '/tool/api/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询接口基础信息详细
+export function getInfo(id) {
+  return request({
+    url: '/tool/api/' + id,
+    method: 'get'
+  })
+}
+
+// 新增接口基础信息
+export function addInfo(data) {
+  return request({
+    url: '/tool/api',
+    method: 'post',
+    data: data
+  })
+}
+export function genCode(data) {
+  return request({
+    url: '/tool/api/code',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改接口基础信息
+export function updateInfo(data) {
+  return request({
+    url: '/tool/api',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除接口基础信息
+export function delInfo(id) {
+  return request({
+    url: '/tool/api/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/views/tool/api/apiForm.vue b/src/views/tool/api/apiForm.vue
new file mode 100644
index 0000000..c20a85b
--- /dev/null
+++ b/src/views/tool/api/apiForm.vue
@@ -0,0 +1,416 @@
+<template>
+  <div class="api-form-container">
+    <el-form
+      ref="apiFormRef"
+      :model="apiForm"
+      :rules="formRules"
+      label-width="140px"
+      size="medium"
+    >
+      <!-- 1. 基础信息区 -->
+      <div class="form-section">
+        <div class="section-title">基础信息配置</div>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="请求路径" prop="requestPath">
+              <el-input
+                v-model="apiForm.requestPath"
+                placeholder="例如：/api/user/login"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="接口类型（厂家）" prop="apiVendor">
+              <el-select
+                v-model="apiForm.apiVendor"
+                placeholder="请选择接口所属厂家"
+                clearable
+              >
+                <el-option label="厂家A" value="vendorA"></el-option>
+                <el-option label="厂家B" value="vendorB"></el-option>
+                <el-option label="厂家C" value="vendorC"></el-option>
+                <el-option label="自定义" value="custom"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="接口说明" prop="apiDesc">
+              <!-- 可拖拽调节的文本域 row:  缩小默认行数 resize:支持左右/上下拖拽调节 -->
+              <el-input
+                v-model="apiForm.apiDesc"
+                type="textarea"
+                :rows="2"
+              placeholder="请输入接口的详细说明"
+              clearable
+              resize="both"
+              class="resize-textarea"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="当前接口备注">
+              <el-input
+                v-model="apiForm.apiRemark"
+                type="textarea"
+                :rows="2"
+              placeholder="请输入接口的额外备注信息"
+              clearable
+              resize="both"
+              class="resize-textarea"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+
+      <!-- 2. 入参配置区（按钮与标题同行） -->
+      <div class="form-section">
+        <div class="section-header">
+          <div class="section-title">入参配置</div>
+          <el-button
+            type="primary"
+            size="small"
+            class="operate-btn"
+            @click="addRequestParam"
+          >
+            添加入参
+          </el-button>
+        </div>
+
+        <el-table
+          :data="apiForm.requestParams"
+          border
+          stripe
+          :cell-style="{ 'text-align': 'center' }"
+          :header-cell-style="{ 'text-align': 'center' }"
+          class="auto-fit-table"
+        >
+          <el-table-column label="参数名" prop="paramName">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.paramName"
+                placeholder="请输入参数名"
+                size="small"
+              ></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="是否必选" prop="required" width="100">
+            <template slot-scope="scope">
+              <el-switch
+                v-model="scope.row.required"
+                active-text="是"
+                inactive-text="否"
+                size="small"
+              ></el-switch>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="参数类型" prop="paramType">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.paramType"
+                placeholder="请选择"
+                size="small"
+              >
+                <el-option label="String" value="String"></el-option>
+                <el-option label="Integer" value="Integer"></el-option>
+                <el-option label="Long" value="Long"></el-option>
+                <el-option label="Boolean" value="Boolean"></el-option>
+                <el-option label="Double" value="Double"></el-option>
+                <el-option label="Date" value="Date"></el-option>
+                <el-option label="List<String>" value="List<String>"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="参数说明" prop="paramDesc">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.paramDesc"
+                placeholder="请输入参数说明"
+                size="small"
+              ></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="生成入参实体" prop="genRequestEntity" width="120">
+            <template slot-scope="scope">
+              <el-switch
+                v-model="scope.row.genRequestEntity"
+                active-text="是"
+                inactive-text="否"
+                size="small"
+              ></el-switch>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" width="80">
+            <template slot-scope="scope">
+              <el-button
+                type="danger"
+                size="mini"
+                @click="deleteRequestParam(scope.$index)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 3. 出参配置区（按钮与标题同行） -->
+      <div class="form-section">
+        <div class="section-header">
+          <div class="section-title">出参配置</div>
+          <el-button
+            type="primary"
+            size="small"
+            class="operate-btn"
+            @click="addResponseParam"
+          >
+            添加出参
+          </el-button>
+        </div>
+
+        <el-table
+          :data="apiForm.responseParams"
+          border
+          stripe
+          :cell-style="{ 'text-align': 'center' }"
+          :header-cell-style="{ 'text-align': 'center' }"
+          class="auto-fit-table"
+        >
+          <el-table-column label="参数名" prop="paramName">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.paramName"
+                placeholder="请输入参数名"
+                size="small"
+              ></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="参数类型" prop="paramType">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.paramType"
+                placeholder="请选择"
+                size="small"
+              >
+                <el-option label="String" value="String"></el-option>
+                <el-option label="Integer" value="Integer"></el-option>
+                <el-option label="Long" value="Long"></el-option>
+                <el-option label="Boolean" value="Boolean"></el-option>
+                <el-option label="Double" value="Double"></el-option>
+                <el-option label="Date" value="Date"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="参数注释" prop="paramComment">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.paramComment"
+                placeholder="请输入参数注释"
+                size="small"
+              ></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="生成出参实体" prop="genResponseEntity" width="120">
+            <template slot-scope="scope">
+              <el-switch
+                v-model="scope.row.genResponseEntity"
+                active-text="是"
+                inactive-text="否"
+                size="small"
+              ></el-switch>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" width="80">
+            <template slot-scope="scope">
+              <el-button
+                type="danger"
+                size="mini"
+                @click="deleteResponseParam(scope.$index)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 提交按钮（居中展示） -->
+      <el-form-item class="submit-btn-group">
+        <el-button type="primary" @click="submitForm">提交配置</el-button>
+        <el-button @click="resetForm">重置表单</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ApiConfigForm',
+  data() {
+    return {
+      apiForm: {
+        requestPath: '',
+        apiVendor: '',
+        apiDesc: '',
+        apiRemark: '',
+        requestParams: [],
+        responseParams: []
+      },
+      formRules: {
+        requestPath: [
+          { required: true, message: '请输入请求路径', trigger: 'blur' },
+          { pattern: /^\/\S+$/, message: '请求路径需以/开头，且不能包含空格', trigger: 'blur' }
+        ],
+        apiVendor: [
+          { required: true, message: '请选择接口所属厂家', trigger: 'change' }
+        ],
+        apiDesc: [
+          { required: true, message: '请输入接口说明', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    addRequestParam() {
+      this.apiForm.requestParams.push({
+        paramName: '',
+        required: false,
+        paramType: 'String',
+        paramDesc: '',
+        genRequestEntity: false
+      })
+    },
+    deleteRequestParam(index) {
+      this.apiForm.requestParams.splice(index, 1)
+    },
+    addResponseParam() {
+      this.apiForm.responseParams.push({
+        paramName: '',
+        paramType: 'String',
+        paramComment: '',
+        genResponseEntity: false
+      })
+    },
+    deleteResponseParam(index) {
+      this.apiForm.responseParams.splice(index, 1)
+    },
+    async submitForm() {
+      try {
+        const valid = await this.$refs.apiFormRef.validate()
+        if (!valid) return
+        console.log('表单提交数据：', JSON.stringify(this.apiForm, null, 2))
+        this.$message({
+          type: 'success',
+          message: '接口配置提交成功！'
+        })
+      } catch (error) {
+        console.error('提交失败：', error)
+        this.$message({
+          type: 'error',
+          message: '接口配置提交失败，请重试！'
+        })
+      }
+    },
+    resetForm() {
+      this.$refs.apiFormRef.resetFields()
+      this.apiForm.requestParams = []
+      this.apiForm.responseParams = []
+      this.$message({
+        type: 'info',
+        message: '表单已重置'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 限制最大宽度，缩小整体窗口 */
+.api-form-container {
+  max-width: 700px;  /* 缩小最大窗口宽度 */
+  margin: 0 auto;
+  background: #fff;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  /* 对话框内容容器 - 核心滚动配置 */
+  max-height: 70vh; /* 设置最大高度为视口高度的70%，适配不同屏幕 */
+  height: 100%;
+  overflow-y: auto; /* 垂直方向超出滚动 */
+  overflow-x: hidden; /* 水平方向隐藏，避免横向滚动 */
+  padding: 20px;
+
+}
+
+.form-section {
+  margin-bottom: 30px;
+  padding-bottom: 30px;
+  border-bottom: 1px solid #e6e6e6;
+}
+.form-section:first-child {
+  padding-bottom: 0;
+}
+.form-section:last-child {
+  border-bottom: none;
+}
+
+/* 标题+按钮同行布局 */
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 15px;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #1989fa;
+  margin-bottom: 15px;
+}
+
+.operate-btn {
+  margin: 0;  /* 清除默认margin */
+}
+
+/* 可拖拽调节的文本域样式 */
+.resize-textarea {
+  resize: both;
+  max-height: 150px;  /* 限制文本域最大高度 */
+  min-height: 60px;   /* 限制文本域最小高度 */
+}
+
+/* 表格列宽自适应 */
+.auto-fit-table {
+  width: 100%;
+}
+
+.auto-fit-table /deep/ .el-table__header-wrapper,
+.auto-fit-table /deep/ .el-table__body-wrapper {
+  width: 100%;
+}
+
+.auto-fit-table /deep/ .el-table-column {
+  width: auto !important;
+}
+
+
+.submit-btn-group .el-button {
+  margin: 0 20px;
+}
+</style>
diff --git a/src/views/tool/api/index.vue b/src/views/tool/api/index.vue
new file mode 100644
index 0000000..1bcbe98
--- /dev/null
+++ b/src/views/tool/api/index.vue
@@ -0,0 +1,367 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="请求路径" prop="requestPath">
+        <el-input
+          id="requestPath" v-model="queryParams.requestPath"
+          placeholder="请输入请求路径"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="接口类型" prop="apiVendor">
+        <el-select id="apiVendor" v-model="queryParams.apiVendor" placeholder="请选择接口类型" clearable>
+          <el-option
+            v-for="dict in dict.type.sys_param_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="接口说明" prop="apiDesc">
+        <el-input
+          id="apiDesc" v-model="queryParams.apiDesc"
+          placeholder="请输入接口说明"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="接口备注" prop="apiRemark">
+        <el-input
+          id="apiRemark" v-model="queryParams.apiRemark"
+          placeholder="请输入接口备注"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+<!--      <el-form-item label="逻辑删除标识" prop="isDeleted">
+        <el-select id="isDeleted" v-model="queryParams.isDeleted" placeholder="请选择逻辑删除标识" clearable>
+          <el-option
+            v-for="dict in dict.type.sys_yes_no"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>-->
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['api:info:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['api:info:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['api:info:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['api:info:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :border="false" :data="infoList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="主键ID" align="center" prop="id" />
+      <el-table-column label="请求路径" align="center" prop="requestPath" />
+      <el-table-column label="接口类型" align="center" prop="apiVendor">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_param_type" :value="scope.row.apiVendor"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="接口说明" align="center" prop="apiDesc" />
+      <el-table-column label="接口备注" align="center" prop="apiRemark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['api:info:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['api:info:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改接口基础信息对话框 -->
+    <el-dialog :title="title" :destroy-on-close="true"     class="api-config-dialog"
+               :visible.sync="open" width="760px" append-to-body>
+      <ApiConfigForm />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listInfo, getInfo, delInfo, addInfo, updateInfo, genCode} from "@/api/system/api"
+import ApiConfigForm from "@/views/tool/api/apiForm.vue";
+
+export default {
+  name: "Info",
+  components: {ApiConfigForm},
+  dicts: ['sys_param_type', 'sys_yes_no'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 子表选中数据
+      checkedSysApiParam: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 接口基础信息表格数据
+      infoList: [],
+      // 接口参数表格数据
+      sysApiParamList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        requestPath: null,
+        apiVendor: null,
+        apiDesc: null,
+        apiRemark: null,
+        isDeleted: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        requestPath: [
+          { required: true, message: "请求路径不能为空", trigger: "blur" }
+        ],
+        apiVendor: [
+          { required: true, message: "接口类型不能为空", trigger: "change" }
+        ],
+        apiDesc: [
+          { required: true, message: "接口说明不能为空", trigger: "blur" }
+        ],
+        isDeleted: [
+          { required: true, message: "逻辑删除标识不能为空", trigger: "change" }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询接口基础信息列表 */
+    getList() {
+      this.loading = true
+      listInfo(this.queryParams).then(response => {
+        this.infoList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        requestPath: null,
+        apiVendor: null,
+        apiDesc: null,
+        apiRemark: null,
+        createTime: null,
+        updateTime: null,
+        isDeleted: null
+      }
+      this.sysApiParamList = []
+      this.resetForm("form")
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm")
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = "添加接口基础信息"
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getInfo(id).then(response => {
+        this.form = response.data
+        this.sysApiParamList = response.data.sysApiParamList
+        this.open = true
+        this.title = "修改接口基础信息"
+      })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.form.sysApiParamList = this.sysApiParamList
+          if (this.form.id != null) {
+            updateInfo(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功")
+              this.open = false
+              this.getList()
+            })
+          } else {
+
+            genCode(this.form).then(response => {
+              this.$modal.msgSuccess("生成成功")
+              this.open = false
+            })
+            addInfo(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功")
+              this.open = false
+              this.getList()
+            })
+          }
+        }
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids
+      this.$modal.confirm('是否确认删除接口基础信息编号为"' + ids + '"的数据项？').then(function() {
+        return delInfo(ids)
+      }).then(() => {
+        this.getList()
+        this.$modal.msgSuccess("删除成功")
+      }).catch(() => {})
+    },
+    /** 接口参数序号 */
+    rowSysApiParamIndex({ row, rowIndex }) {
+      row.index = rowIndex + 1
+    },
+    /** 接口参数添加按钮操作 */
+    handleAddSysApiParam() {
+      let obj = {}
+      obj.paramType = ""
+      obj.paramName = ""
+      obj.required = ""
+      obj.paramDataType = ""
+      obj.paramDesc = ""
+      obj.genEntity = ""
+      this.sysApiParamList.push(obj)
+    },
+    /** 接口参数删除按钮操作 */
+    handleDeleteSysApiParam() {
+      if (this.checkedSysApiParam.length === 0) {
+        this.$modal.msgError("请先选择要删除的接口参数数据")
+      } else {
+        const sysApiParamList = this.sysApiParamList
+        const checkedSysApiParam = this.checkedSysApiParam
+        this.sysApiParamList = sysApiParamList.filter(function(item) {
+          return checkedSysApiParam.indexOf(item.index) === -1
+        })
+      }
+    },
+    /** 复选框选中数据 */
+    handleSysApiParamSelectionChange(selection) {
+      this.checkedSysApiParam = selection.map(item => item.index)
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('api/info/export', {
+        ...this.queryParams
+      }, `info_${new Date().getTime()}.xlsx`)
+    }
+  }
+}
+</script>
+<style scoped>
+
+
+/* 对话框整体样式 */
+.api-config-dialog {
+  --el-dialog-body-padding: 0; /* 清除对话框默认内边距 */
+}
+
+.api-config-dialog /deep/ .el-dialog__header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #e6e6e6;
+}
+
+.api-config-dialog /deep/ .el-dialog__body {
+  padding: 20px;
+  overflow: hidden; /* 隐藏外层滚动，仅内层滚动 */
+}
+</style>