维修提交临时措施点检问题折行勾选

src/pages/repairOrder/detail.vue

@@ -247,15 +247,19 @@
 				  <label class="form-label">点检问题完成项：</label>
 				  <div class="scroll-container">
 					<u-checkbox-group @change="selectedOptionsChange" class="checkbox-group">
-					  <u-checkbox
-						v-model="item.checked"
+					  <div
 						v-for="(item, index) in options"
 						:key="index"
-						:name="item.value"
-						class="checkbox-item"
+						class="checkbox-item-container"
 					  >
-						<span class="checkbox-label">{{ item.label }}</span>
-					  </u-checkbox>
+						<u-checkbox
+						  v-model="item.checked"
+						  :name="item.value"
+						  class="checkbox-item"
+						>
+						  <span class="checkbox-label">{{ item.label }}</span>
+						</u-checkbox>
+					  </div>
 					</u-checkbox-group>
 				  </div>
 				</div>
@@ -1143,5 +1147,7 @@
 	  text-overflow: ellipsis;
 	  margin-left: 8px; /* 调整复选框与文本之间的距离 */
 	  vertical-align: middle;
+	  word-wrap: break-word; /* 或者使用 word-break: break-all; */
+	  white-space: normal;
 	}
 </style>