feat: CMA前端UI优化第三轮P2 — mc-dialog→el-dialog+按钮统一+MapCanvas拆组件+全局过渡动画

frontend/src/views/MapList.vue

@@ -3,7 +3,7 @@
     <div style="display:flex;justify-content:space-between;margin-bottom:16px;">
       <h3>战略地图</h3>
       <div>
-        <button class="map-btn map-btn-danger" :disabled="selectedIds.length === 0" @click="batchDelete">批量删除（{{ selectedIds.length }}）</button>
+        <el-button size="small" type="danger" :disabled="selectedIds.length === 0" @click="batchDelete">批量删除（{{ selectedIds.length }}）</el-button>
         <el-button type="primary" @click="showForm=true;form={}">新建地图</el-button>
       </div>
     </div>
@@ -30,7 +30,7 @@
       <div class="map-form-dialog">
         <div class="map-form-header">
           <span>{{ editingMap ? '编辑地图' : '新建战略地图' }}</span>
-          <button class="map-form-close" @click="showForm=false">×</button>
+          <el-button size="small" text @click="showForm=false">×</el-button>
         </div>
         <div class="map-form-body">
           <div class="map-form-field">
@@ -50,8 +50,8 @@
           </div>
         </div>
         <div class="map-form-footer">
-          <button class="map-btn" @click="showForm=false">取消</button>
-          <button class="map-btn map-btn-primary" @click="saveMap">保存</button>
+          <el-button size="small" @click="showForm=false">取消</el-button>
+          <el-button size="small" type="primary" @click="saveMap">保存</el-button>
         </div>
       </div>
     </div>