feat:通用弹窗样式调整

shuishen

2026-01-14 052d0e8bd9c1d8e0d243a166bedf761fc5a7a891

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

@@ -1,36 +1,48 @@
<template>
   <el-dialog v-model="visible" :title="titleEnum[dialogMode]" :close-on-click-modal="false" width="520px">
      <el-row>
         <el-col :span="12">
            <div>区域名称: {{ formData.areaName || '-' }}</div>
         </el-col>
         <el-col :span="12">
            <div>区域类型: {{ getDictLabel(formData.areaType, dictObj.areaType) }}</div>
         </el-col>
         <el-col :span="12">
            <div>关联场景: {{ formData.sceneName || '-' }}</div>
         </el-col>
         <el-col :span="12">
            <div>场景类型: {{ getDictLabel(formData.sceneType, dictObj.sceneType) }}</div>
         </el-col>
         <el-col :span="12">
            <div>设备数量: {{ formData.deviceCount ?? '-' }}</div>
         </el-col>
         <el-col :span="12">
            <div>告警次数: {{ formData.alarmCount ?? '-' }}</div>
         </el-col>
         <el-col :span="12">
            <div>侦测反制次数: {{ formData.counterCount ?? '-' }}</div>
         </el-col>
         <el-col :span="12">
            <div>反制成功次数: {{ formData.counterSuccessCount ?? '-' }}</div>
         </el-col>
         <el-col :span="24">
            <div>管控效果: {{ formData.controlEffect || '-' }}</div>
         </el-col>
      </el-row>
   <el-dialog class="ztzf-page-view-dialog" v-model="visible" :title="titleEnum[dialogMode]"
      :close-on-click-modal="false" width="520px">
      <div class="detail-container">
         <el-row>
            <el-col :span="12">
               <div class="label">区域名称</div>
               <div class="val">{{ formData.areaName || '-' }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">区域类型</div>
               <div class="val">{{ getDictLabel(formData.areaType, dictObj.areaType) }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">关联场景</div>
               <div class="val">{{ formData.sceneName || '-' }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">场景类型</div>
               <div class="val">{{ getDictLabel(formData.sceneType, dictObj.sceneType) }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">设备数量</div>
               <div class="val">{{ formData.deviceCount ?? '-' }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">告警次数</div>
               <div class="val">{{ formData.alarmCount ?? '-' }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">侦测反制次数</div>
               <div class="val">{{ formData.counterCount ?? '-' }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">反制成功次数</div>
               <div class="val">{{ formData.counterSuccessCount ?? '-' }}</div>
            </el-col>
            <el-col :span="24">
               <div class="label">管控效果</div>
               <div class="val">{{ formData.controlEffect || '-' }}</div>
            </el-col>
         </el-row>
      </div>
      <template #footer>
         <el-button @click="handleCancel">关闭</el-button>
         <el-button color="#2B2B4C" @click="handleCancel">关闭</el-button>
      </template>
   </el-dialog>
</template>