diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index 7263ce45ac862e471408ebb62d8c8cb05f7a6998..5ad57468b60c6128fa4d644ab29192798952410c 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -10,6 +10,7 @@ export default {
     null: 'No Data',
     createTime: 'Create Time',
     operate: 'Operate',
+    copy: 'Copy',
   },
   settings: {
     model: 'Model',
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index 8243536d12a19fd4eef5ea3a3d973ba1dee35ac0..7222b87347cfedc8d29aa134a6052c70c2de39a7 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -10,6 +10,7 @@ export default {
     null: '暂无数据',
     createTime: '创建时间',
     operate: '操作',
+    copy: '复制',
   },
   settings: {
     model: '模型',
diff --git a/src/views/api/components/McpServiceDetail.vue b/src/views/api/components/McpServiceDetail.vue
index 94f35bdd86a4620e1853d89f66c5b2d7dbb2f215..5f8abef6bea3446b0e4fb0e17bf069e25c91ed10 100644
--- a/src/views/api/components/McpServiceDetail.vue
+++ b/src/views/api/components/McpServiceDetail.vue
@@ -50,19 +50,12 @@ const activeTab = ref<'description' | 'tools'>('description');
 
 const mcpServiceDetail = ref<McpDetail>();
 
-const activeNames = ref([]);
+const activeNames = ref<string[]>([]);
 
 async function getMcpServiceDetail(serviceId: string) {
   const [_, res] = await api.getMcpServiceDetail(serviceId);
   if (res) {
     mcpServiceDetail.value = res.result;
-    // mcpServiceDetail.value.tools.forEach((tool) => {
-    //   tool.input_schema.properties = []
-    //   for (const key in tool.input_schema.properties) {
-    //     tooo
-    //   }
-    // })
-    // console.log(mcpServiceDetail.value);
   }
 }
 
@@ -72,6 +65,9 @@ watch(
     if (props.visible) {
       if (!props.serviceId) return;
       getMcpServiceDetail(props.serviceId);
+    } else {
+      mcpServiceDetail.value = undefined;
+      activeTab.value = 'description';
     }
   },
 );
@@ -81,6 +77,7 @@ watch(
     <el-drawer
       size="700"
       :model-value="visible"
+      destroy-on-close
       title="服务详情"
       @close="emits('update:visible', false)"
     >
@@ -111,12 +108,19 @@ watch(
                   {{ tool.description }}
                 </span>
                 <el-collapse v-model="activeNames">
-                  <el-collapse-item
-                    :name="`${tool.name}-regeocode`"
-                    :icon="CaretRight"
-                  >
+                  <el-collapse-item :name="`${tool.name}-regeocode`">
                     <template #title>
                       <span class="collapse-title">工具入参</span>
+                      <el-icon
+                        class="collapse-icon"
+                        :class="{
+                          'collapse-icon-active': activeNames.includes(
+                            `${tool.name}-regeocode`,
+                          ),
+                        }"
+                      >
+                        <CaretRight />
+                      </el-icon>
                     </template>
                     <div
                       class="tool-parameter"
@@ -134,11 +138,20 @@ watch(
                   </el-collapse-item>
                   <el-collapse-item
                     :name="`${tool.name}-geocode`"
-                    :icon="CaretRight"
                     v-if="tool.output_schema"
                   >
                     <template #title>
                       <span class="collapse-title">工具出参</span>
+                      <el-icon
+                        class="collapse-icon"
+                        :class="{
+                          'collapse-icon-active': activeNames.includes(
+                            `${tool.name}-geocode`,
+                          ),
+                        }"
+                      >
+                        <CaretRight />
+                      </el-icon>
                     </template>
 
                     <div
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 67283135db9b79c7c518caf431531776c54a5c44..3416bcd1be29d30f13547f184d71e3407e1d85f9 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -128,38 +128,54 @@
                   </template>
                   <template #footer>
                     <div class="apiCenterCardBottom">
-                      <div class="apiCenterCardUser">@{{ item.author }}</div>
-                      <div
-                        class="apiCenterCardOps"
-                        v-if="
-                          userinfo.user_sub === item.author ||
-                          pluginType === 'mcp'
-                        "
-                      >
-                        <div v-if="userinfo.is_admin">
-                          <el-button
-                            text
-                            @click.stop="onOpenMcpDrawer(item.serviceId)"
+                      <div class="apiCenterCardId" v-if="pluginType === 'mcp'">
+                        <span>ID: {{ item.serviceId }}</span>
+                        <el-tooltip
+                          effect="dark"
+                          :content="$t('common.copy')"
+                          placement="top"
+                        >
+                          <el-icon
+                            @click.stop="onCopyServiceId(item.serviceId)"
                           >
-                            {{ $t('semantic.interface_edit') }}
-                          </el-button>
+                            <CopyDocument />
+                          </el-icon>
+                        </el-tooltip>
+                      </div>
+                      <div class="apiCenterCardFooter">
+                        <div class="apiCenterCardUser">@{{ item.author }}</div>
+                        <div
+                          class="apiCenterCardOps"
+                          v-if="
+                            userinfo.user_sub === item.author ||
+                            pluginType === 'mcp'
+                          "
+                        >
+                          <div v-if="userinfo.is_admin">
+                            <el-button
+                              text
+                              @click.stop="onOpenMcpDrawer(item.serviceId)"
+                            >
+                              {{ $t('semantic.interface_edit') }}
+                            </el-button>
+                            <el-button
+                              text
+                              @click.stop="handleDelApi(item.serviceId)"
+                            >
+                              {{ $t('semantic.interface_delete') }}
+                            </el-button>
+                          </div>
+
                           <el-button
+                            v-else
                             text
-                            @click.stop="handleDelApi(item.serviceId)"
+                            @click.stop="
+                              onActiveService(item.serviceId, item.isActive)
+                            "
                           >
-                            {{ $t('semantic.interface_delete') }}
+                            {{ item.isActive ? '取消激活' : '激活' }}
                           </el-button>
                         </div>
-
-                        <el-button
-                          v-else
-                          text
-                          @click.stop="
-                            onActiveService(item.serviceId, item.isActive)
-                          "
-                        >
-                          {{ item.isActive ? '取消激活' : '激活' }}
-                        </el-button>
                       </div>
                     </div>
                   </template>
@@ -179,12 +195,12 @@
         :title="actionName"
         :show-close="false"
         header-class="drawerHeader"
-        destory-on-close="true"
+        destroy-on-close
         :direction="direction"
         :before-close="handleClose"
       >
         <div class="drawerContent">
-          <div v-if="actions === 'upload'" style="height: 100%;">
+          <div v-if="actions === 'upload'" style="height: 100%">
             <Upload
               type="upload"
               @closeDrawer="handleClose"
@@ -248,6 +264,7 @@ import { useRouter } from 'vue-router';
 import { api } from 'src/apis';
 import { ElMessageBox } from 'element-plus';
 import { IconAlarm } from '@computing/opendesign-icons';
+import { CopyDocument } from '@element-plus/icons-vue';
 import Upload from '@/components/Upload/index.vue';
 import { successMsg } from 'src/components/Message';
 import { useAccountStore } from 'src/store';
@@ -257,6 +274,9 @@ import i18n from 'src/i18n';
 import CustomLoading from '../customLoading/index.vue';
 import McpDrawer from './components/McpDrawer.vue';
 import McpServiceDetailDrawer from './components/McpServiceDetail.vue';
+import { writeText } from '@/utils';
+
+const { t } = i18n.global;
 
 const mcpDrawerVisible = ref(false);
 const mcpDetailDrawerVisible = ref(false);
@@ -440,7 +460,6 @@ const handleFavorite = (e, item) => {
 };
 
 const handleSearchApiList = (type: 'my' | 'createdByMe' | 'favorited') => {
-  console.log(type,'type');
   if (type === 'my') {
     apiType.value = 'my';
     queryList(pluginType.value);
@@ -452,6 +471,11 @@ const handleSearchApiList = (type: 'my' | 'createdByMe' | 'favorited') => {
   }
 };
 
+function onCopyServiceId(id: string) {
+  writeText(id);
+  successMsg(t('feedback.copied_successfully'));
+}
+
 const handleDelApi = (id: string) => {
   if (pluginType.value === 'semantic_interface') {
     ElMessageBox.confirm('确定删除此接口吗？', '提示', {
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index fb4c0923df85b87e62a95d14c90cb5ed7f2aa055..2b0e5384e604786eb1460155a2861ef85492fb30 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -78,7 +78,6 @@
           justify-content: space-between;
           border-radius: 8px;
           width: 320px;
-          height: 136px;
           padding: 16px;
           background-color: var(--o-bg-color-base);
           .apiCenterCardContentCollect {
@@ -105,17 +104,33 @@
           .apiCenterCardBottom {
             margin-top: 16px;
             display: flex;
-            justify-content: space-between;
-            .apiCenterCardUser {
+            flex-direction: column;
+
+            .apiCenterCardId {
               font-size: 12px;
               line-height: 16px;
+              display: flex ;
+              align-items: center;
+              justify-content: space-between;
             }
-            .apiCenterCardOps {
-              .el-button span {
-                color: #6395fd;
+            .apiCenterCardFooter {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              margin-top: 4px;
+
+              .apiCenterCardUser {
                 font-size: 12px;
+                line-height: 16px;
+              }
+              .apiCenterCardOps {
+                .el-button span {
+                  color: #6395fd;
+                  font-size: 12px;
+                }
               }
             }
+           
           }
         }
         .apiCenterCardSingle:hover {