完成获取appid和secret的接口调用

src/api/console.js

@@ -18,3 +18,12 @@ export function auditInfo(query) {
         data: query
     })
 }
+
+
+// 根据用户查询AppId和AppSecret
+export function appInfo() {
+    return request({
+        url: '/apihub/app-credential/get',
+        method: 'get',
+    })
+}

src/views/console/overview.vue

@@ -102,6 +102,22 @@
         <el-card shadow="never">
           <template #header>
             <div class="card-header">
+              <span>AppId和AppSecret</span>
+            </div>
+          </template>
+          <el-form-item label="AppId：">
+            <div>{{ appData.appId }}</div>
+          </el-form-item>
+          <el-form-item label="AppSecret：">
+            <div>{{ appData.appSecret }}
+            </div>
+          </el-form-item>
+        </el-card>
+      </el-col>
+      <el-col :span="12">
+        <el-card shadow="never">
+          <template #header>
+            <div class="card-header">
               <span>常见Q&A</span>
             </div>
           </template>
@@ -121,17 +137,20 @@
 </template>
 
 <script setup name="Overview">
-import {auditInfo} from '@/api/console.js'
+import {auditInfo, appInfo} from '@/api/console.js'
 import {ref} from 'vue'
 import {ElMessageBox} from 'element-plus'
 import {parseTime} from "../../utils/ruoyi.js";
 import {useDict} from "@/utils/dict.js";
 import {listData} from "@/api/system/dict/data.js";
+import {get} from "@vueuse/core";
 
 // const {proxy} = getCurrentInstance();
 // const {check_status} = proxy.useDict("check_status");
 
 const infoData = ref({})
+const appData = ref({})
+
 
 function getAuditInfo() {
   auditInfo().then(res => {
@@ -139,6 +158,13 @@ function getAuditInfo() {
   })
 }
 
+
+function getAppInfo() {
+  appInfo().then(res => {
+    appData.value = res.data
+  })
+}
+
 /** 查看驳回理由按钮操作 */
 function handleViewReason() {
   ElMessageBox.alert(infoData.value.remark, '驳回理由', {
@@ -149,6 +175,7 @@ function handleViewReason() {
 }
 
 getAuditInfo()
+getAppInfo()
 </script>
 <style scoped lang="scss">
 .remind {