fix(ui): 全仓 el-dialog 清剿 → MyDialog（26 处/17 文件）

- 项目铁律：一律 MyDialog（Element 原生弹窗在本项目长期不可见）
- 含用户报的 OKR 模板库「应用」弹窗（OKRTemplates.vue）
- 等价适配：width 字符串 px → 数字绑定；append-to-body/destroy-on-close
  /top/show-close/class 等 EP 专有属性移除（MyDialog 已 teleport+卸载语义）
- 新增 MyDialog 显式 import；零后端/零数据改动
- 全仓 <el-dialog> 0 命中；components.d.ts 随之移除 ElDialog 自动注册

frontend/src/views/TreasuryPayment.vue

@@ -193,7 +193,7 @@
     </el-tabs>
 
     <!-- 新建/编辑支付单弹窗 -->
-    <el-dialog v-model="payDialog.visible" :title="payDialog.mode === 'create' ? '新建支付单' : '编辑支付单'" width="520px" append-to-body>
+    <MyDialog v-model="payDialog.visible" :title="payDialog.mode === 'create' ? '新建支付单' : '编辑支付单'" :width="520">
       <el-form label-width="90px">
         <el-form-item label="付款账户" required>
           <el-select v-model="payForm.from_account_id" filterable style="width:100%" placeholder="仅列出启用账户">
@@ -227,10 +227,10 @@
         <el-button @click="payDialog.visible = false">取消</el-button>
         <el-button type="primary" :loading="payDialog.saving" @click="savePayment">保存</el-button>
       </template>
-    </el-dialog>
+    </MyDialog>
 
     <!-- 审批弹窗 -->
-    <el-dialog v-model="approveVisible" title="审批支付单" width="460px" append-to-body>
+    <MyDialog v-model="approveVisible" title="审批支付单" :width="460">
       <el-form label-width="90px">
         <el-form-item label="单号">{{ currentRow?.pay_no }}</el-form-item>
         <el-form-item label="收款方">{{ currentRow?.to_name }}</el-form-item>
@@ -245,10 +245,10 @@
         <el-button type="danger" :loading="approving" @click="submitApprove(false)">驳回</el-button>
         <el-button type="primary" :loading="approving" @click="submitApprove(true)">通过</el-button>
       </template>
-    </el-dialog>
+    </MyDialog>
 
     <!-- 豁免弹窗 -->
-    <el-dialog v-model="waiveVisible" title="豁免放行" width="460px" append-to-body>
+    <MyDialog v-model="waiveVisible" title="豁免放行" :width="460">
       <el-alert type="warning" :closable="false" style="margin-bottom:12px"
         title="豁免通道仅对被 block 规则拦截的支付单开放，全程留痕，豁免级别不得低于该笔所需审批级数。" />
       <el-form label-width="90px">
@@ -265,7 +265,7 @@
         <el-button @click="waiveVisible = false">取消</el-button>
         <el-button type="warning" :loading="waiving" @click="submitWaive">确认豁免</el-button>
       </template>
-    </el-dialog>
+    </MyDialog>
   </div>
 </template>
 
@@ -273,6 +273,7 @@
 import { ref, computed, onMounted } from 'vue'
 import api from '@/api'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import MyDialog from '../components/MyDialog.vue'
 
 const activeTab = ref('payments')