提交

web-admin/src/components/bx/base/ApprovalFlowView.vue

@@ -139,7 +139,7 @@ function connectorClass(index: number) {
   justify-content: center;
   border: 2px solid #e2e8f0;
   background: #f8fafc;
-  color: #94a3b8;
+  color: #1e293b;
 }
 
 .approval-flow-circle.is-approved {

web-admin/src/components/bx/base/ApprovalHistoryView.vue

@@ -135,7 +135,7 @@ const sortedItems = computed(() =>
   justify-content: center;
   border: 2px solid #e2e8f0;
   background: #f8fafc;
-  color: #94a3b8;
+  color: #1e293b;
 }
 
 .approval-history-circle.is-approved {

web-admin/src/components/bx/base/BxViewKvGrid.vue

@@ -0,0 +1,19 @@
+<template>
+  <ViewKvGrid :fields="fields" :columns="columns" />
+</template>
+
+<script setup lang="ts">
+  import ViewKvGrid from '@/components/business/system-view-dialog/ViewKvGrid.vue'
+  import type { ViewField, ViewGridColumns } from '@/components/business/system-view-dialog/types'
+
+  withDefaults(
+    defineProps<{
+      fields: ViewField[]
+      /** 默认 4 列：短值 4 个/行，长值 2 个/行 */
+      columns?: ViewGridColumns
+    }>(),
+    {
+      columns: 4
+    }
+  )
+</script>

web-admin/src/components/bx/base/BxViewKvTable.vue

@@ -0,0 +1,23 @@
+<template>
+  <ViewKvTable :fields="fields" :mode="mode" />
+</template>
+
+<script setup lang="ts">
+  import ViewKvTable from '@/components/business/system-view-dialog/ViewKvTable.vue'
+  import type { ViewField } from '@/components/business/system-view-dialog/types'
+
+  withDefaults(
+    defineProps<{
+      fields: ViewField[]
+      /**
+       * pair：标准两列表格；
+       * dual：双组四列表格；
+       * triple：三组六列表格（一行 3 组 label|value）
+       */
+      mode?: 'pair' | 'dual' | 'triple'
+    }>(),
+    {
+      mode: 'pair'
+    }
+  )
+</script>