吉安感知网项目-前端
shuishen
2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d
applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue
@@ -2,7 +2,15 @@
   <div class="device-card" @click="emit('click', data)">
      <div class="header">
         <div class="title">
            <span class="name">{{ data.name }}</span>
            <el-tooltip
               class="title-tooltip"
               :content="data.name || '-'"
               placement="top"
               effect="dark"
               :show-after="200"
            >
               <span class="name">{{ data.name }}</span>
            </el-tooltip>
            <span class="status">
               <span :class="data.statusType">
@@ -24,7 +32,7 @@
            </div>
            <div class="col">
               <span class="label">厂商</span>
               {{ data.vendor }}
               {{ data.manufacturer }}
            </div>
         </div>
         <div class="row">
@@ -40,7 +48,7 @@
         <div class="row">
            <div class="col">
               <span class="label">有效范围</span>
               {{ data.range }}
               {{ Number(data.range).toFixed(0) }}m
            </div>
            <div class="col">
               <span class="label">设备型号</span>
@@ -89,8 +97,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;
@@ -98,9 +115,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;