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/FormDiaLog.vue | 34 ++++++++++++++++++++++------------
1 files changed, 22 insertions(+), 12 deletions(-)
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>
--
Gitblit v1.9.3