feat: 统一账户角色展示并优化资源页面

frontend/platform_admin/src/views/resource/ResourceDetailContent.vue

@@ -1,6 +1,6 @@
 <!--
   功能：以响应式信息卡和子表页签展示标准资源详情。
-  版本：v1.1.0
+  版本：v1.2.0
 -->
 <template>
   <div class="detail-stack">
@@ -58,6 +58,10 @@ const props = defineProps<{
   definition: ResourceUiDefinition;
   detail: ResourceRow;
   relationOptions: Record<string, ResourceRow[]>;
+  fieldOptions?: Record<
+    string,
+    Array<{ label: string; value: string | number }>
+  >;
   accountSummary: boolean;
 }>();
 
@@ -97,7 +101,12 @@ const entries = computed<DetailEntry[]>(() => {
       return [];
     const field = props.definition.fields.find((item) => item.key === key);
     const display = field
-      ? displayResourceField(field, row, props.relationOptions)
+      ? displayResourceField(
+          field,
+          row,
+          props.relationOptions,
+          props.fieldOptions,
+        )
       : displayRawValue(actualKey, value);
     const objectValue = typeof value === 'object' && value !== null;
     return [
@@ -161,7 +170,8 @@ const collections = computed(() =>
 }
 .detail-item {
   display: grid;
-  grid-template-columns: 120px minmax(0, 1fr);
+  grid-template-columns: max-content minmax(0, 1fr);
+  column-gap: 12px;
   align-items: start;
   min-height: 38px;
   padding: 8px 0;
@@ -172,8 +182,7 @@ const collections = computed(() =>
 }
 .detail-label {
   color: var(--color-text-3);
-  text-align: right;
-  padding-right: 18px;
+  white-space: nowrap;
 }
 .detail-value {
   color: var(--color-text-1);
@@ -208,7 +217,6 @@ const collections = computed(() =>
   .detail-item,
   .detail-item-wide {
     grid-column: auto;
-    grid-template-columns: 100px minmax(0, 1fr);
   }
 }
 </style>