优化

src/modules/master-data/counterparties/pages/PartnersView.test.ts

@@ -93,6 +93,12 @@ enableAutoUnmount(afterEach)
 afterAll(() => vi.unstubAllGlobals())
 
 describe('PartnersView real API integration', () => {
+  it('clamps long unit names with the shared component', () => {
+    expect(source).toContain("LineClampText from '@/shared/components/LineClampText.vue'")
+    expect(source).toContain('<LineClampText :content="(row as PlatformPartnerResource).partnerName" />')
+    expect(source).not.toContain('.partner-cell strong')
+  })
+
   it('keeps operation first and separates the prototype contact columns', () => {
     const actionsIndex = source.indexOf("{ key: 'actions', label: '操作'")
     const nameIndex = source.indexOf("{ key: 'partner', label: '单位名称'")

src/modules/master-data/counterparties/pages/PartnersView.vue

@@ -11,6 +11,7 @@ import DetailPageLayout from '@/shared/components/DetailPageLayout.vue'
 import FormSection from '@/shared/components/FormSection.vue'
 import ListPageLayout from '@/shared/components/ListPageLayout.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
+import LineClampText from '@/shared/components/LineClampText.vue'
 import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
 import { useUnsavedWorkRegistration } from '@/core/unsaved-work/useUnsavedWorkRegistration'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
@@ -408,7 +409,7 @@ onMounted(() => {
             <el-button v-if="access.can('platform:counterparty:status')" size="small" plain :disabled="loading" :type="(row as PlatformPartnerResource).status === 'ACTIVE' ? 'danger' : 'success'" :loading="statusLoadingIds.has(String((row as PlatformPartnerResource).id))" @click="toggleStatus(row as PlatformPartnerResource)"><Power :size="15" />{{ (row as PlatformPartnerResource).status === 'ACTIVE' ? '停用' : '启用' }}</el-button>
           </div>
         </template>
-        <template #partner="{ row }"><div class="partner-cell"><span><Building2 :size="18" /></span><div><strong>{{ (row as PlatformPartnerResource).partnerName }}</strong></div></div></template>
+        <template #partner="{ row }"><div class="partner-cell"><span><Building2 :size="18" /></span><div><LineClampText :content="(row as PlatformPartnerResource).partnerName" /></div></div></template>
         <template #type="{ row }"><div class="partner-types"><el-tag v-for="type in (row as PlatformPartnerResource).types" :key="type" effect="plain">{{ partnerTypeLabel(type) }}</el-tag></div></template>
         <template #address="{ row }"><div class="partner-address"><MapPin :size="15" /><span>{{ [(row as PlatformPartnerResource).province, (row as PlatformPartnerResource).city, (row as PlatformPartnerResource).district, (row as PlatformPartnerResource).addressLine].filter(Boolean).join(' ') }}</span></div></template>
         <template #status="{ row }"><el-tag :type="(row as PlatformPartnerResource).status === 'ACTIVE' ? 'success' : 'info'" effect="light">{{ (row as PlatformPartnerResource).status === 'ACTIVE' ? '启用' : '停用' }}</el-tag></template>
@@ -495,7 +496,7 @@ onMounted(() => {
 .partner-cell { display: flex; align-items: center; gap: 10px; }
 .partner-cell > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 7px; background: #eef3fa; color: var(--cc-primary); }
 .partner-cell > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
-.partner-cell strong { overflow-wrap: anywhere; }
+.partner-cell :deep(.line-clamp-text) { width: 100%; }
 .partner-address { display: flex; align-items: flex-start; gap: 7px; line-height: 1.55; overflow-wrap: anywhere; }
 .partner-address svg { flex: 0 0 15px; margin-top: 3px; color: var(--cc-muted); }
 .partner-detail { min-height: 180px; padding: 20px 24px 28px; box-sizing: border-box; }