feat: 播放按钮居中

罗广辉

23 hours ago ad57696cef86a678512e93207bc5538d30bc40ee

 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">
@@ -19,16 +27,6 @@
      <div class="content">
         <div class="row">
            <div class="col">
               <span class="label">类型</span>
               {{ data.type }}
            </div>
            <div class="col">
               <span class="label">厂商</span>
               {{ data.vendor }}
            </div>
         </div>
         <div class="row">
            <div class="col">
               <span class="label">方位角</span>
               {{ data.azimuth }}°
            </div>
@@ -40,14 +38,21 @@
         <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>
               {{ data.model }}
            </div>
         </div>

         <div>
            <span class="label">类型</span>
            <span class="value">{{ data.type }}</span>
         </div>
         <div>
            <span class="label">厂商</span>
            <span class="value">{{ data.manufacturer }}</span>
         </div>
         <div>
            <span class="label">部署位置</span>
            <span class="value">{{ data.longitude }},{{ data.latitude }}</span>
@@ -89,8 +94,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 +112,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;