fix(schedule): 修复移动弹窗选择场地后自动关闭的问题

- 在el-select上添加:teleported="false"属性
- 防止下拉框点击事件冒泡导致popover关闭
This commit is contained in:
Z-WICK
2026-01-15 14:38:44 +08:00
parent ba2535f163
commit 6eff8a08b6
+9 -1
View File
@@ -104,7 +104,7 @@
</template> </template>
<div class="move-popover"> <div class="move-popover">
<div class="move-label">移动到</div> <div class="move-label">移动到</div>
<el-select v-model="moveTargetVenueId" placeholder="选择场地" size="small" style="width: 100%; margin-bottom: 10px;"> <el-select v-model="moveTargetVenueId" placeholder="选择场地" size="small" style="width: 100%; margin-bottom: 10px;" :teleported="false">
<el-option <el-option
v-for="venue in venues" v-for="venue in venues"
:key="venue.id" :key="venue.id"
@@ -656,6 +656,14 @@ export default {
const targetVenue = this.venues.find(v => v.id === this.moveTargetVenueId) const targetVenue = this.venues.find(v => v.id === this.moveTargetVenueId)
// In draft mode (negative groupId), just update frontend state
if (group.id && group.id.toString().startsWith("-")) {
group.venueId = this.moveTargetVenueId
group.venueName = targetVenue ? targetVenue.venueName : ""
this.$message.success(`已移动到 ${group.venueName}`)
return
}
try { try {
// 调用后端API移动分组 // 调用后端API移动分组
const res = await moveScheduleGroup({ const res = await moveScheduleGroup({