feat: 在批量编辑模态框中添加充电点和停靠点标签,优化界面显示

This commit is contained in:
xudan 2025-09-28 16:26:26 +08:00
parent 1f87271ebc
commit b266180e45

View File

@ -80,10 +80,12 @@
</div>
<div v-if="chargingPoints.length > 0" class="edit-section">
<h4>充电点 ({{ chargingPoints.length }} )</h4>
<p class="point-labels">{{ chargingPointLabels }}</p>
<a-button type="primary" @click="handleBatchBind(chargingPoints)">批量绑定机器人</a-button>
</div>
<div v-if="parkingPoints.length > 0" class="edit-section">
<h4>停靠点 ({{ parkingPoints.length }} )</h4>
<p class="point-labels">{{ parkingPointLabels }}</p>
<a-button type="primary" @click="handleBatchBind(parkingPoints)">批量绑定机器人</a-button>
</div>
<div
@ -159,6 +161,10 @@ const chargingPoints = computed(() => pointItems.value.filter((item) => item.poi
const parkingPoints = computed(() => pointItems.value.filter((item) => item.point?.type === MapPointType.停靠点));
const chargingPointLabels = computed(() => chargingPoints.value.map((p) => p.label || '未命名').join(''));
const parkingPointLabels = computed(() => parkingPoints.value.map((p) => p.label || '未命名').join(''));
const handleBatchBind = (pens: MapPen[]) => {
robotBindModalRef.value?.open(pens);
};
@ -414,6 +420,14 @@ defineOptions({
}
}
.point-labels {
margin-bottom: 12px;
font-size: 12px;
color: #888;
max-height: 50px;
overflow-y: auto;
}
//
@include theme.themed {
.batch-edit-content {