FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改标准征求意见流程审批历史

Browse Source
This commit is contained in:
范强强
2024-03-25 17:51:06 +08:00
parent 5adf282552
commit 7497bfb3c8
2 changed files with 50 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/processNodeInformation/index.vue
+26 -9
View File
@@ -17,7 +17,14 @@
:style="backdrop(item.taskStatus)" :style="backdrop(item.taskStatus)"
:class="{'flow-group-process-content-dis':!leftArrow(index + 1)}"> :class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
<div class="flow-group-process-content-top"> <div class="flow-group-process-content-top">
{{item.taskKeyName}} <el-tooltip placement="top">
<div slot="content">
{{item.taskKeyName}}
</div>
<div>
{{item.taskKeyName}}
</div>
</el-tooltip>
</div> </div>
<el-tooltip placement="top"> <el-tooltip placement="top">
<div slot="content"> <div slot="content">
@@ -30,7 +37,7 @@
v-if="item.userNames && item.userNames.length > 0"> v-if="item.userNames && item.userNames.length > 0">
<div v-if="item.userNames && item.userNames.length > 0" <div v-if="item.userNames && item.userNames.length > 0"
v-for="val in item.userNames"> v-for="val in item.userNames">
<div>{{val}}</div> <div class="flow-group-process-content-bottom-text">{{val}}</div>
</div> </div>
</div> </div>
</el-tooltip> </el-tooltip>
@@ -529,21 +536,31 @@
.flow-group-process-content-top { .flow-group-process-content-top {
width: 100%; width: 100%;
height: 40px; margin-top: 10px;
line-height: 40px; margin-bottom: 10px;
font-size: 12px; 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 { .flow-group-process-content-bottom {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
line-height: 1.4; line-height: 1.4;
word-break: break-all; height: 54px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 超出几行省略 */
overflow: hidden; 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 { .flow-group-process-arrow-dis {
src/pages/processCenter/pages/processDetail/index.vue
+24 -7
View File
@@ -24,7 +24,14 @@
:style="backdrop(item.taskStatus)" :style="backdrop(item.taskStatus)"
:class="{'flow-group-process-content-dis':!leftArrow(index + 1)}"> :class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
<div class="flow-group-process-content-top"> <div class="flow-group-process-content-top">
{{item.taskKeyName}} <el-tooltip placement="top">
<div slot="content">
{{item.taskKeyName}}
</div>
<div>
{{item.taskKeyName}}
</div>
</el-tooltip>
</div> </div>
<el-tooltip placement="top"> <el-tooltip placement="top">
<div slot="content"> <div slot="content">
@@ -37,7 +44,7 @@
v-if="item.userNames && item.userNames.length > 0"> v-if="item.userNames && item.userNames.length > 0">
<div v-if="item.userNames && item.userNames.length > 0" <div v-if="item.userNames && item.userNames.length > 0"
v-for="val in item.userNames"> v-for="val in item.userNames">
<div>{{val}}</div> <div class="flow-group-process-content-bottom-text">{{val}}</div>
</div> </div>
</div> </div>
</el-tooltip> </el-tooltip>
@@ -1828,18 +1835,28 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 12px; 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 { .flow-group-process-content-bottom {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
line-height: 1.4; line-height: 1.4;
word-break: break-all; height: 54px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 超出几行省略 */
overflow: hidden; 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 { .flow-group-process-arrow-dis {