更新 API 接口和数据源管理逻辑，调整参数类型，新增表格定义字段，优化请求路径，更新登录组件密码
This commit is contained in:
@@ -12,7 +12,7 @@ export interface ApiInterfaceQueryParams {
|
|||||||
|
|
||||||
// 创建接口参数
|
// 创建接口参数
|
||||||
export interface CreateApiInterfaceParams {
|
export interface CreateApiInterfaceParams {
|
||||||
platformId: string | number;
|
platformId: number;
|
||||||
name: string;
|
name: string;
|
||||||
code: string;
|
code: string;
|
||||||
url: string;
|
url: string;
|
||||||
@@ -22,6 +22,7 @@ export interface CreateApiInterfaceParams {
|
|||||||
requestConfig?: Record<string, any>;
|
requestConfig?: Record<string, any>;
|
||||||
responseConfig?: Record<string, any>;
|
responseConfig?: Record<string, any>;
|
||||||
limitConfig?: Record<string, any>;
|
limitConfig?: Record<string, any>;
|
||||||
|
tableDefinition?: Record<string, any>;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 更新接口参数
|
// 更新接口参数
|
||||||
@@ -50,6 +51,7 @@ export interface ApiInterfaceInfo {
|
|||||||
requestConfig?: Record<string, any>;
|
requestConfig?: Record<string, any>;
|
||||||
responseConfig?: Record<string, any>;
|
responseConfig?: Record<string, any>;
|
||||||
limitConfig?: Record<string, any>;
|
limitConfig?: Record<string, any>;
|
||||||
|
tableDefinition?: Record<string, any>;
|
||||||
createdBy?: string;
|
createdBy?: string;
|
||||||
createdAt?: number;
|
createdAt?: number;
|
||||||
updatedBy?: string;
|
updatedBy?: string;
|
||||||
@@ -59,7 +61,7 @@ export interface ApiInterfaceInfo {
|
|||||||
// 获取接口列表
|
// 获取接口列表
|
||||||
export function listApiInterfaces(params: ApiInterfaceQueryParams) {
|
export function listApiInterfaces(params: ApiInterfaceQueryParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/interface/controller/listApiInterfaces',
|
url: '/data-engine/api/interface/controller/listApiInterfaces',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params,
|
params,
|
||||||
});
|
});
|
||||||
@@ -68,7 +70,7 @@ export function listApiInterfaces(params: ApiInterfaceQueryParams) {
|
|||||||
// 获取接口详情
|
// 获取接口详情
|
||||||
export function getApiInterface(id: string) {
|
export function getApiInterface(id: string) {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/interface/controller/getApiInterface',
|
url: '/data-engine/api/interface/controller/getApiInterface',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: { id },
|
params: { id },
|
||||||
});
|
});
|
||||||
@@ -77,7 +79,7 @@ export function getApiInterface(id: string) {
|
|||||||
// 创建接口
|
// 创建接口
|
||||||
export function createApiInterface(data: CreateApiInterfaceParams) {
|
export function createApiInterface(data: CreateApiInterfaceParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/interface/controller/createApiInterface',
|
url: '/data-engine/api/interface/controller/createApiInterface',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
@@ -86,7 +88,7 @@ export function createApiInterface(data: CreateApiInterfaceParams) {
|
|||||||
// 修改接口
|
// 修改接口
|
||||||
export function updateApiInterface(data: UpdateApiInterfaceParams) {
|
export function updateApiInterface(data: UpdateApiInterfaceParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/interface/controller/updateApiInterface',
|
url: '/data-engine/api/interface/controller/updateApiInterface',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
@@ -95,7 +97,7 @@ export function updateApiInterface(data: UpdateApiInterfaceParams) {
|
|||||||
// 更新接口状态
|
// 更新接口状态
|
||||||
export function updateApiInterfaceStatus(data: UpdateApiInterfaceStatusParams) {
|
export function updateApiInterfaceStatus(data: UpdateApiInterfaceStatusParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/interface/controller/updateApiInterfaceStatus',
|
url: '/data-engine/api/interface/controller/updateApiInterfaceStatus',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
@@ -104,7 +106,7 @@ export function updateApiInterfaceStatus(data: UpdateApiInterfaceStatusParams) {
|
|||||||
// 删除接口
|
// 删除接口
|
||||||
export function deleteApiInterface(id: string) {
|
export function deleteApiInterface(id: string) {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/interface/controller/deleteApiInterface',
|
url: '/data-engine/api/interface/controller/deleteApiInterface',
|
||||||
method: 'delete',
|
method: 'delete',
|
||||||
params: { id },
|
params: { id },
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -26,8 +26,7 @@ export interface CreateDatasourcePlatformParams {
|
|||||||
requestTimeoutMs?: number;
|
requestTimeoutMs?: number;
|
||||||
maxRetries?: number;
|
maxRetries?: number;
|
||||||
retryDelayMs?: number;
|
retryDelayMs?: number;
|
||||||
createdBy?: string;
|
authConfig?: Record<string, any>;
|
||||||
updatedBy?: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 更新平台参数
|
// 更新平台参数
|
||||||
@@ -40,7 +39,6 @@ export interface UpdateDatasourcePlatformParams extends Partial<CreateDatasource
|
|||||||
export interface UpdateDatasourcePlatformStatusParams {
|
export interface UpdateDatasourcePlatformStatusParams {
|
||||||
id: string;
|
id: string;
|
||||||
Status: string;
|
Status: string;
|
||||||
updatedBy?: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 平台信息
|
// 平台信息
|
||||||
@@ -54,22 +52,25 @@ export interface DatasourcePlatformInfo {
|
|||||||
apiBaseUrl: string;
|
apiBaseUrl: string;
|
||||||
authType: string;
|
authType: string;
|
||||||
authTypeName: string;
|
authTypeName: string;
|
||||||
|
token?: string;
|
||||||
|
apiKey?: string;
|
||||||
|
clientId?: string;
|
||||||
|
clientSecret?: string;
|
||||||
|
authConfig?: Record<string, any>;
|
||||||
rateLimitPerMinute?: number;
|
rateLimitPerMinute?: number;
|
||||||
rateLimitPerHour?: number;
|
rateLimitPerHour?: number;
|
||||||
concurrencyLimit?: number;
|
concurrencyLimit?: number;
|
||||||
requestTimeoutMs?: number;
|
requestTimeoutMs?: number;
|
||||||
maxRetries?: number;
|
maxRetries?: number;
|
||||||
retryDelayMs?: number;
|
retryDelayMs?: number;
|
||||||
createdBy?: string;
|
|
||||||
createdAt?: number;
|
createdAt?: number;
|
||||||
updatedBy?: string;
|
|
||||||
updatedAt?: number;
|
updatedAt?: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取平台列表
|
// 获取平台列表
|
||||||
export function listDatasourcePlatforms(params: DatasourcePlatformQueryParams) {
|
export function listDatasourcePlatforms(params: DatasourcePlatformQueryParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/listDatasourcePlatforms',
|
url: '/data-engine/datasource/platform/controller/listDatasourcePlatforms',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params,
|
params,
|
||||||
});
|
});
|
||||||
@@ -78,7 +79,7 @@ export function listDatasourcePlatforms(params: DatasourcePlatformQueryParams) {
|
|||||||
// 创建平台
|
// 创建平台
|
||||||
export function createDatasourcePlatform(data: CreateDatasourcePlatformParams) {
|
export function createDatasourcePlatform(data: CreateDatasourcePlatformParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/createDatasourcePlatform',
|
url: '/data-engine/datasource/platform/controller/createDatasourcePlatform',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
@@ -87,7 +88,7 @@ export function createDatasourcePlatform(data: CreateDatasourcePlatformParams) {
|
|||||||
// 更新平台
|
// 更新平台
|
||||||
export function updateDatasourcePlatform(data: UpdateDatasourcePlatformParams) {
|
export function updateDatasourcePlatform(data: UpdateDatasourcePlatformParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/updateDatasourcePlatform',
|
url: '/data-engine/datasource/platform/controller/updateDatasourcePlatform',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
@@ -96,7 +97,7 @@ export function updateDatasourcePlatform(data: UpdateDatasourcePlatformParams) {
|
|||||||
// 删除平台
|
// 删除平台
|
||||||
export function deleteDatasourcePlatform(id: string) {
|
export function deleteDatasourcePlatform(id: string) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/deleteDatasourcePlatform',
|
url: '/data-engine/datasource/platform/controller/deleteDatasourcePlatform',
|
||||||
method: 'delete',
|
method: 'delete',
|
||||||
params: { id },
|
params: { id },
|
||||||
});
|
});
|
||||||
@@ -105,7 +106,7 @@ export function deleteDatasourcePlatform(id: string) {
|
|||||||
// 获取平台详情
|
// 获取平台详情
|
||||||
export function getDatasourcePlatform(id: string) {
|
export function getDatasourcePlatform(id: string) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/getDatasourcePlatform',
|
url: '/data-engine/datasource/platform/controller/getDatasourcePlatform',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: { id },
|
params: { id },
|
||||||
});
|
});
|
||||||
@@ -114,7 +115,7 @@ export function getDatasourcePlatform(id: string) {
|
|||||||
// 根据编码获取平台信息
|
// 根据编码获取平台信息
|
||||||
export function getPlatformByCode(platformCode: string) {
|
export function getPlatformByCode(platformCode: string) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/getPlatformByCode',
|
url: '/data-engine/datasource/platform/controller/getPlatformByCode',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: { platformCode },
|
params: { platformCode },
|
||||||
});
|
});
|
||||||
@@ -123,7 +124,7 @@ export function getPlatformByCode(platformCode: string) {
|
|||||||
// 更新平台状态
|
// 更新平台状态
|
||||||
export function updateDatasourcePlatformStatus(data: UpdateDatasourcePlatformStatusParams) {
|
export function updateDatasourcePlatformStatus(data: UpdateDatasourcePlatformStatusParams) {
|
||||||
return request({
|
return request({
|
||||||
url: '/datasource/platform/controller/updateDatasourcePlatformStatus',
|
url: '/data-engine/datasource/platform/controller/updateDatasourcePlatformStatus',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -87,7 +87,7 @@ export default defineComponent({
|
|||||||
isShowPassword: false,
|
isShowPassword: false,
|
||||||
ruleForm: {
|
ruleForm: {
|
||||||
username: 'admin',
|
username: 'admin',
|
||||||
password: '123456',
|
password: 'Tongli686^*^',
|
||||||
verifyCode: '',
|
verifyCode: '',
|
||||||
verifyKey: '',
|
verifyKey: '',
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,221 +1,540 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="cid-apis-container">
|
<div class="cid-apis-container">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover"
|
||||||
<div class="system-user-search mb15">
|
><el-tabs v-model="tab" @tab-change="onTab"
|
||||||
<el-form :model="tableData.param" ref="queryRef" :inline="true" label-width="68px">
|
><el-tab-pane label="平台管理" name="platform"
|
||||||
<el-form-item label="关键字" prop="keyword">
|
><el-form ref="pqf" :model="pq" :inline="true" label-width="68px" class="mb15"
|
||||||
<el-input
|
><el-form-item label="关键字" prop="keyword"
|
||||||
v-model="tableData.param.keyword"
|
><el-input
|
||||||
placeholder="请输入接口名称"
|
v-model="pq.keyword"
|
||||||
|
placeholder="请输入平台名称/编码"
|
||||||
clearable
|
clearable
|
||||||
size="default"
|
|
||||||
style="width: 240px"
|
style="width: 240px"
|
||||||
@keyup.enter.native="getList"
|
@keyup.enter.native="searchPlatform" /></el-form-item
|
||||||
/>
|
><el-form-item label="状态" prop="status"
|
||||||
</el-form-item>
|
><el-select v-model="pq.status" placeholder="平台状态" clearable style="width: 160px"
|
||||||
<el-form-item>
|
><el-option label="启用" value="ACTIVE" /><el-option label="禁用" value="INACTIVE" /></el-select></el-form-item
|
||||||
<el-button size="default" type="primary" @click="getList">
|
><el-form-item
|
||||||
<el-icon><ele-Search /></el-icon>
|
><el-button type="primary" @click="searchPlatform"
|
||||||
查询
|
><el-icon><ele-Search /></el-icon>查询</el-button
|
||||||
</el-button>
|
><el-button @click="resetPlatformQuery"
|
||||||
<el-button size="default" @click="resetQuery(queryRef)">
|
><el-icon><ele-Refresh /></el-icon>重置</el-button
|
||||||
<el-icon><ele-Refresh /></el-icon>
|
><el-button type="success" @click="openPlatform()"
|
||||||
重置
|
><el-icon><ele-FolderAdd /></el-icon>新增平台</el-button
|
||||||
</el-button>
|
></el-form-item
|
||||||
<el-button size="default" type="success" @click="onOpenAdd">
|
></el-form
|
||||||
<el-icon><ele-FolderAdd /></el-icon>
|
><el-table :data="platformRows" row-key="id" v-loading="platformLoading"
|
||||||
新增接口
|
><el-table-column type="index" label="序号" width="60" /><el-table-column
|
||||||
</el-button>
|
prop="platformCode"
|
||||||
<el-button size="default" type="danger" @click="onRowDel(null)">
|
label="平台编码"
|
||||||
<el-icon><ele-Delete /></el-icon>
|
min-width="140"
|
||||||
删除
|
show-overflow-tooltip
|
||||||
</el-button>
|
/><el-table-column prop="platformName" label="平台名称" min-width="160" show-overflow-tooltip /><el-table-column
|
||||||
</el-form-item>
|
prop="apiBaseUrl"
|
||||||
</el-form>
|
label="API地址"
|
||||||
</div>
|
min-width="220"
|
||||||
<el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange">
|
show-overflow-tooltip
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
/><el-table-column prop="authType" label="认证" width="100" align="center" /><el-table-column
|
||||||
<el-table-column type="index" label="序号" width="60" />
|
prop="status"
|
||||||
<el-table-column prop="name" label="接口名称" show-overflow-tooltip />
|
label="状态"
|
||||||
<el-table-column prop="path" label="接口路径" show-overflow-tooltip />
|
width="90"
|
||||||
<el-table-column prop="method" label="请求方式" width="100" align="center" />
|
align="center"
|
||||||
<el-table-column prop="datasourceName" label="所属平台" show-overflow-tooltip />
|
><template #default="s"
|
||||||
<el-table-column prop="status" label="状态" width="100" align="center">
|
><el-tag size="small" :type="s.row.status === 'ACTIVE' ? 'success' : 'danger'">{{
|
||||||
<template #default="scope">
|
s.row.status === 'ACTIVE' ? '启用' : '禁用'
|
||||||
<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" size="small">
|
}}</el-tag></template
|
||||||
{{ scope.row.status === 1 ? '启用' : '禁用' }}
|
></el-table-column
|
||||||
</el-tag>
|
><el-table-column prop="rateLimitPerMinute" label="限流/分钟" width="110" align="center" /><el-table-column
|
||||||
</template>
|
prop="requestTimeoutMs"
|
||||||
</el-table-column>
|
label="超时(ms)"
|
||||||
<el-table-column prop="createdAt" label="创建时间" show-overflow-tooltip />
|
width="110"
|
||||||
<el-table-column label="操作" width="180">
|
align="center"
|
||||||
<template #default="scope">
|
/><el-table-column label="创建时间" width="170"
|
||||||
<el-button size="small" text type="primary" @click="onOpenEdit(scope.row)">修改</el-button>
|
><template #default="s">{{ ft(s.row.createdAt) }}</template></el-table-column
|
||||||
<el-button size="small" text type="danger" @click="onRowDel(scope.row)">删除</el-button>
|
><el-table-column label="操作" width="150" fixed="right"
|
||||||
</template>
|
><template #default="s"
|
||||||
</el-table-column>
|
><el-button size="small" text type="primary" @click="openPlatform(s.row)">修改</el-button
|
||||||
</el-table>
|
><el-button size="small" text type="danger" @click="delPlatform(s.row)">删除</el-button></template
|
||||||
<pagination
|
></el-table-column
|
||||||
v-show="tableData.total > 0"
|
></el-table
|
||||||
:total="tableData.total"
|
><pagination :total="platformTotal" v-model:page="pq.pageNum" v-model:limit="pq.pageSize" @pagination="getPlatforms" /></el-tab-pane
|
||||||
v-model:page="tableData.param.pageNum"
|
><el-tab-pane label="接口管理" name="api"
|
||||||
v-model:limit="tableData.param.pageSize"
|
><el-form ref="aqf" :model="aq" :inline="true" label-width="68px" class="mb15"
|
||||||
@pagination="getList"
|
><el-form-item label="关键字" prop="keyword"
|
||||||
/>
|
><el-input
|
||||||
</el-card>
|
v-model="aq.keyword"
|
||||||
|
placeholder="请输入接口名称/编码"
|
||||||
<!-- 新增/编辑弹窗 -->
|
clearable
|
||||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" :close-on-click-modal="false">
|
style="width: 220px"
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="90px">
|
@keyup.enter.native="searchApi" /></el-form-item
|
||||||
<el-form-item label="接口名称" prop="name">
|
><el-form-item label="平台" prop="platformId"
|
||||||
<el-input v-model="form.name" placeholder="请输入接口名称" />
|
><el-select v-model="aq.platformId" placeholder="请选择平台" clearable filterable style="width: 180px"
|
||||||
</el-form-item>
|
><el-option v-for="i in platforms" :key="i.id" :label="i.platformName" :value="String(i.id)" /></el-select></el-form-item
|
||||||
<el-form-item label="接口路径" prop="path">
|
><el-form-item label="状态" prop="status"
|
||||||
<el-input v-model="form.path" placeholder="请输入接口路径" />
|
><el-select v-model="aq.status" placeholder="状态" clearable style="width: 130px"
|
||||||
</el-form-item>
|
><el-option label="启用" value="active" /><el-option label="禁用" value="inactive" /></el-select></el-form-item
|
||||||
<el-form-item label="请求方式" prop="method">
|
><el-form-item label="方法" prop="method"
|
||||||
<el-select v-model="form.method" style="width: 100%">
|
><el-select v-model="aq.method" placeholder="请求方式" clearable style="width: 130px"
|
||||||
<el-option label="GET" value="GET" />
|
><el-option v-for="m in methods" :key="m" :label="m" :value="m" /></el-select></el-form-item
|
||||||
<el-option label="POST" value="POST" />
|
><el-form-item
|
||||||
<el-option label="PUT" value="PUT" />
|
><el-button type="primary" @click="searchApi"
|
||||||
<el-option label="DELETE" value="DELETE" />
|
><el-icon><ele-Search /></el-icon>查询</el-button
|
||||||
</el-select>
|
><el-button @click="resetApiQuery"
|
||||||
</el-form-item>
|
><el-icon><ele-Refresh /></el-icon>重置</el-button
|
||||||
<el-form-item label="所属平台" prop="datasourceId">
|
><el-button type="success" @click="openApi()"
|
||||||
<el-input v-model="form.datasourceId" placeholder="请输入所属平台ID" />
|
><el-icon><ele-FolderAdd /></el-icon>新增接口</el-button
|
||||||
</el-form-item>
|
></el-form-item
|
||||||
<el-form-item label="描述" prop="description">
|
></el-form
|
||||||
<el-input v-model="form.description" type="textarea" :rows="3" placeholder="请输入描述" />
|
><el-table :data="apiRows" v-loading="apiLoading"
|
||||||
</el-form-item>
|
><el-table-column type="index" label="序号" width="60" /><el-table-column
|
||||||
<el-form-item label="状态" prop="status">
|
prop="code"
|
||||||
<el-select v-model="form.status" style="width: 100%">
|
label="接口编码"
|
||||||
<el-option label="启用" :value="1" />
|
min-width="140"
|
||||||
<el-option label="禁用" :value="0" />
|
show-overflow-tooltip
|
||||||
</el-select>
|
/><el-table-column prop="name" label="接口名称" min-width="150" show-overflow-tooltip /><el-table-column
|
||||||
</el-form-item>
|
prop="url"
|
||||||
</el-form>
|
label="URL"
|
||||||
<template #footer>
|
min-width="220"
|
||||||
<el-button @click="dialog.visible = false">取消</el-button>
|
show-overflow-tooltip
|
||||||
<el-button type="primary" @click="onSubmit" :loading="dialog.saving">确定</el-button>
|
/><el-table-column prop="method" label="请求方式" width="100" align="center"
|
||||||
</template>
|
><template #default="s"
|
||||||
</el-dialog>
|
><el-tag size="small" :type="s.row.method === 'GET' ? 'success' : 'primary'">{{ s.row.method }}</el-tag></template
|
||||||
|
></el-table-column
|
||||||
|
><el-table-column prop="status" label="状态" width="90" align="center"
|
||||||
|
><template #default="s"
|
||||||
|
><el-tag size="small" :type="ns(s.row.status) === 'active' ? 'success' : 'danger'">{{
|
||||||
|
ns(s.row.status) === 'active' ? '启用' : '禁用'
|
||||||
|
}}</el-tag></template
|
||||||
|
></el-table-column
|
||||||
|
><el-table-column prop="platformName" label="所属平台" min-width="140" show-overflow-tooltip /> ><el-table-column
|
||||||
|
label="创建时间"
|
||||||
|
width="170"
|
||||||
|
><template #default="s">{{ ft(s.row.createdAt) }}</template></el-table-column
|
||||||
|
><el-table-column label="操作" width="160" fixed="right"
|
||||||
|
><template #default="s"
|
||||||
|
><el-button size="small" text type="primary" @click="openApi(String(s.row.id))">修改</el-button
|
||||||
|
><el-button size="small" text type="danger" @click="delApi(s.row)">删除</el-button></template
|
||||||
|
></el-table-column
|
||||||
|
></el-table
|
||||||
|
><pagination :total="apiTotal" v-model:page="aq.pageNum" v-model:limit="aq.pageSize" @pagination="getApis" /></el-tab-pane></el-tabs
|
||||||
|
></el-card>
|
||||||
|
<el-dialog v-model="platformDialog.visible" :title="platformDialog.title" width="720px" :close-on-click-modal="false" destroy-on-close
|
||||||
|
><el-form ref="platformFormRef" :model="platformForm" :rules="platformRules" label-width="120px" v-loading="platformDialog.loading"
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="平台编码" prop="platformCode"><el-input v-model="platformForm.platformCode" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="平台名称" prop="platformName"><el-input v-model="platformForm.platformName" /></el-form-item></el-col></el-row
|
||||||
|
><el-form-item label="平台描述"><el-input v-model="platformForm.description" type="textarea" :rows="3" /></el-form-item
|
||||||
|
><el-form-item label="API地址"><el-input v-model="platformForm.apiBaseUrl" /></el-form-item
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="认证类型" prop="authType"
|
||||||
|
><el-select v-model="platformForm.authType" style="width: 100%"
|
||||||
|
><el-option label="Token" value="TOKEN" /><el-option label="API Key" value="API_KEY" /><el-option
|
||||||
|
label="OAuth2"
|
||||||
|
value="OAUTH2" /><el-option label="Basic" value="BASIC" /></el-select></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="状态" prop="status"
|
||||||
|
><el-select v-model="platformForm.status" style="width: 100%"
|
||||||
|
><el-option label="启用" value="ACTIVE" /><el-option label="停用" value="INACTIVE" /></el-select></el-form-item></el-col></el-row
|
||||||
|
><el-form-item label="Token / access_token"><el-input v-model="platformForm.token" show-password /></el-form-item
|
||||||
|
><el-form-item label="API Key"><el-input v-model="platformForm.apiKey" show-password /></el-form-item
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="Client ID"><el-input v-model="platformForm.clientId" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="Client Secret"><el-input v-model="platformForm.clientSecret" show-password /></el-form-item></el-col></el-row
|
||||||
|
><el-form-item label="认证配置 JSON" prop="authConfigText"
|
||||||
|
><el-input v-model="platformForm.authConfigText" type="textarea" :rows="6" /></el-form-item
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="限流/分钟"
|
||||||
|
><el-input-number v-model="platformForm.rateLimitPerMinute" :min="0" style="width: 100%" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="限流/小时"
|
||||||
|
><el-input-number v-model="platformForm.rateLimitPerHour" :min="0" style="width: 100%" /></el-form-item></el-col></el-row
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="并发限制"
|
||||||
|
><el-input-number v-model="platformForm.concurrencyLimit" :min="0" style="width: 100%" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="超时(ms)"
|
||||||
|
><el-input-number v-model="platformForm.requestTimeoutMs" :min="0" style="width: 100%" /></el-form-item></el-col></el-row
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="最大重试"><el-input-number v-model="platformForm.maxRetries" :min="0" style="width: 100%" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="重试延迟(ms)"
|
||||||
|
><el-input-number v-model="platformForm.retryDelayMs" :min="0" style="width: 100%" /></el-form-item></el-col></el-row></el-form
|
||||||
|
><template #footer
|
||||||
|
><el-button @click="platformDialog.visible = false">取消</el-button
|
||||||
|
><el-button type="primary" :loading="platformDialog.saving" @click="savePlatform">确定</el-button></template
|
||||||
|
></el-dialog
|
||||||
|
><el-dialog v-model="apiDialog.visible" :title="apiDialog.title" width="780px" :close-on-click-modal="false" destroy-on-close
|
||||||
|
><el-form ref="apiFormRef" :model="apiForm" :rules="apiRules" label-width="110px" v-loading="apiDialog.loading"
|
||||||
|
><el-form-item label="所属平台" prop="platformId"
|
||||||
|
><el-select v-model="apiForm.platformId" style="width: 100%" filterable
|
||||||
|
><el-option v-for="i in platforms" :key="i.id" :label="i.platformName" :value="String(i.id)" /></el-select></el-form-item
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="接口编码" prop="code"><el-input v-model="apiForm.code" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="接口名称" prop="name"><el-input v-model="apiForm.name" /></el-form-item></el-col></el-row
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="URL" prop="url"><el-input v-model="apiForm.url" /></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="请求方式" prop="method"
|
||||||
|
><el-select v-model="apiForm.method" style="width: 100%"
|
||||||
|
><el-option v-for="m in methods" :key="m" :label="m" :value="m" /></el-select></el-form-item></el-col></el-row
|
||||||
|
><el-row :gutter="16"
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="状态" prop="status"
|
||||||
|
><el-select v-model="apiForm.status" style="width: 100%"
|
||||||
|
><el-option label="启用" value="active" /><el-option label="禁用" value="inactive" /></el-select></el-form-item></el-col
|
||||||
|
><el-col :span="12"
|
||||||
|
><el-form-item label="认证类型"
|
||||||
|
><el-select v-model="apiForm.authType" style="width: 100%" clearable
|
||||||
|
><el-option label="Token" value="TOKEN" /><el-option label="API Key" value="API_KEY" /><el-option
|
||||||
|
label="OAuth2"
|
||||||
|
value="OAUTH2" /><el-option label="APP_SIGNATURE" value="APP_SIGNATURE" /></el-select></el-form-item></el-col></el-row
|
||||||
|
><el-form-item label="请求配置 JSON" prop="requestConfigText"
|
||||||
|
><el-input v-model="apiForm.requestConfigText" type="textarea" :rows="6" /></el-form-item
|
||||||
|
><el-form-item label="响应配置 JSON" prop="responseConfigText"
|
||||||
|
><el-input v-model="apiForm.responseConfigText" type="textarea" :rows="5" /></el-form-item
|
||||||
|
><el-form-item label="限流配置 JSON" prop="limitConfigText"
|
||||||
|
><el-input v-model="apiForm.limitConfigText" type="textarea" :rows="4" /></el-form-item
|
||||||
|
><el-form-item label="表结构定义 JSON" prop="tableDefinitionText"
|
||||||
|
><el-input v-model="apiForm.tableDefinitionText" type="textarea" :rows="6" /></el-form-item></el-form
|
||||||
|
><template #footer
|
||||||
|
><el-button @click="apiDialog.visible = false">取消</el-button
|
||||||
|
><el-button type="primary" :loading="apiDialog.saving" @click="saveApi">确定</el-button></template
|
||||||
|
></el-dialog
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
export default { name: 'cidApis' };
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, reactive, onMounted } from 'vue';
|
import { onMounted, reactive, ref } from 'vue';
|
||||||
import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
|
import type { FormInstance, FormRules } from 'element-plus';
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||||
const queryRef = ref<FormInstance>();
|
import { getApiErrorMessage } from '/@/utils/request';
|
||||||
const formRef = ref<FormInstance>();
|
import {
|
||||||
const ids = ref<string[]>([]);
|
createDatasourcePlatform,
|
||||||
|
deleteDatasourcePlatform,
|
||||||
const tableData = reactive({
|
getDatasourcePlatform,
|
||||||
data: [] as any[],
|
listDatasourcePlatforms,
|
||||||
total: 0,
|
updateDatasourcePlatform,
|
||||||
param: {
|
} from '/@/api/cid/datasource';
|
||||||
pageNum: 1,
|
import {
|
||||||
pageSize: 10,
|
createApiInterface,
|
||||||
keyword: '',
|
deleteApiInterface,
|
||||||
},
|
getApiInterface,
|
||||||
});
|
listApiInterfaces,
|
||||||
|
updateApiInterface,
|
||||||
const dialog = reactive({
|
type ApiInterfaceInfo,
|
||||||
visible: false,
|
} from '/@/api/cid/apis';
|
||||||
title: '',
|
defineOptions({ name: 'cidApis' });
|
||||||
saving: false,
|
const tab = ref('platform'),
|
||||||
});
|
methods = ['GET', 'POST', 'PUT', 'DELETE'],
|
||||||
|
platforms = ref<any[]>([]),
|
||||||
const form = reactive({
|
platformRows = ref<any[]>([]),
|
||||||
|
apiRows = ref<ApiInterfaceInfo[]>([]),
|
||||||
|
platformTotal = ref(0),
|
||||||
|
apiTotal = ref(0),
|
||||||
|
platformLoading = ref(false),
|
||||||
|
apiLoading = ref(false);
|
||||||
|
const pqf = ref<FormInstance>(),
|
||||||
|
aqf = ref<FormInstance>(),
|
||||||
|
platformFormRef = ref<FormInstance>(),
|
||||||
|
apiFormRef = ref<FormInstance>();
|
||||||
|
const pq = reactive({ pageNum: 1, pageSize: 10, keyword: '', status: '' }),
|
||||||
|
aq = reactive({ pageNum: 1, pageSize: 10, keyword: '', platformId: '', status: '', method: '' });
|
||||||
|
const platformDialog = reactive({ visible: false, title: '', loading: false, saving: false }),
|
||||||
|
apiDialog = reactive({ visible: false, title: '', loading: false, saving: false });
|
||||||
|
const dpf = () => ({
|
||||||
id: '',
|
id: '',
|
||||||
name: '',
|
platformCode: '',
|
||||||
path: '',
|
platformName: '',
|
||||||
method: 'GET',
|
|
||||||
datasourceId: '',
|
|
||||||
description: '',
|
description: '',
|
||||||
status: 1,
|
apiBaseUrl: '',
|
||||||
|
authType: 'TOKEN',
|
||||||
|
status: 'ACTIVE',
|
||||||
|
token: '',
|
||||||
|
apiKey: '',
|
||||||
|
clientId: '',
|
||||||
|
clientSecret: '',
|
||||||
|
authConfigText: '{}',
|
||||||
|
rateLimitPerMinute: 60,
|
||||||
|
rateLimitPerHour: 1000,
|
||||||
|
concurrencyLimit: 10,
|
||||||
|
requestTimeoutMs: 30000,
|
||||||
|
maxRetries: 3,
|
||||||
|
retryDelayMs: 1000,
|
||||||
});
|
});
|
||||||
|
const daf = () => ({
|
||||||
const rules = {
|
id: '',
|
||||||
name: [{ required: true, message: '请输入接口名称', trigger: 'blur' }],
|
platformId: '',
|
||||||
path: [{ required: true, message: '请输入接口路径', trigger: 'blur' }],
|
code: '',
|
||||||
method: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
|
name: '',
|
||||||
};
|
url: '',
|
||||||
|
method: 'GET',
|
||||||
const getList = () => {
|
status: 'active',
|
||||||
// TODO: 调用列表接口
|
authType: '',
|
||||||
};
|
requestConfigText: '{}',
|
||||||
|
responseConfigText: '{}',
|
||||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
limitConfigText: '{}',
|
||||||
if (!formEl) return;
|
tableDefinitionText: '{}',
|
||||||
formEl.resetFields();
|
});
|
||||||
getList();
|
const platformForm = reactive(dpf()),
|
||||||
};
|
apiForm = reactive(daf());
|
||||||
|
const jv = (v: string, cb: (e?: Error) => void, l: string) => {
|
||||||
const handleSelectionChange = (selection: any[]) => {
|
if (!v) return cb();
|
||||||
ids.value = selection.map((item) => item.id);
|
try {
|
||||||
};
|
JSON.parse(v);
|
||||||
|
cb();
|
||||||
const onOpenAdd = () => {
|
} catch {
|
||||||
dialog.title = '新增接口';
|
cb(new Error(`${l} 格式错误`));
|
||||||
dialog.visible = true;
|
|
||||||
form.id = '';
|
|
||||||
form.name = '';
|
|
||||||
form.path = '';
|
|
||||||
form.method = 'GET';
|
|
||||||
form.datasourceId = '';
|
|
||||||
form.description = '';
|
|
||||||
form.status = 1;
|
|
||||||
};
|
|
||||||
|
|
||||||
const onOpenEdit = (row: any) => {
|
|
||||||
dialog.title = '修改接口';
|
|
||||||
dialog.visible = true;
|
|
||||||
form.id = row.id;
|
|
||||||
form.name = row.name;
|
|
||||||
form.path = row.path;
|
|
||||||
form.method = row.method;
|
|
||||||
form.datasourceId = row.datasourceId;
|
|
||||||
form.description = row.description;
|
|
||||||
form.status = row.status;
|
|
||||||
};
|
|
||||||
|
|
||||||
const onSubmit = () => {
|
|
||||||
if (!formRef.value) return;
|
|
||||||
formRef.value.validate((valid) => {
|
|
||||||
if (!valid) return;
|
|
||||||
dialog.saving = true;
|
|
||||||
// TODO: 调用新增/编辑接口
|
|
||||||
dialog.saving = false;
|
|
||||||
dialog.visible = false;
|
|
||||||
getList();
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const onRowDel = (row: any) => {
|
|
||||||
const delIds = row ? [row.id] : ids.value;
|
|
||||||
if (delIds.length === 0) {
|
|
||||||
ElMessage.error('请选择要删除的数据');
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
ElMessageBox.confirm(`确定要删除选中的接口吗？`, '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
// TODO: 调用删除接口
|
|
||||||
ElMessage.success('删除成功');
|
|
||||||
getList();
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
};
|
};
|
||||||
|
const platformRules: FormRules = {
|
||||||
onMounted(() => {
|
platformCode: [{ required: true, message: '请输入平台编码', trigger: 'blur' }],
|
||||||
getList();
|
platformName: [{ required: true, message: '请输入平台名称', trigger: 'blur' }],
|
||||||
|
authType: [{ required: true, message: '请选择认证类型', trigger: 'change' }],
|
||||||
|
authConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '认证配置 JSON'), trigger: 'blur' }],
|
||||||
|
};
|
||||||
|
const apiRules: FormRules = {
|
||||||
|
platformId: [{ required: true, message: '请选择所属平台', trigger: 'change' }],
|
||||||
|
code: [{ required: true, message: '请输入接口编码', trigger: 'blur' }],
|
||||||
|
name: [{ required: true, message: '请输入接口名称', trigger: 'blur' }],
|
||||||
|
url: [{ required: true, message: '请输入接口 URL', trigger: 'blur' }],
|
||||||
|
method: [{ required: true, message: '请选择请求方式', trigger: 'change' }],
|
||||||
|
requestConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '请求配置 JSON'), trigger: 'blur' }],
|
||||||
|
responseConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '响应配置 JSON'), trigger: 'blur' }],
|
||||||
|
limitConfigText: [{ validator: (_r, v, cb) => jv(v, cb, '接口独立限流配置 JSON'), trigger: 'blur' }],
|
||||||
|
tableDefinitionText: [{ validator: (_r, v, cb) => jv(v, cb, '表结构定义 JSON'), trigger: 'blur' }],
|
||||||
|
};
|
||||||
|
const ft = (t?: number) => (!t ? '' : new Date(String(t).length === 10 ? t * 1000 : t).toLocaleString('zh-CN', { hour12: false })),
|
||||||
|
ns = (s?: string) => (String(s || '').toLowerCase() === 'active' ? 'active' : 'inactive');
|
||||||
|
const loadPlatforms = async () => {
|
||||||
|
const r = await listDatasourcePlatforms({ pageNum: 1, pageSize: 100 });
|
||||||
|
platforms.value = r.data?.list || [];
|
||||||
|
};
|
||||||
|
const getPlatforms = async () => {
|
||||||
|
platformLoading.value = true;
|
||||||
|
try {
|
||||||
|
const r = await listDatasourcePlatforms({
|
||||||
|
pageNum: pq.pageNum,
|
||||||
|
pageSize: pq.pageSize,
|
||||||
|
...(pq.keyword ? { keyword: pq.keyword } : {}),
|
||||||
|
...(pq.status ? { status: pq.status } : {}),
|
||||||
|
});
|
||||||
|
platformRows.value = r.data?.list || [];
|
||||||
|
platformTotal.value = r.data?.total || 0;
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || '获取平台列表失败');
|
||||||
|
} finally {
|
||||||
|
platformLoading.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const getApis = async () => {
|
||||||
|
apiLoading.value = true;
|
||||||
|
try {
|
||||||
|
const r = await listApiInterfaces({
|
||||||
|
pageNum: aq.pageNum,
|
||||||
|
pageSize: aq.pageSize,
|
||||||
|
...(aq.keyword ? { keyword: aq.keyword } : {}),
|
||||||
|
...(aq.platformId ? { platformId: aq.platformId } : {}),
|
||||||
|
...(aq.status ? { status: aq.status } : {}),
|
||||||
|
...(aq.method ? { method: aq.method } : {}),
|
||||||
|
});
|
||||||
|
apiRows.value = r.data?.list || [];
|
||||||
|
apiTotal.value = r.data?.total || 0;
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || '获取接口列表失败');
|
||||||
|
} finally {
|
||||||
|
apiLoading.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const onTab = () => (tab.value === 'platform' ? getPlatforms() : getApis());
|
||||||
|
const searchPlatform = () => {
|
||||||
|
pq.pageNum = 1;
|
||||||
|
getPlatforms();
|
||||||
|
};
|
||||||
|
const searchApi = () => {
|
||||||
|
aq.pageNum = 1;
|
||||||
|
getApis();
|
||||||
|
};
|
||||||
|
const resetPlatformQuery = () => {
|
||||||
|
pqf.value?.resetFields();
|
||||||
|
searchPlatform();
|
||||||
|
};
|
||||||
|
const resetApiQuery: any = () => {
|
||||||
|
aqf.value?.resetFields();
|
||||||
|
searchApi();
|
||||||
|
};
|
||||||
|
const openPlatform = async (row?: any) => {
|
||||||
|
Object.assign(platformForm, dpf());
|
||||||
|
platformFormRef.value?.clearValidate();
|
||||||
|
platformDialog.title = row ? '编辑平台' : '新建平台';
|
||||||
|
platformDialog.visible = true;
|
||||||
|
if (!row) return;
|
||||||
|
platformDialog.loading = true;
|
||||||
|
try {
|
||||||
|
const r = await getDatasourcePlatform(row.id);
|
||||||
|
const d = r.data || {};
|
||||||
|
Object.assign(platformForm, {
|
||||||
|
id: String(d.id || row.id),
|
||||||
|
platformCode: d.platformCode || '',
|
||||||
|
platformName: d.platformName || '',
|
||||||
|
description: d.description || '',
|
||||||
|
apiBaseUrl: d.apiBaseUrl || '',
|
||||||
|
authType: d.authType || 'TOKEN',
|
||||||
|
status: d.status || 'ACTIVE',
|
||||||
|
token: d.token || '',
|
||||||
|
apiKey: d.apiKey || '',
|
||||||
|
clientId: d.clientId || '',
|
||||||
|
clientSecret: d.clientSecret || '',
|
||||||
|
authConfigText: JSON.stringify(d.authConfig ?? {}, null, 2),
|
||||||
|
rateLimitPerMinute: d.rateLimitPerMinute ?? 60,
|
||||||
|
rateLimitPerHour: d.rateLimitPerHour ?? 1000,
|
||||||
|
concurrencyLimit: d.concurrencyLimit ?? 10,
|
||||||
|
requestTimeoutMs: d.requestTimeoutMs ?? 30000,
|
||||||
|
maxRetries: d.maxRetries ?? 3,
|
||||||
|
retryDelayMs: d.retryDelayMs ?? 1000,
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
platformDialog.visible = false;
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || '获取平台详情失败');
|
||||||
|
} finally {
|
||||||
|
platformDialog.loading = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const savePlatform = async () => {
|
||||||
|
if (!platformFormRef.value) return;
|
||||||
|
const ok = await platformFormRef.value.validate().catch(() => false);
|
||||||
|
if (!ok) return;
|
||||||
|
platformDialog.saving = true;
|
||||||
|
try {
|
||||||
|
const p = {
|
||||||
|
platformCode: platformForm.platformCode,
|
||||||
|
platformName: platformForm.platformName,
|
||||||
|
description: platformForm.description,
|
||||||
|
apiBaseUrl: platformForm.apiBaseUrl,
|
||||||
|
authType: platformForm.authType,
|
||||||
|
status: platformForm.status,
|
||||||
|
token: platformForm.token,
|
||||||
|
apiKey: platformForm.apiKey,
|
||||||
|
clientId: platformForm.clientId,
|
||||||
|
clientSecret: platformForm.clientSecret,
|
||||||
|
authConfig: JSON.parse(platformForm.authConfigText || '{}'),
|
||||||
|
rateLimitPerMinute: platformForm.rateLimitPerMinute || 60,
|
||||||
|
rateLimitPerHour: platformForm.rateLimitPerHour || 1000,
|
||||||
|
concurrencyLimit: platformForm.concurrencyLimit || 10,
|
||||||
|
requestTimeoutMs: platformForm.requestTimeoutMs || 30000,
|
||||||
|
maxRetries: platformForm.maxRetries || 3,
|
||||||
|
retryDelayMs: platformForm.retryDelayMs || 1000,
|
||||||
|
};
|
||||||
|
platformForm.id ? await updateDatasourcePlatform({ id: platformForm.id, ...p }) : await createDatasourcePlatform(p);
|
||||||
|
ElMessage.success(platformForm.id ? '更新成功' : '创建成功');
|
||||||
|
platformDialog.visible = false;
|
||||||
|
await Promise.all([getPlatforms(), loadPlatforms()]);
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || (platformForm.id ? '更新失败' : '创建失败'));
|
||||||
|
} finally {
|
||||||
|
platformDialog.saving = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const delPlatform = (row: any) => {
|
||||||
|
const ids = [row.id];
|
||||||
|
ElMessageBox.confirm(`确定删除平台「${row.platformName}」吗？`, '提示', { type: 'warning' })
|
||||||
|
.then(async () => {
|
||||||
|
try {
|
||||||
|
for (const id of ids) await deleteDatasourcePlatform(id);
|
||||||
|
ElMessage.success('删除成功');
|
||||||
|
await Promise.all([getPlatforms(), loadPlatforms()]);
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || '删除失败');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => undefined);
|
||||||
|
};
|
||||||
|
const openApi = async (id = '', platformId = '') => {
|
||||||
|
Object.assign(apiForm, daf(), platformId ? { platformId } : {});
|
||||||
|
apiFormRef.value?.clearValidate();
|
||||||
|
if (!platforms.value.length) await loadPlatforms();
|
||||||
|
apiDialog.title = id ? '编辑接口' : '新建接口';
|
||||||
|
apiDialog.visible = true;
|
||||||
|
if (!id) return;
|
||||||
|
apiDialog.loading = true;
|
||||||
|
try {
|
||||||
|
const r = await getApiInterface(id);
|
||||||
|
const d = r.data || {};
|
||||||
|
Object.assign(apiForm, {
|
||||||
|
id: String(d.id || id),
|
||||||
|
platformId: String(d.platformId || platformId || ''),
|
||||||
|
code: d.code || '',
|
||||||
|
name: d.name || '',
|
||||||
|
url: d.url || '',
|
||||||
|
method: d.method || 'GET',
|
||||||
|
status: ns(d.status),
|
||||||
|
authType: d.authType || '',
|
||||||
|
requestConfigText: JSON.stringify(d.requestConfig ?? {}, null, 2),
|
||||||
|
responseConfigText: JSON.stringify(d.responseConfig ?? {}, null, 2),
|
||||||
|
limitConfigText: JSON.stringify(d.limitConfig ?? {}, null, 2),
|
||||||
|
tableDefinitionText: JSON.stringify(d.tableDefinition ?? {}, null, 2),
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
apiDialog.visible = false;
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || '获取接口详情失败');
|
||||||
|
} finally {
|
||||||
|
apiDialog.loading = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const saveApi = async () => {
|
||||||
|
if (!apiFormRef.value) return;
|
||||||
|
const ok = await apiFormRef.value.validate().catch(() => false);
|
||||||
|
if (!ok) return;
|
||||||
|
apiDialog.saving = true;
|
||||||
|
try {
|
||||||
|
const p = {
|
||||||
|
platformId: Number(apiForm.platformId),
|
||||||
|
code: apiForm.code,
|
||||||
|
name: apiForm.name,
|
||||||
|
url: apiForm.url,
|
||||||
|
method: apiForm.method,
|
||||||
|
status: apiForm.status,
|
||||||
|
authType: apiForm.authType || undefined,
|
||||||
|
requestConfig: JSON.parse(apiForm.requestConfigText || '{}'),
|
||||||
|
responseConfig: JSON.parse(apiForm.responseConfigText || '{}'),
|
||||||
|
limitConfig: JSON.parse(apiForm.limitConfigText || '{}'),
|
||||||
|
tableDefinition: JSON.parse(apiForm.tableDefinitionText || '{}'),
|
||||||
|
};
|
||||||
|
apiForm.id ? await updateApiInterface({ id: apiForm.id, ...p }) : await createApiInterface(p);
|
||||||
|
ElMessage.success(apiForm.id ? '更新成功' : '创建成功');
|
||||||
|
apiDialog.visible = false;
|
||||||
|
await getApis();
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || (apiForm.id ? '更新失败' : '创建失败'));
|
||||||
|
} finally {
|
||||||
|
apiDialog.saving = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const delApi = (row: any) => {
|
||||||
|
ElMessageBox.confirm(`确定删除接口「${row.name}」吗？`, '提示', { type: 'warning' })
|
||||||
|
.then(async () => {
|
||||||
|
try {
|
||||||
|
await deleteApiInterface(String(row.id));
|
||||||
|
ElMessage.success('删除成功');
|
||||||
|
await getApis();
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error(getApiErrorMessage(e) || '删除失败');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => undefined);
|
||||||
|
};
|
||||||
|
onMounted(async () => {
|
||||||
|
await loadPlatforms();
|
||||||
|
await Promise.all([getPlatforms(), getApis()]);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user