Browse Source

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

master
ljlong_2630 4 months ago
parent
commit
0417092587
  1. 10
      src/pages/repairOrder/detail.vue

10
src/pages/repairOrder/detail.vue

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