test_parameter_return_simple.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>传入参数返回功能验证</title>
  7. <style>
  8. body {
  9. font-family: Arial, sans-serif;
  10. margin: 20px;
  11. background-color: #f5f5f5;
  12. }
  13. .container {
  14. max-width: 800px;
  15. margin: 0 auto;
  16. background-color: white;
  17. padding: 20px;
  18. border-radius: 8px;
  19. box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  20. }
  21. h1 {
  22. color: #333;
  23. text-align: center;
  24. }
  25. button {
  26. background-color: #007bff;
  27. color: white;
  28. border: none;
  29. padding: 10px 20px;
  30. border-radius: 5px;
  31. cursor: pointer;
  32. margin: 10px;
  33. font-size: 14px;
  34. }
  35. button:hover {
  36. background-color: #0056b3;
  37. }
  38. .result {
  39. margin-top: 15px;
  40. padding: 15px;
  41. border-radius: 5px;
  42. white-space: pre-wrap;
  43. font-family: 'Courier New', monospace;
  44. font-size: 12px;
  45. max-height: 400px;
  46. overflow-y: auto;
  47. }
  48. .success {
  49. background-color: #d4edda;
  50. border: 1px solid #c3e6cb;
  51. color: #155724;
  52. }
  53. .error {
  54. background-color: #f8d7da;
  55. border: 1px solid #f5c6cb;
  56. color: #721c24;
  57. }
  58. .info {
  59. background-color: #d1ecf1;
  60. border: 1px solid #bee5eb;
  61. color: #0c5460;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <div class="container">
  67. <h1>传入参数返回功能验证</h1>
  68. <p>此页面用于验证工伤接口是否正确返回传入的参数。</p>
  69. <button onclick="testInit()">测试初始化</button>
  70. <button onclick="testHealth()">测试健康检查</button>
  71. <button onclick="testError()">测试错误情况</button>
  72. <div id="result" class="result" style="display: none;"></div>
  73. </div>
  74. <script>
  75. const API_BASE_URL = 'http://localhost:8321/api/entry/workinjury';
  76. async function callAPI(requestData) {
  77. try {
  78. const response = await fetch(API_BASE_URL, {
  79. method: 'POST',
  80. headers: {
  81. 'Content-Type': 'application/json',
  82. },
  83. body: JSON.stringify(requestData)
  84. });
  85. const result = await response.json();
  86. return {
  87. success: true,
  88. status: response.status,
  89. data: result
  90. };
  91. } catch (error) {
  92. return {
  93. success: false,
  94. error: error.message,
  95. data: null
  96. };
  97. }
  98. }
  99. function showResult(apiResult, originalRequest, testName) {
  100. const element = document.getElementById('result');
  101. element.style.display = 'block';
  102. if (!apiResult.success) {
  103. element.className = 'result error';
  104. element.textContent = `API调用失败: ${apiResult.error}`;
  105. return;
  106. }
  107. const result = apiResult.data;
  108. const hasRequestParams = result.hasOwnProperty('request_parameters');
  109. const paramsMatch = hasRequestParams && JSON.stringify(result.request_parameters) === JSON.stringify(originalRequest);
  110. let resultText = `=== ${testName} ===\n\n`;
  111. resultText += `HTTP状态: ${apiResult.status}\n`;
  112. resultText += `API成功: ${result.success}\n`;
  113. resultText += `返回代码: ${result.code}\n`;
  114. resultText += `消息: ${result.message}\n\n`;
  115. resultText += `=== 参数返回检查 ===\n`;
  116. resultText += `request_parameters字段存在: ${hasRequestParams ? '✅ 是' : '❌ 否'}\n`;
  117. resultText += `参数内容匹配: ${paramsMatch ? '✅ 是' : '❌ 否'}\n\n`;
  118. resultText += `=== 传入的原始参数 ===\n`;
  119. resultText += JSON.stringify(originalRequest, null, 2);
  120. resultText += `\n\n`;
  121. resultText += `=== 返回的request_parameters ===\n`;
  122. if (hasRequestParams) {
  123. resultText += JSON.stringify(result.request_parameters, null, 2);
  124. } else {
  125. resultText += "undefined (字段不存在)";
  126. }
  127. element.className = hasRequestParams && paramsMatch ? 'result success' : 'result error';
  128. element.textContent = resultText;
  129. }
  130. async function testInit() {
  131. const requestData = {
  132. action: "init",
  133. timestamp: new Date().toISOString(),
  134. testField: "测试值",
  135. nestedData: {
  136. key1: "value1",
  137. key2: "value2"
  138. }
  139. };
  140. const result = await callAPI(requestData);
  141. showResult(result, requestData, '初始化测试');
  142. }
  143. async function testHealth() {
  144. const requestData = {
  145. action: "health",
  146. timestamp: new Date().toISOString(),
  147. checkType: "full"
  148. };
  149. const result = await callAPI(requestData);
  150. showResult(result, requestData, '健康检查测试');
  151. }
  152. async function testError() {
  153. const requestData = {
  154. action: "invalid_action",
  155. timestamp: new Date().toISOString(),
  156. errorTest: "测试错误情况"
  157. };
  158. const result = await callAPI(requestData);
  159. showResult(result, requestData, '错误情况测试');
  160. }
  161. </script>
  162. </body>
  163. </html>