diff --git a/frontend/src/components/map-canvas/MapCanvasDialogs.vue b/frontend/src/components/map-canvas/MapCanvasDialogs.vue
index 3336a425..9c616243 100644
--- a/frontend/src/components/map-canvas/MapCanvasDialogs.vue
+++ b/frontend/src/components/map-canvas/MapCanvasDialogs.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 节点编辑弹窗 -->
-  <el-dialog :model-value="showNodeDialog" @update:model-value="$emit('update:showNodeDialog', $event)" :title="isEditing ? '编辑目标' : '添加目标'" width="520px" :close-on-click-modal="true">
+  <MyDialog :model-value="showNodeDialog" @update:model-value="$emit('update:showNodeDialog', $event)" :title="isEditing ? '编辑目标' : '添加目标'" :width="520">
     <div class="mc-dialog-body">
       <div class="mc-form-item">
         <label>目标名称 <span class="mc-required">*</span></label>
@@ -39,10 +39,10 @@
       <el-button size="small" @click="$emit('update:showNodeDialog', false)">取消</el-button>
       <el-button size="small" type="primary" @click="$emit('save-node-dialog')">保存</el-button>
     </template>
-  </el-dialog>
+  </MyDialog>
 
   <!-- KPI因果链推荐弹窗 -->
-  <el-dialog :model-value="showCausalityDialog" @update:model-value="$emit('update:showCausalityDialog', $event)" title="🔗 KPI因果链推荐" width="680px">
+  <MyDialog :model-value="showCausalityDialog" @update:model-value="$emit('update:showCausalityDialog', $event)" title="KPI因果链推荐" :width="680">
     <div style="max-height:400px;overflow-y:auto;">
       <div v-if="causalityLoading" style="text-align:center;padding:20px;color:#999;">加载中...</div>
       <div v-else-if="causalityRecommendations.length === 0" style="text-align:center;padding:20px;color:#999;">暂无因果链推荐</div>
@@ -62,10 +62,10 @@
       <el-button size="small" @click="$emit('update:showCausalityDialog', false)">取消</el-button>
       <el-button size="small" type="primary" @click="$emit('apply-all-causality')">一键全部应用</el-button>
     </template>
-  </el-dialog>
+  </MyDialog>
 
   <!-- 版本历史弹窗 -->
-  <el-dialog :model-value="showVersions" @update:model-value="$emit('update:showVersions', $event)" title="版本历史" width="620px">
+  <MyDialog :model-value="showVersions" @update:model-value="$emit('update:showVersions', $event)" title="版本历史" :width="620">
     <div style="max-height:400px;overflow-y:auto;">
       <table class="mc-table" v-if="versions.length > 0">
         <thead><tr><th>说明</th><th>创建时间</th><th>操作</th></tr></thead>
@@ -79,10 +79,10 @@
       </table>
       <div v-else style="text-align:center;color:#999;padding:20px;">暂无版本记录</div>
     </div>
-  </el-dialog>
+  </MyDialog>
 
   <!-- KPI详情浮层 -->
-  <el-dialog :model-value="showKpiDetail" @update:model-value="$emit('update:showKpiDetail', $event)" :title="'📊 ' + kpiDetailObjName + ' — KPI详情'" width="560px">
+  <MyDialog :model-value="showKpiDetail" @update:model-value="$emit('update:showKpiDetail', $event)" :title="'KPI详情'" :width="560">
     <div style="max-height:360px;overflow-y:auto;">
       <div v-if="kpiDetailList.length === 0" style="text-align:center;color:#999;padding:20px;">
         该目标暂未关联KPI
@@ -119,10 +119,10 @@
       <el-button size="small" @click="$emit('update:showKpiDetail', false)">关闭</el-button>
       <el-button size="small" type="primary" @click="$emit('edit-kpi-obj')">编辑目标</el-button>
     </template>
-  </el-dialog>
+  </MyDialog>
 
   <!-- 行动方案列表弹窗 -->
-  <el-dialog :model-value="showPlanPopup" @update:model-value="$emit('update:showPlanPopup', $event)" :title="'📋 ' + planPopupObjName + ' — 关联行动方案'" width="600px">
+  <MyDialog :model-value="showPlanPopup" @update:model-value="$emit('update:showPlanPopup', $event)" :title="'行动方案'" :width="600">
     <div style="max-height:400px;overflow-y:auto;">
       <div v-if="planPopupList.length === 0" style="text-align:center;color:#999;padding:20px;">
         暂无关联的行动方案
@@ -143,125 +143,5 @@
       <el-button size="small" @click="$emit('update:showPlanPopup', false)">关闭</el-button>
       <el-button size="small" type="primary" @click="$emit('quick-create-plan')">+ 新建行动方案</el-button>
     </template>
-  </el-dialog>
+  </MyDialog>
 </template>
-
-<script setup lang="ts">
-defineProps<{
-  showNodeDialog: boolean
-  showCausalityDialog: boolean
-  showVersions: boolean
-  showKpiDetail: boolean
-  showPlanPopup: boolean
-  isEditing: boolean
-  form: any
-  causalityLoading: boolean
-  causalityRecommendations: any[]
-  versions: any[]
-  kpiDetailObjName: string
-  kpiDetailList: any[]
-  planPopupObjName: string
-  planPopupList: any[]
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:showNodeDialog', v: boolean): void
-  (e: 'update:showCausalityDialog', v: boolean): void
-  (e: 'update:showVersions', v: boolean): void
-  (e: 'update:showKpiDetail', v: boolean): void
-  (e: 'update:showPlanPopup', v: boolean): void
-  (e: 'save-node-dialog'): void
-  (e: 'apply-causality', rec: any): void
-  (e: 'apply-all-causality'): void
-  (e: 'rollback-version', id: number): void
-  (e: 'edit-kpi-obj'): void
-  (e: 'quick-create-plan'): void
-}>()
-
-const iconOptions: Record<string, string> = {
-  target: '目标', star: '星级', rocket: '火箭', chart: '图表', team: '团队',
-  light: '灯泡', shield: '盾牌', gear: '齿轮', handshake: '握手', medal: '奖牌',
-}
-
-function iconEmoji(key: string): string {
-  const m: Record<string, string> = {
-    target: '🎯', star: '⭐', rocket: '🚀', chart: '📊', team: '👥',
-    light: '💡', shield: '🛡️', gear: '⚙️', handshake: '🤝', medal: '🏅',
-  }
-  return m[key] || '📌'
-}
-
-function getKpiLevel(item: any): string {
-  if (item.actual != null && item.target) {
-    const ratio = item.actual / item.target
-    if (ratio >= 0.9) return 'green'
-    if (ratio >= 0.7) return 'yellow'
-    return 'red'
-  }
-  return 'gray'
-}
-
-function fmtKpiVal(val: any): string {
-  if (val == null) return '—'
-  if (typeof val === 'number') {
-    if (Math.abs(val) >= 10000) return (val / 10000).toFixed(1) + '万'
-    return val.toLocaleString()
-  }
-  return String(val)
-}
-
-function badgeIcon(level: string): string {
-  return level === 'green' ? '🟢' : level === 'yellow' ? '🟡' : level === 'red' ? '🔴' : '⚪'
-}
-
-function planStatusLabel(status: string): string {
-  const map: Record<string, string> = { pending: '待处理', in_progress: '进行中', completed: '已完成', cancelled: '已取消' }
-  return map[status] || status
-}
-</script>
-
-<style scoped>
-.mc-dialog-body { padding: 0; }
-.mc-form-item { margin-bottom:16px; }
-.mc-form-item label { display:block; font-size:13px; color:#666; margin-bottom:6px; font-weight:500; }
-.mc-required { color:#f56c6c; margin-left:2px; }
-.mc-hint { font-weight:400; color:#999; font-size:12px; }
-.mc-input { width:100%; padding:8px 12px; border:1px solid #dcdfe6; border-radius:6px; font-size:14px; outline:none; box-sizing:border-box; }
-.mc-input:focus { border-color:#409eff; }
-.mc-textarea { resize:vertical; min-height:60px; font-family:inherit; }
-.mc-input-half { width:48%; }
-.mc-row { display:flex; gap:4%; margin-bottom:16px; }
-.mc-icon-picker { display:flex; flex-wrap:wrap; gap:6px; }
-.mc-icon-btn { width:40px; height:40px; display:flex; align-items:center; justify-content:center; font-size:20px; border:2px solid #e8e8e8; border-radius:8px; background:#fff; cursor:pointer; }
-.mc-icon-btn:hover { border-color:#409eff; transform:scale(1.1); }
-.mc-icon-btn.active { border-color:#409eff; background:#ecf5ff; }
-.mc-radio-label { display:inline-flex; align-items:center; gap:4px; margin-right:16px; font-size:13px; color:#666; cursor:pointer; }
-.mc-radio-label input { margin:0; }
-.mc-table { width:100%; border-collapse:collapse; font-size:13px; }
-.mc-table th, .mc-table td { padding:10px 12px; text-align:left; border-bottom:1px solid #f0f0f0; }
-.mc-table th { background:#fafafa; font-weight:600; color:#666; font-size:12px; }
-.mc-table tr:hover td { background:#f5f7fa; }
-.kpi-detail-card { border: 1px solid #eee; border-radius: 8px; padding: 12px; margin-bottom: 8px; }
-.kpi-detail-red { border-left: 4px solid #f56c6c; }
-.kpi-detail-yellow { border-left: 4px solid #e6a23c; }
-.kpi-detail-green { border-left: 4px solid #67c23a; }
-.kpi-detail-gray { border-left: 4px solid #ccc; }
-.kpi-detail-top { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
-.kpi-detail-badge { font-size: 14px; }
-.kpi-detail-code { font-size: 11px; color: #999; font-family: monospace; }
-.kpi-detail-name { font-weight: 600; font-size: 14px; }
-.kpi-detail-values { padding-left: 24px; display: flex; flex-direction: column; gap: 4px; }
-.kdv-item { display: flex; align-items: center; gap: 8px; font-size: 13px; }
-.kdv-label { color: #999; width: 56px; }
-.kdv-val { font-weight: 500; }
-.plan-popup-card { border: 1px solid #eee; border-radius: 8px; padding: 10px 12px; margin-bottom: 6px; }
-.plan-popup-card:hover { background: #fafafa; }
-.plan-popup-top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
-.plan-popup-status { font-size: 10px; padding: 1px 6px; border-radius: 3px; font-weight: 500; flex-shrink: 0; }
-.pps-pending { background: #f5f7fa; color: #909399; }
-.pps-in_progress { background: #fdf6ec; color: #e6a23c; }
-.pps-completed { background: #f0f9eb; color: #67c23a; }
-.pps-cancelled { background: #f5f7fa; color: #bbb; }
-.plan-popup-title { font-weight: 500; font-size: 13px; }
-.plan-popup-meta { display: flex; gap: 12px; font-size: 11px; color: #999; padding-left: 4px; }
-</style>