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>