优化

src/modules/customers/pages/CustomerDetailView.test.ts

@@ -53,6 +53,7 @@ describe('CustomerDetailView', () => {
   beforeEach(() => {
     vi.clearAllMocks()
     vi.stubGlobal('ResizeObserver', ResizeObserverStub)
+    Object.defineProperty(HTMLElement.prototype, 'scrollIntoView', { configurable: true, value: vi.fn() })
     Object.defineProperty(URL, 'createObjectURL', { configurable: true, value: vi.fn(() => 'blob:qualification-preview') })
     Object.defineProperty(URL, 'revokeObjectURL', { configurable: true, value: vi.fn() })
     document.body.innerHTML = ''
@@ -82,6 +83,13 @@ describe('CustomerDetailView', () => {
     expect(document.body.textContent).not.toContain('0 人正常使用')
     expect(document.body.textContent).toContain('已替换')
     expect(document.body.textContent).toContain('12票')
+
+    const billingTab = [...document.querySelectorAll<HTMLButtonElement>('.detail-tabs button')]
+      .find((button) => button.textContent?.trim() === '计费规则')
+    billingTab?.click()
+    await flushPromises()
+    expect(document.body.textContent).toContain('暂无计费规则查看权限')
+    expect(document.body.textContent).not.toContain('计费规则尚未接入')
   })
 
   it('opens an authenticated qualification preview', async () => {

src/modules/customers/pages/CustomerDetailView.vue

@@ -21,6 +21,7 @@ import {
 import { getApiErrorDetails, getApiErrorMessage, type ApiErrorDetails } from '@/shared/api/http'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
+import CustomerBillingRulesPanel from '@/modules/customers/components/CustomerBillingRulesPanel.vue'
 
 type DetailTab = 'basic' | 'business' | 'orders' | 'finance' | 'logs' | 'billing'
 type PreviewState = { url: string; kind: 'image' | 'pdf'; loading: boolean; failed: boolean }
@@ -280,7 +281,7 @@ onBeforeUnmount(clearPreviews)
 
           <section v-else-if="activeTab === 'finance'" class="detail-panel module-panel"><div class="panel-title"><div><h2>财务账单</h2><p>客户应收、回款与对账记录</p></div><ReceiptText :size="19" /></div><div class="module-empty"><ReceiptText :size="30" /><strong>财务账单尚未接入</strong><p>当前阶段没有可用的客户账单 API，页面不会使用原型中的演示金额。</p></div></section>
           <section v-else-if="activeTab === 'logs'" class="detail-panel module-panel"><div class="panel-title"><div><h2>操作日志</h2><p>客户档案与状态变更记录</p></div><History :size="19" /></div><div class="module-empty"><History :size="30" /><strong>操作日志尚未接入</strong><p>等待审计服务提供按租户查询的只读接口后展示真实操作记录。</p></div></section>
-          <section v-else class="detail-panel module-panel"><div class="panel-title"><div><h2>计费规则</h2><p>客户专属费用与箱规计价配置</p></div><Scale :size="19" /></div><div class="module-empty"><Scale :size="30" /><strong>计费规则尚未接入</strong><p>当前没有已确认的计费规则服务契约，暂不开放编辑，避免产生无法落库的配置。</p></div></section>
+          <section v-else class="detail-panel module-panel"><CustomerBillingRulesPanel :customer-id="tenantId" :customer-name="customer.tenantName" :customer-code="customer.tenantCode" /></section>
         </div>
       </div>
     </template>