From e23030bf1808c4defc4d40aa281e2b8cdc8f3d5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=98=B1=E6=B6=B5?= <xiaoe666@outlook.com>
Date: Sat, 8 Feb 2025 11:18:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=9A=E5=8A=A1=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pom.xml                                       |   8 +
 test-admin/pom.xml                            |   6 +
 test-test/pom.xml                             |  28 ++
 .../test/controller/TestApiController.java    |  98 ++++++
 .../java/com/test/test/domain/TestApi.java    | 144 +++++++++
 .../com/test/test/mapper/TestApiMapper.java   |  61 ++++
 .../test/test/service/ITestApiService.java    |  61 ++++
 .../test/service/impl/TestApiServiceImpl.java |  90 ++++++
 .../resources/mapper/test/TestApiMapper.xml   | 115 +++++++
 test-ui/src/api/test/api.js                   |  44 +++
 test-ui/src/views/test/api/index.vue          | 290 +++++++++++++++++-
 11 files changed, 938 insertions(+), 7 deletions(-)
 create mode 100644 test-test/pom.xml
 create mode 100644 test-test/src/main/java/com/test/test/controller/TestApiController.java
 create mode 100644 test-test/src/main/java/com/test/test/domain/TestApi.java
 create mode 100644 test-test/src/main/java/com/test/test/mapper/TestApiMapper.java
 create mode 100644 test-test/src/main/java/com/test/test/service/ITestApiService.java
 create mode 100644 test-test/src/main/java/com/test/test/service/impl/TestApiServiceImpl.java
 create mode 100644 test-test/src/main/resources/mapper/test/TestApiMapper.xml
 create mode 100644 test-ui/src/api/test/api.js

diff --git a/pom.xml b/pom.xml
index dab2ebd..73d88c7 100644
--- a/pom.xml
+++ b/pom.xml
@@ -185,6 +185,13 @@
                 <version>${test.version}</version>
             </dependency>
 
+            <!-- 业务模块-->
+            <dependency>
+                <groupId>com.test</groupId>
+                <artifactId>test-test</artifactId>
+                <version>${test.version}</version>
+            </dependency>
+
         </dependencies>
     </dependencyManagement>
 
@@ -195,6 +202,7 @@
         <module>test-quartz</module>
         <module>test-generator</module>
         <module>test-common</module>
+        <module>test-test</module>
     </modules>
     <packaging>pom</packaging>
 
diff --git a/test-admin/pom.xml b/test-admin/pom.xml
index 6386bee..022c2c2 100644
--- a/test-admin/pom.xml
+++ b/test-admin/pom.xml
@@ -54,6 +54,12 @@
             <artifactId>test-generator</artifactId>
         </dependency>
 
+        <!-- 业务模块-->
+        <dependency>
+            <groupId>com.test</groupId>
+            <artifactId>test-test</artifactId>
+        </dependency>
+
     </dependencies>
 
     <build>
diff --git a/test-test/pom.xml b/test-test/pom.xml
new file mode 100644
index 0000000..36ea1aa
--- /dev/null
+++ b/test-test/pom.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>test</artifactId>
+        <groupId>com.test</groupId>
+        <version>0.0.1</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+
+    <artifactId>test-test</artifactId>
+
+    <description>
+        test业务模块
+    </description>
+
+    <dependencies>
+
+        <!-- 通用工具-->
+        <dependency>
+            <groupId>com.test</groupId>
+            <artifactId>test-common</artifactId>
+        </dependency>
+
+    </dependencies>
+
+</project>
\ No newline at end of file
diff --git a/test-test/src/main/java/com/test/test/controller/TestApiController.java b/test-test/src/main/java/com/test/test/controller/TestApiController.java
new file mode 100644
index 0000000..babddd7
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/controller/TestApiController.java
@@ -0,0 +1,98 @@
+package com.test.test.controller;
+
+import java.util.List;
+
+import jakarta.servlet.http.HttpServletResponse;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.PutMapping;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import com.test.common.annotation.Log;
+import com.test.common.core.controller.BaseController;
+import com.test.common.core.domain.AjaxResult;
+import com.test.common.enums.BusinessType;
+import com.test.test.domain.TestApi;
+import com.test.test.service.ITestApiService;
+import com.test.common.utils.poi.ExcelUtil;
+import com.test.common.core.page.TableDataInfo;
+
+/**
+ * 接口Controller
+ *
+ * @author xiaoe
+ * @date 2025-02-08
+ */
+@RestController
+@RequestMapping("/test/api")
+public class TestApiController extends BaseController {
+    @Autowired
+    private ITestApiService testApiService;
+
+    /**
+     * 查询接口列表
+     */
+    @PreAuthorize("@ss.hasPermi('test:api:list')")
+    @GetMapping("/list")
+    public TableDataInfo list(TestApi testApi) {
+        startPage();
+        List<TestApi> list = testApiService.selectTestApiList(testApi);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出接口列表
+     */
+    @PreAuthorize("@ss.hasPermi('test:api:export')")
+    @Log(title = "接口", businessType = BusinessType.EXPORT)
+    @PostMapping("/export")
+    public void export(HttpServletResponse response, TestApi testApi) {
+        List<TestApi> list = testApiService.selectTestApiList(testApi);
+        ExcelUtil<TestApi> util = new ExcelUtil<TestApi>(TestApi.class);
+        util.exportExcel(response, list, "接口数据");
+    }
+
+    /**
+     * 获取接口详细信息
+     */
+    @PreAuthorize("@ss.hasPermi('test:api:query')")
+    @GetMapping(value = "/{id}")
+    public AjaxResult getInfo(@PathVariable("id") Long id) {
+        return success(testApiService.selectTestApiById(id));
+    }
+
+    /**
+     * 新增接口
+     */
+    @PreAuthorize("@ss.hasPermi('test:api:add')")
+    @Log(title = "接口", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody TestApi testApi) {
+        return toAjax(testApiService.insertTestApi(testApi));
+    }
+
+    /**
+     * 修改接口
+     */
+    @PreAuthorize("@ss.hasPermi('test:api:edit')")
+    @Log(title = "接口", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody TestApi testApi) {
+        return toAjax(testApiService.updateTestApi(testApi));
+    }
+
+    /**
+     * 删除接口
+     */
+    @PreAuthorize("@ss.hasPermi('test:api:remove')")
+    @Log(title = "接口", businessType = BusinessType.DELETE)
+    @DeleteMapping("/{ids}")
+    public AjaxResult remove(@PathVariable Long[] ids) {
+        return toAjax(testApiService.deleteTestApiByIds(ids));
+    }
+}
diff --git a/test-test/src/main/java/com/test/test/domain/TestApi.java b/test-test/src/main/java/com/test/test/domain/TestApi.java
new file mode 100644
index 0000000..de447d0
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/domain/TestApi.java
@@ -0,0 +1,144 @@
+package com.test.test.domain;
+
+import com.test.common.core.domain.BaseEntity;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+import com.test.common.annotation.Excel;
+
+/**
+ * 接口对象 test_api
+ *
+ * @author xiaoe
+ * @date 2025-02-08
+ */
+public class TestApi extends BaseEntity {
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 接口id
+     */
+    private Long id;
+
+    /**
+     * 接口名称
+     */
+    @Excel(name = "接口名称")
+    private String name;
+
+    /**
+     * 接口请求类型
+     */
+    @Excel(name = "接口请求类型")
+    private String method;
+
+    /**
+     * 接口路径
+     */
+    @Excel(name = "接口路径")
+    private String uri;
+
+    /**
+     * 接口请求头
+     */
+    @Excel(name = "接口请求头")
+    private String header;
+
+    /**
+     * 接口查询参数
+     */
+    @Excel(name = "接口查询参数")
+    private String param;
+
+    /**
+     * 接口请求体
+     */
+    @Excel(name = "接口请求体")
+    private String body;
+
+    /**
+     * 删除标志
+     */
+    private String delFlag;
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setMethod(String method) {
+        this.method = method;
+    }
+
+    public String getMethod() {
+        return method;
+    }
+
+    public void setUri(String uri) {
+        this.uri = uri;
+    }
+
+    public String getUri() {
+        return uri;
+    }
+
+    public void setHeader(String header) {
+        this.header = header;
+    }
+
+    public String getHeader() {
+        return header;
+    }
+
+    public void setParam(String param) {
+        this.param = param;
+    }
+
+    public String getParam() {
+        return param;
+    }
+
+    public void setBody(String body) {
+        this.body = body;
+    }
+
+    public String getBody() {
+        return body;
+    }
+
+    public void setDelFlag(String delFlag) {
+        this.delFlag = delFlag;
+    }
+
+    public String getDelFlag() {
+        return delFlag;
+    }
+
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this, ToStringStyle.MULTI_LINE_STYLE)
+                .append("id", getId())
+                .append("name", getName())
+                .append("method", getMethod())
+                .append("uri", getUri())
+                .append("header", getHeader())
+                .append("param", getParam())
+                .append("body", getBody())
+                .append("delFlag", getDelFlag())
+                .append("createBy", getCreateBy())
+                .append("createTime", getCreateTime())
+                .append("updateBy", getUpdateBy())
+                .append("updateTime", getUpdateTime())
+                .toString();
+    }
+}
diff --git a/test-test/src/main/java/com/test/test/mapper/TestApiMapper.java b/test-test/src/main/java/com/test/test/mapper/TestApiMapper.java
new file mode 100644
index 0000000..8518809
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/mapper/TestApiMapper.java
@@ -0,0 +1,61 @@
+package com.test.test.mapper;
+
+import java.util.List;
+
+import com.test.test.domain.TestApi;
+
+/**
+ * 接口Mapper接口
+ *
+ * @author xiaoe
+ * @date 2025-02-08
+ */
+public interface TestApiMapper {
+    /**
+     * 查询接口
+     *
+     * @param id 接口主键
+     * @return 接口
+     */
+    public TestApi selectTestApiById(Long id);
+
+    /**
+     * 查询接口列表
+     *
+     * @param testApi 接口
+     * @return 接口集合
+     */
+    public List<TestApi> selectTestApiList(TestApi testApi);
+
+    /**
+     * 新增接口
+     *
+     * @param testApi 接口
+     * @return 结果
+     */
+    public int insertTestApi(TestApi testApi);
+
+    /**
+     * 修改接口
+     *
+     * @param testApi 接口
+     * @return 结果
+     */
+    public int updateTestApi(TestApi testApi);
+
+    /**
+     * 删除接口
+     *
+     * @param id 接口主键
+     * @return 结果
+     */
+    public int deleteTestApiById(Long id);
+
+    /**
+     * 批量删除接口
+     *
+     * @param ids 需要删除的数据主键集合
+     * @return 结果
+     */
+    public int deleteTestApiByIds(Long[] ids);
+}
diff --git a/test-test/src/main/java/com/test/test/service/ITestApiService.java b/test-test/src/main/java/com/test/test/service/ITestApiService.java
new file mode 100644
index 0000000..3d6f19a
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/service/ITestApiService.java
@@ -0,0 +1,61 @@
+package com.test.test.service;
+
+import java.util.List;
+
+import com.test.test.domain.TestApi;
+
+/**
+ * 接口Service接口
+ *
+ * @author xiaoe
+ * @date 2025-02-08
+ */
+public interface ITestApiService {
+    /**
+     * 查询接口
+     *
+     * @param id 接口主键
+     * @return 接口
+     */
+    public TestApi selectTestApiById(Long id);
+
+    /**
+     * 查询接口列表
+     *
+     * @param testApi 接口
+     * @return 接口集合
+     */
+    public List<TestApi> selectTestApiList(TestApi testApi);
+
+    /**
+     * 新增接口
+     *
+     * @param testApi 接口
+     * @return 结果
+     */
+    public int insertTestApi(TestApi testApi);
+
+    /**
+     * 修改接口
+     *
+     * @param testApi 接口
+     * @return 结果
+     */
+    public int updateTestApi(TestApi testApi);
+
+    /**
+     * 批量删除接口
+     *
+     * @param ids 需要删除的接口主键集合
+     * @return 结果
+     */
+    public int deleteTestApiByIds(Long[] ids);
+
+    /**
+     * 删除接口信息
+     *
+     * @param id 接口主键
+     * @return 结果
+     */
+    public int deleteTestApiById(Long id);
+}
diff --git a/test-test/src/main/java/com/test/test/service/impl/TestApiServiceImpl.java b/test-test/src/main/java/com/test/test/service/impl/TestApiServiceImpl.java
new file mode 100644
index 0000000..4a0a99a
--- /dev/null
+++ b/test-test/src/main/java/com/test/test/service/impl/TestApiServiceImpl.java
@@ -0,0 +1,90 @@
+package com.test.test.service.impl;
+
+import java.util.List;
+
+import com.test.common.utils.DateUtils;
+import jakarta.annotation.Resource;
+import org.springframework.stereotype.Service;
+import com.test.test.mapper.TestApiMapper;
+import com.test.test.domain.TestApi;
+import com.test.test.service.ITestApiService;
+
+/**
+ * 接口Service业务层处理
+ *
+ * @author xiaoe
+ * @date 2025-02-08
+ */
+@Service
+public class TestApiServiceImpl implements ITestApiService {
+    @Resource
+    private TestApiMapper testApiMapper;
+
+    /**
+     * 查询接口
+     *
+     * @param id 接口主键
+     * @return 接口
+     */
+    @Override
+    public TestApi selectTestApiById(Long id) {
+        return testApiMapper.selectTestApiById(id);
+    }
+
+    /**
+     * 查询接口列表
+     *
+     * @param testApi 接口
+     * @return 接口
+     */
+    @Override
+    public List<TestApi> selectTestApiList(TestApi testApi) {
+        return testApiMapper.selectTestApiList(testApi);
+    }
+
+    /**
+     * 新增接口
+     *
+     * @param testApi 接口
+     * @return 结果
+     */
+    @Override
+    public int insertTestApi(TestApi testApi) {
+        testApi.setCreateTime(DateUtils.getNowDate());
+        return testApiMapper.insertTestApi(testApi);
+    }
+
+    /**
+     * 修改接口
+     *
+     * @param testApi 接口
+     * @return 结果
+     */
+    @Override
+    public int updateTestApi(TestApi testApi) {
+        testApi.setUpdateTime(DateUtils.getNowDate());
+        return testApiMapper.updateTestApi(testApi);
+    }
+
+    /**
+     * 批量删除接口
+     *
+     * @param ids 需要删除的接口主键
+     * @return 结果
+     */
+    @Override
+    public int deleteTestApiByIds(Long[] ids) {
+        return testApiMapper.deleteTestApiByIds(ids);
+    }
+
+    /**
+     * 删除接口信息
+     *
+     * @param id 接口主键
+     * @return 结果
+     */
+    @Override
+    public int deleteTestApiById(Long id) {
+        return testApiMapper.deleteTestApiById(id);
+    }
+}
diff --git a/test-test/src/main/resources/mapper/test/TestApiMapper.xml b/test-test/src/main/resources/mapper/test/TestApiMapper.xml
new file mode 100644
index 0000000..4bd8537
--- /dev/null
+++ b/test-test/src/main/resources/mapper/test/TestApiMapper.xml
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.test.test.mapper.TestApiMapper">
+
+    <resultMap type="TestApi" id="TestApiResult">
+        <result property="id" column="id"/>
+        <result property="name" column="name"/>
+        <result property="method" column="method"/>
+        <result property="uri" column="uri"/>
+        <result property="header" column="header"/>
+        <result property="param" column="param"/>
+        <result property="body" column="body"/>
+        <result property="delFlag" column="del_flag"/>
+        <result property="createBy" column="create_by"/>
+        <result property="createTime" column="create_time"/>
+        <result property="updateBy" column="update_by"/>
+        <result property="updateTime" column="update_time"/>
+    </resultMap>
+
+    <sql id="selectTestApiVo">
+        select id,
+               name,
+               method,
+               uri,
+               header,
+               param,
+               body,
+               del_flag,
+               create_by,
+               create_time,
+               update_by,
+               update_time
+        from test_api
+    </sql>
+
+    <select id="selectTestApiList" parameterType="TestApi" resultMap="TestApiResult">
+        <include refid="selectTestApiVo"/>
+        <where>
+            <if test="name != null  and name != ''">and name like concat('%', #{name}, '%')</if>
+            <if test="method != null  and method != ''">and method = #{method}</if>
+            <if test="uri != null  and uri != ''">and uri = #{uri}</if>
+            <if test="header != null  and header != ''">and header = #{header}</if>
+            <if test="param != null  and param != ''">and param = #{param}</if>
+            <if test="body != null  and body != ''">and body = #{body}</if>
+        </where>
+    </select>
+
+    <select id="selectTestApiById" parameterType="Long" resultMap="TestApiResult">
+        <include refid="selectTestApiVo"/>
+        where id = #{id}
+    </select>
+
+    <insert id="insertTestApi" parameterType="TestApi" useGeneratedKeys="true" keyProperty="id">
+        insert into test_api
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="name != null">name,</if>
+            <if test="method != null">method,</if>
+            <if test="uri != null">uri,</if>
+            <if test="header != null">header,</if>
+            <if test="param != null">param,</if>
+            <if test="body != null">body,</if>
+            <if test="delFlag != null">del_flag,</if>
+            <if test="createBy != null">create_by,</if>
+            <if test="createTime != null">create_time,</if>
+            <if test="updateBy != null">update_by,</if>
+            <if test="updateTime != null">update_time,</if>
+        </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="name != null">#{name},</if>
+            <if test="method != null">#{method},</if>
+            <if test="uri != null">#{uri},</if>
+            <if test="header != null">#{header},</if>
+            <if test="param != null">#{param},</if>
+            <if test="body != null">#{body},</if>
+            <if test="delFlag != null">#{delFlag},</if>
+            <if test="createBy != null">#{createBy},</if>
+            <if test="createTime != null">#{createTime},</if>
+            <if test="updateBy != null">#{updateBy},</if>
+            <if test="updateTime != null">#{updateTime},</if>
+        </trim>
+    </insert>
+
+    <update id="updateTestApi" parameterType="TestApi">
+        update test_api
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="name != null">name = #{name},</if>
+            <if test="method != null">method = #{method},</if>
+            <if test="uri != null">uri = #{uri},</if>
+            <if test="header != null">header = #{header},</if>
+            <if test="param != null">param = #{param},</if>
+            <if test="body != null">body = #{body},</if>
+            <if test="delFlag != null">del_flag = #{delFlag},</if>
+            <if test="createBy != null">create_by = #{createBy},</if>
+            <if test="createTime != null">create_time = #{createTime},</if>
+            <if test="updateBy != null">update_by = #{updateBy},</if>
+            <if test="updateTime != null">update_time = #{updateTime},</if>
+        </trim>
+        where id = #{id}
+    </update>
+
+    <delete id="deleteTestApiById" parameterType="Long">
+        delete
+        from test_api
+        where id = #{id}
+    </delete>
+
+    <delete id="deleteTestApiByIds" parameterType="String">
+        delete from test_api where id in
+        <foreach item="id" collection="array" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+</mapper>
\ No newline at end of file
diff --git a/test-ui/src/api/test/api.js b/test-ui/src/api/test/api.js
new file mode 100644
index 0000000..c473855
--- /dev/null
+++ b/test-ui/src/api/test/api.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询接口列表
+export function listApi(query) {
+  return request({
+    url: '/test/api/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询接口详细
+export function getApi(id) {
+  return request({
+    url: '/test/api/' + id,
+    method: 'get'
+  })
+}
+
+// 新增接口
+export function addApi(data) {
+  return request({
+    url: '/test/api',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改接口
+export function updateApi(data) {
+  return request({
+    url: '/test/api',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除接口
+export function delApi(id) {
+  return request({
+    url: '/test/api/' + id,
+    method: 'delete'
+  })
+}
diff --git a/test-ui/src/views/test/api/index.vue b/test-ui/src/views/test/api/index.vue
index 1a818b0..dc19dd1 100644
--- a/test-ui/src/views/test/api/index.vue
+++ b/test-ui/src/views/test/api/index.vue
@@ -1,14 +1,290 @@
 <template>
-  <div>
-    api
+  <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="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入接口名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="接口请求类型" prop="method">
+        <el-input
+          v-model="queryParams.method"
+          placeholder="请输入接口请求类型"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="接口路径" prop="uri">
+        <el-input
+          v-model="queryParams.uri"
+          placeholder="请输入接口路径"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </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="['test:api: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="['test:api: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="['test:api: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="['test:api:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="apiList" @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="name" />
+      <el-table-column label="接口请求类型" align="center" prop="method" />
+      <el-table-column label="接口路径" align="center" prop="uri" />
+      <el-table-column label="接口请求头" align="center" prop="header" />
+      <el-table-column label="接口查询参数" align="center" prop="param" />
+      <el-table-column label="接口请求体" align="center" prop="body" />
+      <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="['test:api:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['test:api: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" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="接口名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入接口名称" />
+        </el-form-item>
+        <el-form-item label="接口请求类型" prop="method">
+          <el-input v-model="form.method" placeholder="请输入接口请求类型" />
+        </el-form-item>
+        <el-form-item label="接口路径" prop="uri">
+          <el-input v-model="form.uri" placeholder="请输入接口路径" />
+        </el-form-item>
+        <el-form-item label="删除标志" prop="delFlag">
+          <el-input v-model="form.delFlag" placeholder="请输入删除标志" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import { listApi, getApi, delApi, addApi, updateApi } from "@/api/test/api";
 
+export default {
+  name: "Api",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 接口表格数据
+      apiList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        method: null,
+        uri: null,
+        header: null,
+        param: null,
+        body: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询接口列表 */
+    getList() {
+      this.loading = true;
+      listApi(this.queryParams).then(response => {
+        this.apiList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        method: null,
+        uri: null,
+        header: null,
+        param: null,
+        body: null,
+        delFlag: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      };
+      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
+      getApi(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改接口";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateApi(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addApi(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 delApi(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('test/api/export', {
+        ...this.queryParams
+      }, `api_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
 </script>
-
-<style scoped lang="scss">
-
-</style>
-