吉安感知网项目-前端
张含笑
2026-01-21 9eb8bb59b802ceef1f52d334c8e577f2bf02c90e
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
@@ -2,7 +2,15 @@
   <div class="drone-card">
      <div class="header">
         <div class="title">
            <span class="name">{{ data.droneName }}</span>
            <el-tooltip
               class="title-tooltip"
               :content="data.droneName || '-'"
               placement="top"
               effect="dark"
               :show-after="200"
            >
               <span class="name">{{ data.droneName }}</span>
            </el-tooltip>
            <span class="status">
               <span :class="getStatusType(data)">
@@ -57,8 +65,8 @@
      </div>
      <div class="footer">
         <el-button v-if="showSignalBtn(data)" class="general" color="#2B2B4C" @click="emit('signal')">信号干扰</el-button>
         <el-button v-if="showCounterBtn(data)" color="#284FE3" type="primary" @click="emit('counter')">诱导驱离</el-button>
         <el-button class="general" color="#2B2B4C" @click="emit('signal')">信号干扰</el-button>
         <el-button color="#284FE3" type="primary" @click="emit('counter')">诱导驱离</el-button>
      </div>
   </div>
</template>
@@ -157,8 +165,17 @@
         display: flex;
         align-items: center;
         gap: 6px;
         min-width: 0;
         .title-tooltip {
            flex: 1;
            min-width: 0;
            display: block;
         }
         .name {
            display: inline-block;
            max-width: 100%;
            font-family: Source Han Sans CN, Source Han Sans CN;
            font-weight: bold;
            font-size: 14px;
@@ -166,9 +183,13 @@
            text-align: left;
            font-style: normal;
            text-transform: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }
         .status {
            flex-shrink: 0;
            padding: 0 10px;
            display: flex;
            align-items: center;