吉安感知网项目-前端
shuishen
2026-01-14 052d0e8bd9c1d8e0d243a166bedf761fc5a7a891
feat:通用弹窗样式调整
4 files modified
122 ■■■■■ changed files
applications/drone-command/src/styles/common/cockpit.scss 7 ●●●●● patch | view | raw | blame | history
applications/drone-command/src/views/areaManage/areaStatistics/FormDiaLog.vue 74 ●●●●● patch | view | raw | blame | history
applications/drone-command/src/views/areaManage/precinctInfo/FormDiaLog.vue 34 ●●●●● patch | view | raw | blame | history
applications/drone-command/src/views/areaManage/precinctInfo/index.vue 7 ●●●● patch | view | raw | blame | history
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 {
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>
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>
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('删除成功')