feat:通用弹窗样式调整

shuishen

2026-01-14 052d0e8bd9c1d8e0d243a166bedf761fc5a7a891

 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>
@@ -144,12 +154,18 @@
         },
         label: {
            text: `${longitude.toFixed(6)}, ${latitude.toFixed(6)}`,
            fillColor: Cesium.Color.WHITE,
            outlineColor: Cesium.Color.BLACK,
            outlineWidth: 2,
            font: '14px',
            fillColor: Cesium.Color.WHITE, // 文字颜色：白色
            backgroundColor: Cesium.Color.BLACK.withAlpha(0.45), //背景颜色
            backgroundPadding: new Cesium.Cartesian2(5, 5), // 水平/垂直内边距（像素）
            pixelOffset: new Cesium.Cartesian2(0, -20), // 可选：微调位置
            showBackground: true, // 确保背景显示（某些版本需要）
            style: Cesium.LabelStyle.FILL_AND_OUTLINE,
            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
            pixelOffset: new Cesium.Cartesian2(0, -12),
            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
            verticalOrigin: Cesium.VerticalOrigin.CENTER,
            outlineWidth: 1,
            outlineColor: Cesium.Color.WHITE,
            eyeOffset: new Cesium.Cartesian3(0, 0, -20), // 负值更靠近相机（显示在前）
         },
      })
   } else {