diff --git a/src/components/processNodeInformation/index.vue b/src/components/processNodeInformation/index.vue
index ab3f8ffce..16bed6d80 100644
--- a/src/components/processNodeInformation/index.vue
+++ b/src/components/processNodeInformation/index.vue
@@ -17,7 +17,14 @@
:style="backdrop(item.taskStatus)"
:class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
- {{item.taskKeyName}}
+
+
+ {{item.taskKeyName}}
+
+
+ {{item.taskKeyName}}
+
+
@@ -30,7 +37,7 @@
v-if="item.userNames && item.userNames.length > 0">
@@ -529,21 +536,31 @@
.flow-group-process-content-top {
width: 100%;
- height: 40px;
- line-height: 40px;
+ margin-top: 10px;
+ margin-bottom: 10px;
font-size: 12px;
+ word-break: break-all;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1; /* 超出几行省略 */
+ overflow: hidden;
}
.flow-group-process-content-bottom {
width: 100%;
font-size: 12px;
line-height: 1.4;
- word-break: break-all;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2; /* 超出几行省略 */
+ height: 54px;
overflow: hidden;
+ .flow-group-process-content-bottom-text{
+ word-break: break-all;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1; /* 超出几行省略 */
+ overflow: hidden;
+ }
}
.flow-group-process-arrow-dis {
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 103c9e93d..0b0a9f316 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -24,7 +24,14 @@
:style="backdrop(item.taskStatus)"
:class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
- {{item.taskKeyName}}
+
+
+ {{item.taskKeyName}}
+
+
+ {{item.taskKeyName}}
+
+
@@ -37,7 +44,7 @@
v-if="item.userNames && item.userNames.length > 0">
@@ -1828,18 +1835,28 @@
height: 40px;
line-height: 40px;
font-size: 12px;
+ word-break: break-all;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1; /* 超出几行省略 */
+ overflow: hidden;
}
.flow-group-process-content-bottom {
width: 100%;
font-size: 12px;
line-height: 1.4;
- word-break: break-all;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2; /* 超出几行省略 */
+ height: 54px;
overflow: hidden;
+ .flow-group-process-content-bottom-text{
+ word-break: break-all;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1; /* 超出几行省略 */
+ overflow: hidden;
+ }
}
.flow-group-process-arrow-dis {