123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>传入参数返回功能验证</title>
- <style>
- body {
- font-family: Arial, sans-serif;
- margin: 20px;
- background-color: #f5f5f5;
- }
- .container {
- max-width: 800px;
- margin: 0 auto;
- background-color: white;
- padding: 20px;
- border-radius: 8px;
- box-shadow: 0 2px 10px rgba(0,0,0,0.1);
- }
- h1 {
- color: #333;
- text-align: center;
- }
- button {
- background-color: #007bff;
- color: white;
- border: none;
- padding: 10px 20px;
- border-radius: 5px;
- cursor: pointer;
- margin: 10px;
- font-size: 14px;
- }
- button:hover {
- background-color: #0056b3;
- }
- .result {
- margin-top: 15px;
- padding: 15px;
- border-radius: 5px;
- white-space: pre-wrap;
- font-family: 'Courier New', monospace;
- font-size: 12px;
- max-height: 400px;
- overflow-y: auto;
- }
- .success {
- background-color: #d4edda;
- border: 1px solid #c3e6cb;
- color: #155724;
- }
- .error {
- background-color: #f8d7da;
- border: 1px solid #f5c6cb;
- color: #721c24;
- }
- .info {
- background-color: #d1ecf1;
- border: 1px solid #bee5eb;
- color: #0c5460;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <h1>传入参数返回功能验证</h1>
-
- <p>此页面用于验证工伤接口是否正确返回传入的参数。</p>
-
- <button onclick="testInit()">测试初始化</button>
- <button onclick="testHealth()">测试健康检查</button>
- <button onclick="testError()">测试错误情况</button>
-
- <div id="result" class="result" style="display: none;"></div>
- </div>
- <script>
- const API_BASE_URL = 'http://localhost:8321/api/entry/workinjury';
-
- async function callAPI(requestData) {
- try {
- const response = await fetch(API_BASE_URL, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify(requestData)
- });
-
- const result = await response.json();
- return {
- success: true,
- status: response.status,
- data: result
- };
- } catch (error) {
- return {
- success: false,
- error: error.message,
- data: null
- };
- }
- }
- function showResult(apiResult, originalRequest, testName) {
- const element = document.getElementById('result');
- element.style.display = 'block';
-
- if (!apiResult.success) {
- element.className = 'result error';
- element.textContent = `API调用失败: ${apiResult.error}`;
- return;
- }
-
- const result = apiResult.data;
- const hasRequestParams = result.hasOwnProperty('request_parameters');
- const paramsMatch = hasRequestParams && JSON.stringify(result.request_parameters) === JSON.stringify(originalRequest);
-
- let resultText = `=== ${testName} ===\n\n`;
- resultText += `HTTP状态: ${apiResult.status}\n`;
- resultText += `API成功: ${result.success}\n`;
- resultText += `返回代码: ${result.code}\n`;
- resultText += `消息: ${result.message}\n\n`;
-
- resultText += `=== 参数返回检查 ===\n`;
- resultText += `request_parameters字段存在: ${hasRequestParams ? '✅ 是' : '❌ 否'}\n`;
- resultText += `参数内容匹配: ${paramsMatch ? '✅ 是' : '❌ 否'}\n\n`;
-
- resultText += `=== 传入的原始参数 ===\n`;
- resultText += JSON.stringify(originalRequest, null, 2);
- resultText += `\n\n`;
-
- resultText += `=== 返回的request_parameters ===\n`;
- if (hasRequestParams) {
- resultText += JSON.stringify(result.request_parameters, null, 2);
- } else {
- resultText += "undefined (字段不存在)";
- }
-
- element.className = hasRequestParams && paramsMatch ? 'result success' : 'result error';
- element.textContent = resultText;
- }
- async function testInit() {
- const requestData = {
- action: "init",
- timestamp: new Date().toISOString(),
- testField: "测试值",
- nestedData: {
- key1: "value1",
- key2: "value2"
- }
- };
-
- const result = await callAPI(requestData);
- showResult(result, requestData, '初始化测试');
- }
- async function testHealth() {
- const requestData = {
- action: "health",
- timestamp: new Date().toISOString(),
- checkType: "full"
- };
-
- const result = await callAPI(requestData);
- showResult(result, requestData, '健康检查测试');
- }
- async function testError() {
- const requestData = {
- action: "invalid_action",
- timestamp: new Date().toISOString(),
- errorTest: "测试错误情况"
- };
-
- const result = await callAPI(requestData);
- showResult(result, requestData, '错误情况测试');
- }
- </script>
- </body>
- </html>
|