feat(biz): 新增接口平台和接口定义管理功能

- 添加平台管理API接口，支持平台的增删改查和状态切换
- 添加接口定义管理API接口，支持接口的增删改查和完整URL构建
- 实现平台管理页面，包含表单验证、数据列表展示和操作功能
- 实现接口定义管理页面，支持平台选择、URI拼接和积分配置
- 创建平台和定义相关的数据类型定义文件
- 集成权限控制和字典数据绑定功能

src/api/biz/definition/index.ts

@@ -0,0 +1,41 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { DefinitionForm, DefinitionQuery, DefinitionVO } from '@/api/biz/definition/types';
+
+export function listDefinition(query?: DefinitionQuery): AxiosPromise<DefinitionVO[]> {
+  return request({
+    url: '/biz/definition/list',
+    method: 'get',
+    params: query
+  });
+}
+
+export function getDefinition(apiId: string | number): AxiosPromise<DefinitionVO> {
+  return request({
+    url: '/biz/definition/' + apiId,
+    method: 'get'
+  });
+}
+
+export function addDefinition(data: DefinitionForm) {
+  return request({
+    url: '/biz/definition',
+    method: 'post',
+    data: data
+  });
+}
+
+export function updateDefinition(data: DefinitionForm) {
+  return request({
+    url: '/biz/definition',
+    method: 'put',
+    data: data
+  });
+}
+
+export function delDefinition(apiId: string | number | Array<string | number>) {
+  return request({
+    url: '/biz/definition/' + apiId,
+    method: 'delete'
+  });
+}

src/api/biz/definition/types.ts

@@ -0,0 +1,39 @@
+export interface DefinitionVO {
+  apiId: string | number;
+  platformId: string | number;
+  platformName: string;
+  baseUrl: string;
+  apiCode: string;
+  apiName: string;
+  apiUri: string;
+  fullUrl: string;
+  requestMethod: string;
+  pointsCost: number;
+  timeout: number;
+  contentType: string;
+  status: string;
+  remark: string;
+  createTime: string;
+}
+
+export interface DefinitionForm extends BaseEntity {
+  apiId?: string | number;
+  platformId?: string | number;
+  apiCode?: string;
+  apiName?: string;
+  apiUri?: string;
+  requestMethod?: string;
+  pointsCost?: number;
+  timeout?: number;
+  contentType?: string;
+  status?: string;
+  remark?: string;
+}
+
+export interface DefinitionQuery extends PageQuery {
+  platformId?: string | number;
+  apiCode?: string;
+  apiName?: string;
+  requestMethod?: string;
+  status?: string;
+}

src/api/biz/platform/index.ts

@@ -0,0 +1,63 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { PlatformForm, PlatformOptionVO, PlatformQuery, PlatformVO } from '@/api/biz/platform/types';
+
+export function listPlatform(query?: PlatformQuery): AxiosPromise<PlatformVO[]> {
+  return request({
+    url: '/biz/platform/list',
+    method: 'get',
+    params: query
+  });
+}
+
+export function getPlatform(platformId: string | number): AxiosPromise<PlatformVO> {
+  return request({
+    url: '/biz/platform/' + platformId,
+    method: 'get'
+  });
+}
+
+export function optionselectPlatform(): AxiosPromise<PlatformOptionVO[]> {
+  return request({
+    url: '/biz/platform/optionselect',
+    method: 'get'
+  });
+}
+
+export function addPlatform(data: PlatformForm) {
+  return request({
+    url: '/biz/platform',
+    method: 'post',
+    data: data
+  });
+}
+
+export function updatePlatform(data: PlatformForm) {
+  return request({
+    url: '/biz/platform',
+    method: 'put',
+    data: data
+  });
+}
+
+export function delPlatform(platformId: string | number | Array<string | number>) {
+  return request({
+    url: '/biz/platform/' + platformId,
+    method: 'delete'
+  });
+}
+
+export function changePlatformStatus(platformId: string | number, status: string) {
+  return request({
+    url: '/biz/platform/changeStatus',
+    method: 'put',
+    data: { platformId, status }
+  });
+}
+
+export function resetPlatformSecret(platformId: string | number) {
+  return request({
+    url: '/biz/platform/resetSecret/' + platformId,
+    method: 'put'
+  });
+}

src/api/biz/platform/types.ts

@@ -0,0 +1,42 @@
+export interface PlatformVO {
+  platformId: string | number;
+  platformCode: string;
+  platformName: string;
+  baseUrl: string;
+  appKey: string;
+  appSecret: string;
+  token: string;
+  tokenExpireTime: string;
+  authType: string;
+  status: string;
+  remark: string;
+  createTime: string;
+}
+
+export interface PlatformOptionVO {
+  platformId: string | number;
+  platformCode: string;
+  platformName: string;
+  baseUrl: string;
+}
+
+export interface PlatformForm extends BaseEntity {
+  platformId?: string | number;
+  platformCode?: string;
+  platformName?: string;
+  baseUrl?: string;
+  appKey?: string;
+  appSecret?: string;
+  token?: string;
+  tokenExpireTime?: string;
+  authType?: string;
+  status?: string;
+  remark?: string;
+}
+
+export interface PlatformQuery extends PageQuery {
+  platformCode?: string;
+  platformName?: string;
+  authType?: string;
+  status?: string;
+}

src/views/biz/apiDefinition/index.vue

@@ -0,0 +1,332 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="search">
+        <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="85px">
+          <el-form-item label="接口名称" prop="apiName">
+            <el-input v-model="queryParams.apiName" placeholder="请输入接口名称" clearable @keyup.enter="handleQuery" />
+          </el-form-item>
+          <el-form-item label="所属平台" prop="platformId">
+            <el-select v-model="queryParams.platformId" placeholder="请选择平台" clearable>
+              <el-option
+                v-for="item in platformOptions"
+                :key="item.platformId"
+                :label="item.platformName + ' (' + item.platformCode + ')'"
+                :value="item.platformId"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="请求方式" prop="requestMethod">
+            <el-select v-model="queryParams.requestMethod" placeholder="请求方式" clearable>
+              <el-option v-for="dict in biz_request_method" :key="dict.value" :label="dict.label" :value="dict.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select v-model="queryParams.status" placeholder="状态" clearable>
+              <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:definition:add']" type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:definition:edit']" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()">修改</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:definition:remove']" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()">删除</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:definition:export']" type="warning" plain icon="Download" @click="handleExport">导出</el-button>
+          </el-col>
+          <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="definitionList" border @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="接口编码" align="center" prop="apiCode" min-width="120" />
+        <el-table-column label="接口名称" align="center" prop="apiName" min-width="120" />
+        <el-table-column label="平台名称" align="center" prop="platformName" min-width="120" />
+        <el-table-column label="完整地址" align="center" prop="fullUrl" min-width="240" show-overflow-tooltip />
+        <el-table-column label="请求方式" align="center" prop="requestMethod" width="100">
+          <template #default="scope">
+            <dict-tag :options="biz_request_method" :value="scope.row.requestMethod" />
+          </template>
+        </el-table-column>
+        <el-table-column label="消耗积分" align="center" prop="pointsCost" width="90" />
+        <el-table-column label="状态" align="center" prop="status" width="80">
+          <template #default="scope">
+            <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button v-hasPermi="['biz:definition:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button v-hasPermi="['biz:definition:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
+    </el-card>
+
+    <el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body>
+      <el-form ref="definitionFormRef" :model="form" :rules="rules" label-width="110px">
+        <el-form-item label="所属平台" prop="platformId">
+          <el-select v-model="form.platformId" placeholder="请选择平台" @change="handlePlatformChange">
+            <el-option
+              v-for="item in platformOptions"
+              :key="item.platformId"
+              :label="item.platformName + ' (' + item.platformCode + ')'"
+              :value="item.platformId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="接口编码" prop="apiCode">
+          <el-input v-model="form.apiCode" :disabled="!!form.apiId" placeholder="请输入接口编码" />
+        </el-form-item>
+        <el-form-item label="接口名称" prop="apiName">
+          <el-input v-model="form.apiName" placeholder="请输入接口名称" />
+        </el-form-item>
+        <el-form-item label="访问URI" prop="apiUri">
+          <el-input v-model="form.apiUri" placeholder="/v1/user/query" @input="updateFullUrlPreview" />
+        </el-form-item>
+        <el-form-item label="完整地址预览">
+          <el-input :model-value="fullUrlPreview" readonly placeholder="选择平台并填写URI后自动生成" />
+        </el-form-item>
+        <el-form-item label="请求方式" prop="requestMethod">
+          <el-select v-model="form.requestMethod" placeholder="请选择请求方式">
+            <el-option v-for="dict in biz_request_method" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="消耗积分" prop="pointsCost">
+          <el-input-number v-model="form.pointsCost" :min="0" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="超时(秒)" prop="timeout">
+          <el-input-number v-model="form.timeout" :min="1" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="Content-Type" prop="contentType">
+          <el-select v-model="form.contentType" placeholder="请选择Content-Type" allow-create filterable default-first-option>
+            <el-option label="application/json" value="application/json" />
+            <el-option label="application/x-www-form-urlencoded" value="application/x-www-form-urlencoded" />
+            <el-option label="multipart/form-data" value="multipart/form-data" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status">
+            <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="BizApiDefinition" lang="ts">
+import { optionselectPlatform } from '@/api/biz/platform';
+import { PlatformOptionVO } from '@/api/biz/platform/types';
+import { addDefinition, delDefinition, getDefinition, listDefinition, updateDefinition } from '@/api/biz/definition';
+import { DefinitionForm, DefinitionQuery, DefinitionVO } from '@/api/biz/definition/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const dictData = proxy?.useDict('sys_normal_disable', 'biz_request_method') ?? {};
+const { sys_normal_disable, biz_request_method } = toRefs<any>(reactive(dictData));
+
+const definitionList = ref<DefinitionVO[]>([]);
+const platformOptions = ref<PlatformOptionVO[]>([]);
+const fullUrlPreview = ref('');
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const definitionFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: DefinitionForm = {
+  apiId: undefined,
+  platformId: undefined,
+  apiCode: undefined,
+  apiName: undefined,
+  apiUri: undefined,
+  requestMethod: 'GET',
+  pointsCost: 0,
+  timeout: 30,
+  contentType: 'application/json',
+  status: '0',
+  remark: undefined
+};
+
+const data = reactive<PageData<DefinitionForm, DefinitionQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    platformId: undefined,
+    apiName: undefined,
+    requestMethod: undefined,
+    status: undefined
+  },
+  rules: {
+    platformId: [{ required: true, message: '所属平台不能为空', trigger: 'change' }],
+    apiCode: [{ required: true, message: '接口编码不能为空', trigger: 'blur' }],
+    apiName: [{ required: true, message: '接口名称不能为空', trigger: 'blur' }],
+    apiUri: [{ required: true, message: '访问URI不能为空', trigger: 'blur' }],
+    requestMethod: [{ required: true, message: '请求方式不能为空', trigger: 'change' }],
+    pointsCost: [{ required: true, message: '消耗积分不能为空', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const buildFullUrl = (baseUrl?: string, apiUri?: string) => {
+  if (!baseUrl || !apiUri) {
+    return '';
+  }
+  const base = baseUrl.trim().replace(/\/+$/, '');
+  let uri = apiUri.trim();
+  if (!uri.startsWith('/')) {
+    uri = '/' + uri;
+  }
+  return base + uri;
+};
+
+const updateFullUrlPreview = () => {
+  const platform = platformOptions.value.find((item) => item.platformId === form.value.platformId);
+  fullUrlPreview.value = buildFullUrl(platform?.baseUrl, form.value.apiUri);
+};
+
+const loadPlatformOptions = async () => {
+  try {
+    const res = await optionselectPlatform();
+    platformOptions.value = res.data ?? [];
+  } catch {
+    platformOptions.value = [];
+  }
+};
+
+const getList = async () => {
+  loading.value = true;
+  try {
+    const res = await listDefinition(queryParams.value);
+    definitionList.value = res.rows ?? [];
+    total.value = res.total ?? 0;
+  } finally {
+    loading.value = false;
+  }
+};
+
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+const reset = () => {
+  form.value = { ...initFormData };
+  fullUrlPreview.value = '';
+  definitionFormRef.value?.resetFields();
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+const handleSelectionChange = (selection: DefinitionVO[]) => {
+  ids.value = selection.map((item) => item.apiId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+const handlePlatformChange = () => {
+  updateFullUrlPreview();
+};
+
+const handleAdd = async () => {
+  reset();
+  await loadPlatformOptions();
+  dialog.visible = true;
+  dialog.title = '新增接口定义';
+};
+
+const handleUpdate = async (row?: DefinitionVO) => {
+  reset();
+  await loadPlatformOptions();
+  const apiId = row?.apiId || ids.value[0];
+  const res = await getDefinition(apiId);
+  Object.assign(form.value, res.data);
+  updateFullUrlPreview();
+  dialog.visible = true;
+  dialog.title = '修改接口定义';
+};
+
+const submitForm = () => {
+  definitionFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.apiId) {
+        await updateDefinition(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addDefinition(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const handleDelete = async (row?: DefinitionVO) => {
+  const apiIds = row?.apiId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除接口编号为"' + apiIds + '"的数据项？');
+  await delDefinition(apiIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+const handleExport = () => {
+  proxy?.download('biz/definition/export', { ...queryParams.value }, `definition_${new Date().getTime()}.xlsx`);
+};
+
+onMounted(async () => {
+  await loadPlatformOptions();
+  await getList();
+});
+</script>

src/views/biz/platform/index.vue

@@ -0,0 +1,291 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="search">
+        <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="85px">
+          <el-form-item label="平台名称" prop="platformName">
+            <el-input v-model="queryParams.platformName" placeholder="请输入平台名称" clearable @keyup.enter="handleQuery" />
+          </el-form-item>
+          <el-form-item label="平台编码" prop="platformCode">
+            <el-input v-model="queryParams.platformCode" placeholder="请输入平台编码" clearable @keyup.enter="handleQuery" />
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select v-model="queryParams.status" placeholder="状态" clearable>
+              <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:platform:add']" type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:platform:edit']" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()">修改</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:platform:remove']" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()">删除</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button v-hasPermi="['biz:platform:export']" type="warning" plain icon="Download" @click="handleExport">导出</el-button>
+          </el-col>
+          <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="platformList" border @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="平台编码" align="center" prop="platformCode" min-width="100" />
+        <el-table-column label="平台名称" align="center" prop="platformName" min-width="120" />
+        <el-table-column label="请求地址" align="center" prop="baseUrl" min-width="200" show-overflow-tooltip />
+        <el-table-column label="AppKey" align="center" prop="appKey" min-width="120" show-overflow-tooltip />
+        <el-table-column label="AppSecret" align="center" prop="appSecret" min-width="120" show-overflow-tooltip />
+        <el-table-column label="Token" align="center" prop="token" min-width="120" show-overflow-tooltip />
+        <el-table-column label="认证方式" align="center" prop="authType" width="120">
+          <template #default="scope">
+            <dict-tag :options="biz_auth_type" :value="scope.row.authType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" align="center" width="80">
+          <template #default="scope">
+            <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button v-hasPermi="['biz:platform:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button v-hasPermi="['biz:platform:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
+    </el-card>
+
+    <el-dialog v-model="dialog.visible" :title="dialog.title" width="600px" append-to-body>
+      <el-form ref="platformFormRef" :model="form" :rules="rules" label-width="110px">
+        <el-form-item label="平台编码" prop="platformCode">
+          <el-input v-model="form.platformCode" :disabled="!!form.platformId" placeholder="请输入平台编码" />
+        </el-form-item>
+        <el-form-item label="平台名称" prop="platformName">
+          <el-input v-model="form.platformName" placeholder="请输入平台名称" />
+        </el-form-item>
+        <el-form-item label="请求地址" prop="baseUrl">
+          <el-input v-model="form.baseUrl" placeholder="https://api.example.com" />
+        </el-form-item>
+        <el-form-item label="认证方式" prop="authType">
+          <el-radio-group v-model="form.authType">
+            <el-radio v-for="dict in biz_auth_type" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="AppKey" prop="appKey">
+          <el-input v-model="form.appKey" placeholder="请输入AppKey" />
+        </el-form-item>
+        <el-form-item label="AppSecret" prop="appSecret">
+          <el-input v-model="form.appSecret" type="password" show-password placeholder="请输入AppSecret" />
+          <el-button v-if="form.platformId" class="ml-2" type="warning" plain @click="handleResetSecret">重置</el-button>
+        </el-form-item>
+        <el-form-item label="Token" prop="token">
+          <el-input v-model="form.token" type="password" show-password placeholder="请输入Token" />
+        </el-form-item>
+        <el-form-item label="Token过期时间" prop="tokenExpireTime">
+          <el-date-picker v-model="form.tokenExpireTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择Token过期时间" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status">
+            <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="BizPlatform" lang="ts">
+import {
+  addPlatform,
+  changePlatformStatus,
+  delPlatform,
+  getPlatform,
+  listPlatform,
+  resetPlatformSecret,
+  updatePlatform
+} from '@/api/biz/platform';
+import { PlatformForm, PlatformQuery, PlatformVO } from '@/api/biz/platform/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { sys_normal_disable, biz_auth_type } = toRefs<any>(proxy?.useDict('sys_normal_disable', 'biz_auth_type'));
+
+const platformList = ref<PlatformVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const platformFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: PlatformForm = {
+  platformId: undefined,
+  platformCode: undefined,
+  platformName: undefined,
+  baseUrl: undefined,
+  appKey: undefined,
+  appSecret: undefined,
+  token: undefined,
+  tokenExpireTime: undefined,
+  authType: '0',
+  status: '0',
+  remark: undefined
+};
+
+const data = reactive<PageData<PlatformForm, PlatformQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    platformCode: undefined,
+    platformName: undefined,
+    status: undefined
+  },
+  rules: {
+    platformCode: [{ required: true, message: '平台编码不能为空', trigger: 'blur' }],
+    platformName: [{ required: true, message: '平台名称不能为空', trigger: 'blur' }],
+    baseUrl: [{ required: true, message: '请求地址不能为空', trigger: 'blur' }],
+    authType: [{ required: true, message: '认证方式不能为空', trigger: 'change' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const getList = async () => {
+  loading.value = true;
+  const res = await listPlatform(queryParams.value);
+  platformList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+const reset = () => {
+  form.value = { ...initFormData };
+  platformFormRef.value?.resetFields();
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+const handleSelectionChange = (selection: PlatformVO[]) => {
+  ids.value = selection.map((item) => item.platformId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增接口平台';
+};
+
+const handleUpdate = async (row?: PlatformVO) => {
+  reset();
+  const platformId = row?.platformId || ids.value[0];
+  const res = await getPlatform(platformId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改接口平台';
+};
+
+const submitForm = () => {
+  platformFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.platformId) {
+        await updatePlatform(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addPlatform(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const handleDelete = async (row?: PlatformVO) => {
+  const platformIds = row?.platformId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除平台编号为"' + platformIds + '"的数据项？');
+  await delPlatform(platformIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+const handleExport = () => {
+  proxy?.download('biz/platform/export', { ...queryParams.value }, `platform_${new Date().getTime()}.xlsx`);
+};
+
+const handleStatusChange = async (row: PlatformVO) => {
+  const text = row.status === '0' ? '启用' : '停用';
+  try {
+    await proxy?.$modal.confirm('确认要"' + text + '""' + row.platformName + '"平台吗?');
+    await changePlatformStatus(row.platformId, row.status);
+    proxy?.$modal.msgSuccess(text + '成功');
+  } catch {
+    row.status = row.status === '0' ? '1' : '0';
+  }
+};
+
+const handleResetSecret = async () => {
+  if (!form.value.platformId) {
+    return;
+  }
+  await proxy?.$modal.confirm('确认要重置该平台的AppSecret吗？');
+  const res = await resetPlatformSecret(form.value.platformId);
+  form.value.appSecret = res.data;
+  proxy?.$modal.msgSuccess('重置成功');
+};
+
+onMounted(() => {
+  getList();
+});
+</script>