feat: 更新apikey文档

frontend/src/views/module_payment/account/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-loading="pageLoading" class="app-container" :element-loading-text="loadingText">
-    <el-tabs v-model="activeTab" class="account-tabs">
+    <el-tabs v-model="activeTab" class="account-tabs" type="card">
       <el-tab-pane label="账户概览" name="overview">
         <AccountOverview ref="overviewRef" :enterprise-id="currentEnterpriseId" @refresh="handleOverviewRefresh"
           @goTab="handleGoTab" />

frontend/src/views/module_payment/apikey/index.vue

@@ -380,31 +380,107 @@ Signature: {signature}</code></pre>
                       <td>payee_info</td>
                       <td>object</td>
                       <td>是</td>
-                      <td>收款方信息</td>
-                    </tr>
-                    <tr>
-                      <td>payee_info.identity_type</td>
-                      <td>string</td>
-                      <td>是</td>
-                      <td>收款方类型：alipay（支付宝账户）/ bank（银行卡）</td>
-                    </tr>
-                    <tr>
-                      <td>payee_info.name</td>
-                      <td>string</td>
-                      <td>是</td>
-                      <td>收款方真实姓名</td>
-                    </tr>
-                    <tr>
-                      <td>payee_info.identity</td>
-                      <td>string</td>
-                      <td>是</td>
-                      <td>收款方唯一标识（支付宝账号/银行卡号）</td>
-                    </tr>
-                    <tr>
-                      <td>payee_info.bankcard_ext_info</td>
-                      <td>object</td>
-                      <td>否</td>
-                      <td>银行卡信息（当 identity_type 为 bank 时必填）</td>
+                      <td>
+                        <div class="expandable-section">
+                          <span @click="toggleExpand('payee_info')" class="expand-btn">
+                            {{ expandedSections.payee_info ? '▼' : '▶' }} 收款方信息
+                          </span>
+                          <div v-if="expandedSections.payee_info" class="expandable-content">
+                            <table class="api-table nested-table">
+                              <thead>
+                                <tr>
+                                  <th>参数名</th>
+                                  <th>类型</th>
+                                  <th>是否必填</th>
+                                  <th>描述</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>identity_type</td>
+                                  <td>string</td>
+                                  <td>是</td>
+                                  <td>收款方类型：alipay（支付宝账户）/ bank（银行卡）</td>
+                                </tr>
+                                <tr>
+                                  <td>name</td>
+                                  <td>string</td>
+                                  <td>是</td>
+                                  <td>收款方真实姓名</td>
+                                </tr>
+                                <tr>
+                                  <td>identity</td>
+                                  <td>string</td>
+                                  <td>是</td>
+                                  <td>收款方唯一标识（支付宝账号/银行卡号）</td>
+                                </tr>
+                                <tr>
+                                  <td>bankcard_ext_info</td>
+                                  <td>object</td>
+                                  <td>否</td>
+                                  <td>
+                                    <div class="expandable-section">
+                                      <span @click="toggleExpand('bankcard_ext_info')" class="expand-btn">
+                                        {{ expandedSections.bankcard_ext_info ? '▼' : '▶' }} 银行卡信息（当 identity_type 为 bank 时必填）
+                                      </span>
+                                      <div v-if="expandedSections.bankcard_ext_info" class="expandable-content">
+                                        <table class="api-table nested-table">
+                                          <thead>
+                                            <tr>
+                                              <th>参数名</th>
+                                              <th>类型</th>
+                                              <th>是否必填</th>
+                                              <th>描述</th>
+                                            </tr>
+                                          </thead>
+                                          <tbody>
+                                            <tr>
+                                              <td>account_type</td>
+                                              <td>string</td>
+                                              <td>是</td>
+                                              <td>收款账户类型: 1/2。对公: 1，对私: 2</td>
+                                            </tr>
+                                            <tr>
+                                              <td>inst_name</td>
+                                              <td>string</td>
+                                              <td>否</td>
+                                              <td>机构名称（当 account_type 是 1 时必填）</td>
+                                            </tr>
+                                            <tr>
+                                              <td>inst_province</td>
+                                              <td>string</td>
+                                              <td>否</td>
+                                              <td>银行所在省份</td>
+                                            </tr>
+                                            <tr>
+                                              <td>inst_city</td>
+                                              <td>string</td>
+                                              <td>否</td>
+                                              <td>收款银行所在市</td>
+                                            </tr>
+                                            <tr>
+                                              <td>inst_branch_name</td>
+                                              <td>string</td>
+                                              <td>否</td>
+                                              <td>收款银行所属支行</td>
+                                            </tr>
+                                            <tr>
+                                              <td>bank_code</td>
+                                              <td>string</td>
+                                              <td>否</td>
+                                              <td>银行支行联行号</td>
+                                            </tr>
+                                          </tbody>
+                                        </table>
+                                      </div>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </div>
+                        </div>
+                      </td>
                     </tr>
                   </tbody>
                 </table>
@@ -476,6 +552,14 @@ const { searchRef, contentRef, handleQueryClick, handleResetClick, refreshList }
 const dataFormRef = ref();
 const submitLoading = ref(false);
 const apiKeyDetailVisible = ref(false);
+const expandedSections = ref({
+  payee_info: false,
+  bankcard_ext_info: false
+});
+
+function toggleExpand(section: string) {
+  expandedSections.value[section] = !expandedSections.value[section];
+}
 
 function getSectionTitle() {
   const titles = {
@@ -862,6 +946,44 @@ function downloadApiKeyCsv() {
   background-color: #f5f7fa;
 }
 
+.nested-table {
+  margin: 10px 0 0 20px;
+  font-size: 13px;
+}
+
+.expandable-section {
+  width: 100%;
+}
+
+.expand-btn {
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 500;
+  color: #409eff;
+  transition: all 0.3s ease;
+}
+
+.expand-btn:hover {
+  color: #66b1ff;
+}
+
+.expandable-content {
+  margin-top: 8px;
+  padding-left: 20px;
+  animation: slideDown 0.3s ease;
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 .card-header {
   display: flex;
   align-items: center;