登记进度节点多的时候显示横向滚动条

@@ -259,7 +259,7 @@ onMounted(() => {
       <el-table-column v-for="item in tableFields" :label="item.label" :width="item.width" :min-width="item.minWidth"
       <el-table-column v-for="item in tableFields" :label="item.label" :width="item.width" :min-width="item.minWidth"
         :fixed="item.fixed" :align="item.align" :type="item.type == 'index' ? '' : undefined"
         :fixed="item.fixed" :align="item.align" :type="item.type == 'index' ? '' : undefined"
         :sortable="item.sortable ?? false" :prop="item.field" :class-name="item.columClass"
         :sortable="item.sortable ?? false" :prop="item.field" :class-name="item.columClass"
-        :show-overflow-tooltip="item.type != 'switch'">
+        :show-overflow-tooltip="item.type != 'switch' && item.type != 'stepsBar'">
         <template #header>
         <template #header>
           <template v-if="!!item?.toolTipContent">
           <template v-if="!!item?.toolTipContent">
             <span style="color:#000;display: inline-block">{{ item.label }}</span>
             <span style="color:#000;display: inline-block">{{ item.label }}</span>

@@ -117,13 +117,15 @@ const tableInfo = ref({
   rowKey: 'guid',
   rowKey: 'guid',
   loading: false,
   loading: false,
   fields: [{ label: "序号", type: "index", width: 56, align: "center" },
   fields: [{ label: "序号", type: "index", width: 56, align: "center" },
-  { label: "数据资产名称", field: "daName", width: 180, align: "left", type: 'text_btn', value: 'assetDetail', columClass: 'text_btn', click: (scope) => {
-    let row = scope.row;
-    router.push({
-      name: 'registerInfoDetail',
-      query: { guid: row.guid, name: row.daName, tenantGuid: row.tenantGuid, tenantName: row.tenantName, type: 'asset' }
-    });
-  } },
+  {
+    label: "数据资产名称", field: "daName", width: 180, align: "left", type: 'text_btn', value: 'assetDetail', columClass: 'text_btn', click: (scope) => {
+      let row = scope.row;
+      router.push({
+        name: 'registerInfoDetail',
+        query: { guid: row.guid, name: row.daName, tenantGuid: row.tenantGuid, tenantName: row.tenantName, type: 'asset' }
+      });
+    }
+  },
   { label: "所属公司", field: "tenantName", width: 240 },
   { label: "所属公司", field: "tenantName", width: 240 },
   { label: "数交所", field: "exchangeName", width: 200 },
   { label: "数交所", field: "exchangeName", width: 200 },
   { label: "流程状态", field: "approveVO", type: "approveTag", width: 96, align: 'center' },
   { label: "流程状态", field: "approveVO", type: "approveTag", width: 96, align: 'center' },
@@ -134,7 +136,7 @@ const tableInfo = ref({
   },
   },
   { label: "证书状态", field: "documentState", type: "tag", width: 96, align: 'center' },
   { label: "证书状态", field: "documentState", type: "tag", width: 96, align: 'center' },
   {
   {
-    label: "审核阶段", field: "progress", className: 'custom-steps', type: "stepsBar", width: 320, align: 'center', fixed: 'right', stepsInfo: (scope) => {
+    label: "审核阶段", field: "progress", className: 'custom-steps costume_scroll small', type: "stepsBar", width: 320, align: 'center', fixed: 'right', stepsInfo: (scope) => {
       let nodes = scope.row.approveVO?.nodes;
       let nodes = scope.row.approveVO?.nodes;
       if (!nodes?.length) {
       if (!nodes?.length) {
         return null;
         return null;
@@ -142,6 +144,12 @@ const tableInfo = ref({
       return {
       return {
         list: nodes.map((n, index) => {
         list: nodes.map((n, index) => {
           return {
           return {
+            tooltip: {
+              placement: 'top',
+              content: n.processName,
+              className: 'step_title_tooltip',
+              effect: 'light',
+            },
             title: n.processName,
             title: n.processName,
             value: index + 1
             value: index + 1
           }
           }
@@ -209,11 +217,22 @@ onBeforeMount(() => {
 
 
 :deep(.custom-steps) {
 :deep(.custom-steps) {
   width: 100%;
   width: 100%;
-  height: 60px;
+  height: 64px;
   display: flex;
   display: flex;
+  overflow: auto hidden;
+
+  &.costume_scroll {
+    &.small {
+      padding-bottom: 4px;
+    }
+  }
 
 
   .el-steps {
   .el-steps {
     width: 100%;
     width: 100%;
+
+    .el-step {
+      min-width: 55px;
+    }
   }
   }
 }
 }
 </style>
 </style>
\ No newline at end of file