fix(schedule): 修复移动弹窗选择场地后自动关闭的问题
- 在el-select上添加:teleported="false"属性 - 防止下拉框点击事件冒泡导致popover关闭
This commit is contained in:
@@ -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({
|
||||||
|
|||||||
Reference in New Issue
Block a user