From 052d0e8bd9c1d8e0d243a166bedf761fc5a7a891 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 14 Jan 2026 16:38:00 +0800
Subject: [PATCH] feat:通用弹窗样式调整
---
applications/drone-command/src/views/areaManage/precinctInfo/index.vue | 7 ++
applications/drone-command/src/styles/common/cockpit.scss | 7 ++
applications/drone-command/src/views/areaManage/areaStatistics/FormDiaLog.vue | 74 ++++++++++++++----------
applications/drone-command/src/views/areaManage/precinctInfo/FormDiaLog.vue | 34 +++++++----
4 files changed, 78 insertions(+), 44 deletions(-)
diff --git a/applications/drone-command/src/styles/common/cockpit.scss b/applications/drone-command/src/styles/common/cockpit.scss
index 556d460..e8c8651 100644
--- a/applications/drone-command/src/styles/common/cockpit.scss
+++ b/applications/drone-command/src/styles/common/cockpit.scss
@@ -983,6 +983,13 @@
box-shadow: none;
}
}
+
+ .el-button {
+ color: #fff;
+ background: #2E2E48 !important;
+ border: none;
+ box-shadow: none;
+ }
}
.el-input {
diff --git a/applications/drone-command/src/views/areaManage/areaStatistics/FormDiaLog.vue b/applications/drone-command/src/views/areaManage/areaStatistics/FormDiaLog.vue
index 318c8d7..2029546 100644
--- a/applications/drone-command/src/views/areaManage/areaStatistics/FormDiaLog.vue
+++ b/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>
diff --git a/applications/drone-command/src/views/areaManage/precinctInfo/FormDiaLog.vue b/applications/drone-command/src/views/areaManage/precinctInfo/FormDiaLog.vue
index a1a2160..64ac02f 100644
--- a/applications/drone-command/src/views/areaManage/precinctInfo/FormDiaLog.vue
+++ b/applications/drone-command/src/views/areaManage/precinctInfo/FormDiaLog.vue
@@ -1,36 +1,45 @@
<template>
- <el-dialog v-model="visible" :title="titleEnum[dialogMode]">
- <div v-if="readonly">
+ <el-dialog class="ztzf-page-view-dialog" v-model="visible" :title="titleEnum[dialogMode]">
+ <div class="detail-container" v-if="readonly">
+ <div class="detail-title">派出所详情</div>
<el-row>
<el-col :span="12">
- <div>派出所名称: {{ formData.stationName }}</div>
+ <div class="label">派出所名称</div>
+ <div class="val">{{ formData.stationName }}</div>
</el-col>
<el-col :span="12">
- <div>联系人: {{ formData.contactPerson }}</div>
+ <div class="label">联系人</div>
+ <div class="val">{{ formData.contactPerson }}</div>
</el-col>
<el-col :span="12">
- <div>位置: {{ formData.address }}</div>
+ <div class="label">位置</div>
+ <div class="val">{{ formData.address }}</div>
</el-col>
<el-col :span="12">
- <div>联系方式: {{ formData.contactPhone }}</div>
+ <div class="label">联系方式</div>
+ <div class="val">{{ formData.contactPhone }}</div>
</el-col>
</el-row>
</div>
- <el-form v-else ref="formRef" :model="formData" :rules="rules" :disabled="readonly" label-width="100px">
+ <el-form class="dialog-form" v-else ref="formRef" :model="formData" :rules="rules" :disabled="readonly"
+ label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="派出所名称" prop="stationName">
- <el-input v-model="formData.stationName" maxlength="50" placeholder="请输入" clearable />
+ <el-input class="ztzf-data-cockpit-search-input" v-model="formData.stationName" maxlength="50"
+ placeholder="请输入" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人" prop="contactPerson">
- <el-input v-model="formData.contactPerson" maxlength="50" placeholder="请输入" clearable />
+ <el-input class="ztzf-data-cockpit-search-input" v-model="formData.contactPerson" maxlength="50"
+ placeholder="请输入" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系方式" prop="contactPhone">
- <el-input v-model="formData.contactPhone" maxlength="50" placeholder="请输入" clearable />
+ <el-input class="ztzf-data-cockpit-search-input" v-model="formData.contactPhone" maxlength="50"
+ placeholder="请输入" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
@@ -43,8 +52,9 @@
</el-row>
</el-form>
<template #footer>
- <el-button @click="handleCancel">{{ readonly ? '关闭' : '取消' }}</el-button>
- <el-button v-if="!readonly" type="primary" :loading="submitting" :disabled="submitting" @click="handleSubmit">
+ <el-button color="#2B2B4C" @click="handleCancel">{{ readonly ? '关闭' : '取消' }}</el-button>
+ <el-button color="#284FE3" v-if="!readonly" type="primary" :loading="submitting" :disabled="submitting"
+ @click="handleSubmit">
确定
</el-button>
</template>
diff --git a/applications/drone-command/src/views/areaManage/precinctInfo/index.vue b/applications/drone-command/src/views/areaManage/precinctInfo/index.vue
index 7ba96d7..a81fb81 100644
--- a/applications/drone-command/src/views/areaManage/precinctInfo/index.vue
+++ b/applications/drone-command/src/views/areaManage/precinctInfo/index.vue
@@ -97,7 +97,12 @@
// 删除
async function handleDelete (row) {
const tips = row ? '该条' : '选中的项'
- await ElMessageBox.confirm(`确认删除${tips}吗？`, '提示', { type: 'warning' })
+ await ElMessageBox.confirm(`确认删除${tips}吗？`, '提示', {
+ type: 'warning',
+ customClass: 'ztzf-page-view-message-box',
+ confirmButtonClass: 'ztzf-message-box-confirm',
+ cancelButtonClass: 'ztzf-message-box-cancel',
+ })
const ids = row ? row.id : selectedIds.value.join(',')
await fwPoliceStationRemoveApi({ ids })
ElMessage.success('删除成功')
--
Gitblit v1.9.3