|
@@ -1,34 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
|
|
-<html>
|
|
|
|
|
-<head>
|
|
|
|
|
- <title>测试取消原因对话框</title>
|
|
|
|
|
- <style>
|
|
|
|
|
- body { font-family: Arial, sans-serif; padding: 20px; }
|
|
|
|
|
- button { padding: 10px 20px; margin: 10px; cursor: pointer; }
|
|
|
|
|
- .debug { background: #f0f0f0; padding: 10px; margin: 10px 0; border-radius: 5px; }
|
|
|
|
|
- </style>
|
|
|
|
|
-</head>
|
|
|
|
|
-<body>
|
|
|
|
|
- <h1>测试取消原因对话框</h1>
|
|
|
|
|
- <button onclick="openDialog()">打开取消原因对话框</button>
|
|
|
|
|
-
|
|
|
|
|
- <div class="debug">
|
|
|
|
|
- <h3>调试信息：</h3>
|
|
|
|
|
- <div id="debug-info"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <script>
|
|
|
|
|
- function openDialog() {
|
|
|
|
|
- // 模拟打开对话框
|
|
|
|
|
- const debugInfo = document.getElementById('debug-info');
|
|
|
|
|
- debugInfo.innerHTML = '对话框已打开，请检查浏览器控制台查看详细调试信息';
|
|
|
|
|
-
|
|
|
|
|
- // 这里无法直接测试React组件，但可以检查是否有其他问题
|
|
|
|
|
- console.log('测试：请在实际应用中测试取消原因对话框');
|
|
|
|
|
- console.log('检查：1. 点击原因选项是否有选中状态');
|
|
|
|
|
- console.log('检查：2. 点击确认按钮是否调用onConfirm');
|
|
|
|
|
- console.log('检查：3. 选中状态是否正确显示');
|
|
|
|
|
- }
|
|
|
|
|
- </script>
|
|
|
|
|
-</body>
|
|
|
|
|
-</html>
|
|
|
yourname