123

src/components/workbench/common/ApprovalAction.vue

@@ -68,11 +68,11 @@
 								{{ getStatusLabel(item.approveDesc?.startsWith('拒绝原因：') ? 'rejected' : 'approved') }}
 							</div>
 							<div class="record-opinion">
-								{{ item.approveDesc }}
+								<span>{{ item.approveDesc }}</span>
 							</div>
 						</template>
 						<div class="record-opinion" v-else>
-							发起审批
+<!--							发起审批-->
 						</div>
 					</div>
 				</div>
@@ -508,7 +508,13 @@ onMounted(() => {
 	font-size: 14px;
 }
 
-.record-status {
+.record-item .record-content .record-status {
+	max-width: 100%;
+	text-wrap: wrap;
+	word-wrap: break-word;        /* 允许长单词换行 */
+	word-break: break-all;        /* 打断所有单词 */
+	white-space: pre-wrap;        /* 保留空白符和换行符 */
+	overflow-wrap: break-word;    /* 确保超长内容能换行 */
 	font-size: 14px;
 	font-weight: 500;
 	line-height: 1;
@@ -526,7 +532,15 @@ onMounted(() => {
 	color: var(--el-text-color-regular);
 }
 
-.record-opinion {
+.record-item .record-content .record-opinion {
+	max-width: 100%;
+	text-wrap: wrap;
+	word-wrap: break-word;        /* 允许长单词换行 */
+	word-break: break-all;        /* 打断所有单词 */
+	white-space: pre-wrap;        /* 保留空白符和换行符 */
+	overflow-wrap: break-word;    /* 确保超长内容能换行 */
+	overflow-x: hidden;
+	height: auto;
 	color: var(--el-text-color-regular);
 	font-size: 14px;
 	line-height: 1.6;