新增接口文档功能和系统介绍页面

在'employee.vue'中添加了导航至接口文档的按钮,并实现了navigateToDocumentation方法,该方法会根据当前connector的信息跳转到相应的系统介绍页面。

在'b/src/views/port/sys/index.vue'中创建了一个新的Vue组件,用于展示接口文档内容,包括接口的名称、描述、价格和图片。

此功能增强了系统接口的易用性和可访问性,用户现在可以直接从'employee.vue'页面访问详细的接口文档。
master
wxy 2024-09-05 21:06:17 +08:00
parent 7513ecfe6d
commit 6c114703b2
1 changed files with 10 additions and 2 deletions

View File

@ -48,9 +48,17 @@
<el-button type="primary" style="float: right; padding: 10px 10px" @click="testWeatherForecast()" v-if="connector.connectorName=='天气预报'">API</el-button> <el-button type="primary" style="float: right; padding: 10px 10px" @click="testWeatherForecast()" v-if="connector.connectorName=='天气预报'">API</el-button>
<el-button type="primary" style="float: right; padding: 10px 10px" @click="navigateToDocumentation()"></el-button> <!-- <el-button type="primary" style="float: right; padding: 10px 10px" @click="navigateToDocumentation()"></el-button>-->
<el-button
type="primary"
style="float: right; padding: 10px 10px"
@click="navigateToDocumentation(connector)"
>
接口文档
</el-button>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
@ -383,7 +391,7 @@ export default {
//", //",
methods: { methods: {
navigateToDocumentation() { navigateToDocumentation(connector) {
this.$router.push({ this.$router.push({
path: '/port/sys', path: '/port/sys',
query: { query: {