feat:数据驾驶舱增加文字……显示

shuishen

2026-01-19 14d6e9e24fcbe35d9021109cb00192a5b16c1ca4

feat:数据驾驶舱增加文字……显示

 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">
@@ -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;

 applications/drone-command/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue

@@ -1,9 +1,17 @@
<template>
    <div class="drone-info-card" @click="emit('click', data)">
        <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>
        </div>

        <div class="rows">
@@ -104,8 +112,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;
@@ -113,6 +130,9 @@
            text-align: left;
            font-style: normal;
            text-transform: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }


 applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue

@@ -3,7 +3,15 @@
        <!-- 头部 -->
        <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="getWorkModeType(data.workMode)">
@@ -128,8 +136,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;
@@ -137,9 +154,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;

 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)">

@@ -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;

 applications/task-work-order/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">
@@ -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;

 applications/task-work-order/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue

@@ -1,9 +1,17 @@
<template>
    <div class="drone-info-card" @click="emit('click', data)">
        <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>
        </div>

        <div class="rows">
@@ -110,8 +118,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;
@@ -119,6 +136,9 @@
            text-align: left;
            font-style: normal;
            text-transform: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }


 applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue

@@ -3,7 +3,15 @@
        <!-- 头部 -->
        <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="getStatusType(data.status)">
@@ -118,8 +126,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;
@@ -127,9 +144,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;

 applications/task-work-order/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)">

@@ -142,8 +150,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;
@@ -151,9 +168,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;