feat:事件弹窗显示调整

shuishen

2025-04-16 a7e6761ba0cfccdf33ed552eb2d3b783c8e4ab4a

 src/views/Home/AINowFly.vue

@@ -1,6 +1,6 @@
<template>
   <div class="AINowFly">
      <div class="title">指点飞行</div>
      <div class="title">智引即飞<img @click="closeClick" src="@/assets/images/aiNowFly/close.png"/></div>
      <el-form ref="ruleFormRef" :model="params" :rules="rules" label-width="auto" size="small" status-icon>
         <el-form-item label="任务名称" prop="name">
            <el-input v-model="params.name" />
@@ -23,7 +23,7 @@

      <div class="title-list">可飞行机巢列表:</div>
      <el-table :data="list" height="120" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="40" />
         <el-table-column type="selection" />
         <!-- <el-table-column type="index" label="序号" /> -->
         <el-table-column prop="nickname" label="机巢名称" />
         <el-table-column prop="minute" label="可飞行时间" />
@@ -233,6 +233,15 @@
   handler = null
}

// 关闭
const closeClick = () => {
   removeAll()
   params.value = _.cloneDeep(paramsInit)
   list.value = []
   eventPoint = {}
   store.commit('setFootActiveIndex', 0)
}

onBeforeUnmount(() => {
   removeAll()
})
@@ -265,6 +274,14 @@
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      img {
         position: absolute;
         cursor: pointer;
         width: 16px;
         height: 16px;
         right: 15px;
         top: 15px;
      }
   }
   .el-form {
      padding: 20px 16px 13px 11px;
@@ -300,6 +317,14 @@
      width: 300px;
      height: 120px;
      margin: 0 0 0 11px;
      overflow: hidden;
      :deep(.el-scrollbar__wrap) {
         overflow-x: hidden !important;
      }
		
      :deep(.el-table__body-wrapper) {
         overflow-x: hidden !important;
      }
      :deep(.el-table__header-wrapper) {
         th {
            font-size: 12px;
@@ -311,7 +336,8 @@
      }
      :deep(.el-table__empty-block) {
         background-color: #0A1734;
			
         height: auto !important;  // 移除固定高度
       min-height: 60px;        // 设置最小高度
         .el-table__empty-text {
            color: #FFFFFF;
         }