feat:弹窗统一关闭按钮处理

shuishen

2026-01-20 3864a445eb239e5ad798626061e36aee80358a71

feat:弹窗统一关闭按钮处理

 applications/drone-command/src/styles/common/cockpit.scss

@@ -1091,7 +1091,7 @@
            text-transform: none;
        }

        .el-button {
        & > button {
            width: auto;
            height: auto;
            display: flex;
@@ -1429,7 +1429,10 @@
                height: 100%;

                .header {
                    padding: 0 16px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding-left: 16px;
                    padding-bottom: 16px;
                    font-family: Source Han Sans CN, Source Han Sans CN;
                    font-weight: 400;
@@ -1438,6 +1441,10 @@
                    text-align: left;
                    font-style: normal;
                    text-transform: none;

                    .el-icon {
                        cursor: pointer;
                    }
                }

                .content {

 applications/drone-command/src/views/areaManage/defenseZone/FormDiaLog.vue

@@ -15,7 +15,9 @@

            <div class="right-container">
                <div class="header">
                    {{ titleEnum[dialogMode] }}
                    <span>{{ titleEnum[dialogMode] }}</span>
				
                    <el-icon class="close-btn" @click.stop="visible = false"><Close /></el-icon>
                </div>

                <div class="content" v-if="readonly">
@@ -95,6 +97,8 @@
</template>

<script setup>
import { Close } from '@element-plus/icons-vue'

import { computed, inject, nextTick, ref } from 'vue'
import { ElMessage } from 'element-plus'
import { fwDefenseZoneDetailApi, fwDefenseZoneSubmitApi } from './defenseZoneApi'

 applications/drone-command/src/views/areaManage/partition/FormDiaLog.vue

@@ -16,7 +16,9 @@

            <div class="right-container">
                <div class="header">
                    {{ titleEnum[dialogMode] }}
                    <span>{{ titleEnum[dialogMode] }}</span>
				
                    <el-icon class="close-btn" @click.stop="visible = false"><Close /></el-icon>
                </div>

                <div class="content" v-if="readonly">
@@ -163,6 +165,8 @@
</template>

<script setup>
import { Close } from '@element-plus/icons-vue'

import { computed, inject, nextTick, onMounted, ref, watch } from 'vue'
import { ElMessage } from 'element-plus'
import { fwAreaDivideDetailApi, fwAreaDivideSubmitApi } from './partitionApi'

 applications/drone-command/src/views/areaManage/sceneConfig/FormDiaLog.vue

@@ -14,7 +14,9 @@
            </div>
            <div class="right-container">
                <div class="header">
                    {{ titleEnum[dialogMode] }}
                    <span>{{ titleEnum[dialogMode] }}</span>
				
                    <el-icon class="close-btn" @click.stop="visible = false"><Close /></el-icon>
                </div>

                <div class="content" v-if="readonly">
@@ -139,6 +141,8 @@
</template>

<script setup>
import { Close } from '@element-plus/icons-vue'

import { computed, inject, nextTick, onMounted, ref, watch } from 'vue'
import { ElMessage } from 'element-plus'
import { fwDefenseSceneDetailApi, fwDefenseSceneSubmitApi } from './sceneConfigApi'

 applications/drone-command/src/views/detectionCountermeasure/detectionRange/DetectionRangeDialog.vue

@@ -21,7 +21,11 @@
            </div>

            <div class="right-container">
                <div class="header">{{ formTitle }}</div>
                <div class="header">
                    <span>{{ formTitle }}</span>
				
                    <el-icon class="close-btn" @click.stop="visible = false"><Close /></el-icon>
                </div>

                <div class="content" v-if="dialogReadonly">
                    <el-row>
@@ -139,6 +143,8 @@
</template>

<script setup>
import { Close } from '@element-plus/icons-vue'

import { computed, inject, nextTick, ref, watch } from 'vue'
import { ElMessage } from 'element-plus'
import {

 applications/drone-command/src/views/recordManage/historyTracks/TrajectoryDiaLog.vue

@@ -12,7 +12,12 @@
                <div class="leftMap command-cesium" id="leftMapContainer"></div>
            </div>
            <div class="right-container">
                <div class="header">{{ dialogTitle }}</div>
                <div class="header">
                    <span>{{ dialogTitle }}</span>
				
                    <el-icon class="close-btn" @click.stop="visible = false"><Close /></el-icon>
                </div>
				
                <div class="content">
                    <div class="detail-title">轨迹信息</div>
                    <el-row>
@@ -59,6 +64,8 @@
</template>

<script setup>
import { Close } from '@element-plus/icons-vue'

import { computed, nextTick, ref } from 'vue'
import { fwDroneFlightRecordDetailApi } from '@/views/recordManage/historyTracks/fwDroneFlightRecord'
import { fwDroneFlightRecordDetailPageApi } from '@/views/recordManage/historyTracks/flyTrajectory'