From 39eeacaf78350623f522f79fa8313fc1d115712c Mon Sep 17 00:00:00 2001
From: wxy <14293288+zysysys@user.noreply.gitee.com>
Date: Fri, 6 Sep 2024 12:03:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=A3=E6=B7=BB=E5=8A=A0=E5=85=B3?=
 =?UTF-8?q?=E4=BA=8E=E5=AD=97=E7=AC=A6=E4=B8=B2=E3=80=81=E5=AD=97=E8=8A=82?=
 =?UTF-8?q?=E5=92=8Cvoid=E6=95=B0=E6=8D=AE=E7=B1=BB=E5=9E=8B=E7=9A=84?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在NumPy文档中，常规介绍部分现在包含了关于字符串、字节和void数据类型的信息，以及现有的数值类型。
---
 src/api/port/port/index.js       | 10 ++++
 src/views/port/port/employee.vue | 28 ++++------
 src/views/port/sys/index.vue     | 91 ++++++++++++++++----------------
 3 files changed, 66 insertions(+), 63 deletions(-)

diff --git a/src/api/port/port/index.js b/src/api/port/port/index.js
index 07190c7..6d3c870 100644
--- a/src/api/port/port/index.js
+++ b/src/api/port/port/index.js
@@ -14,6 +14,16 @@ export function findApiList(data) {
     data:data
   })
 }
+
+
+//TODO 根据ID查
+export function findApiById(id) {
+  return request({
+    url: '/mart/connector/findApiById/' + id,
+    method: 'get',
+  })
+}
+
 export function addConnector(data) {
   return request({
     url: '/mart/connector/addConnector',
diff --git a/src/views/port/port/employee.vue b/src/views/port/port/employee.vue
index 11ed661..54cdae3 100644
--- a/src/views/port/port/employee.vue
+++ b/src/views/port/port/employee.vue
@@ -48,16 +48,16 @@
                 <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(connector.connectorId)">接口文档</el-button>
 
 
-                <el-button
-                  type="primary"
-                  style="float: right; padding: 10px 10px"
-                  @click="navigateToDocumentation(connector)"
-                >
-                  接口文档
-                </el-button>
+<!--                <el-button-->
+<!--                  type="primary"-->
+<!--                  style="float: right; padding: 10px 10px"-->
+<!--                  @click="navigateToDocumentation(connector)"-->
+<!--                >-->
+<!--                  接口文档-->
+<!--                </el-button>-->
 
               </el-card>
             </el-col>
@@ -391,16 +391,10 @@ export default {
   //方法集合",
   methods: {
 
-    navigateToDocumentation(connector) {
+    navigateToDocumentation(id) {
       this.$router.push({
-        path: '/port/sys',
-        query: {
-          name: connector.connectorName,
-          picture: connector.connectorPicture,
-          describe: connector.connectorDescribe,
-          price: connector.connectorPrice,
-          requestMethod: this.buyForm.connectorRequest
-        }
+        path: `/port/sys`,
+        query: { id }
       });
     },
 
diff --git a/src/views/port/sys/index.vue b/src/views/port/sys/index.vue
index afc2bc0..fb37664 100644
--- a/src/views/port/sys/index.vue
+++ b/src/views/port/sys/index.vue
@@ -19,47 +19,16 @@
       <div v-if="activeTab === 'api-docs'">
         <el-main style="padding: 20px;">
           <div class="api-docs" style="margin-top: 20px;">
-            <h3>API 文档</h3>
             <el-card>
               <div slot="header" class="clearfix">
-                <span>接口地址</span>
-              </div>
-              <div>
-                <p>{{ apiEndpoint }}</p>
-              </div>
-            </el-card>
-            <el-card>
-              <div slot="header" class="clearfix">
-                <span>返回格式</span>
-              </div>
-              <div>
-                <p>{{ responseFormat }}</p>
-              </div>
-            </el-card>
-            <el-card>
-              <div slot="header" class="clearfix">
-                <span>请求方式</span>
+                <p>接口地址: {{apiEndpoint}}</p>
+                <p>请求方式: {{connectorRequest}}</p>
+                <p>请求示例: {{apiEndpoint}}?=你申请的KEY&{{apiKey}}</p>
               </div>
               <div>
                 <p>{{ requestMethod }}</p>
               </div>
             </el-card>
-            <el-card>
-              <div slot="header" class="clearfix">
-                <span>请求示例</span>
-              </div>
-              <div>
-                <pre>{{ requestExample }}</pre>
-              </div>
-            </el-card>
-            <el-card>
-              <div slot="header" class="clearfix">
-                <span>简介</span>
-              </div>
-              <div>
-                <p>{{ apiDescription }}</p>
-              </div>
-            </el-card>
           </div>
         </el-main>
       </div>
@@ -76,26 +45,56 @@
 </template>
 
 <script>
+
+import { findApiById } from "@/api/port/port";
+
 export default {
   data() {
     return {
-      activeTab: 'api-docs' ,
-      name: this.$route.query.name || '',
-      describe: this.$route.query.describe || '',
-      price: this.$route.query.price || '',
-      picture: this.$route.query.picture || '',
-      apiEndpoint: this.$route.query.apiEndpoint || 'N/A',
-      responseFormat: this.$route.query.responseFormat || 'N/A',
-      requestMethod: this.$route.query.requestMethod || 'N/A',
-      requestExample: this.$route.query.requestExample || 'N/A',
-      apiDescription: this.$route.query.apiDescription || 'N/A'
+      activeTab: 'api-docs',
+      name: '',
+      describe: '',
+      price: '',
+      picture: '',
+      apiKey:'N/A',
+      apiEndpoint: 'N/A',
+      connectorRequest: 'N/A',
+      responseFormat: 'N/A',
+      requestMethod: 'N/A',
+      requestExample: 'N/A',
+      apiDescription: 'N/A'
     };
   },
-  methods:{
-    handleTabClick(tab){
+  methods: {
+    handleTabClick(tab) {
       this.activeTab = tab.name;
+    },
+    async loadData(id) {
+      try {
+        const response = await findApiById(id);
+        const data = response.data;
+        this.name = data.connectorName;
+        this.describe = data.connectorDescribe;
+        this.price = data.connectorPrice;
+        this.picture = data.connectorPicture;
+        this.apiEndpoint = data.connectorApiurl;
+        this.apiKey = data.connectorApikey;
+        this.connectorRequest = data.connectorRequest
+        this.responseFormat = data.responseFormat;
+        this.requestMethod = data.requestMethod;
+        this.requestExample = data.requestExample;
+        this.apiDescription = data.apiDescription;
+      } catch (error) {
+        console.error("Failed to fetch API data:", error);
+      }
     }
   },
+  created() {
+    const id = this.$route.query.id;
+    if (id) {
+      this.loadData(id);
+    }
+  }
 };
 </script>