feat: 在批量编辑模态框中添加充电点和停靠点标签,优化界面显示
This commit is contained in:
parent
1f87271ebc
commit
b266180e45
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user