374 lines
14 KiB
HTML
374 lines
14 KiB
HTML
<!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;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 20px;
|
||
background-color: #f5f5f5;
|
||
}
|
||
.container {
|
||
background: white;
|
||
padding: 30px;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
||
}
|
||
.test-section {
|
||
margin-bottom: 30px;
|
||
padding: 20px;
|
||
border: 1px solid #e8e8e8;
|
||
border-radius: 6px;
|
||
}
|
||
.test-section h3 {
|
||
margin-top: 0;
|
||
color: #1890ff;
|
||
}
|
||
.test-button {
|
||
background: #1890ff;
|
||
color: white;
|
||
border: none;
|
||
padding: 10px 20px;
|
||
border-radius: 4px;
|
||
cursor: pointer;
|
||
margin: 5px;
|
||
}
|
||
.test-button:hover {
|
||
background: #40a9ff;
|
||
}
|
||
.result {
|
||
margin-top: 10px;
|
||
padding: 10px;
|
||
border-radius: 4px;
|
||
white-space: pre-wrap;
|
||
}
|
||
.success {
|
||
background: #f6ffed;
|
||
border: 1px solid #b7eb8f;
|
||
color: #52c41a;
|
||
}
|
||
.error {
|
||
background: #fff2f0;
|
||
border: 1px solid #ffccc7;
|
||
color: #ff4d4f;
|
||
}
|
||
.info {
|
||
background: #e6f7ff;
|
||
border: 1px solid #91d5ff;
|
||
color: #1890ff;
|
||
}
|
||
.form-group {
|
||
margin-bottom: 15px;
|
||
}
|
||
.form-group label {
|
||
display: block;
|
||
margin-bottom: 5px;
|
||
font-weight: bold;
|
||
}
|
||
.form-group input, .form-group select, .form-group textarea {
|
||
width: 100%;
|
||
padding: 8px;
|
||
border: 1px solid #d9d9d9;
|
||
border-radius: 4px;
|
||
}
|
||
.form-group textarea {
|
||
height: 80px;
|
||
resize: vertical;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>贷款解押编辑功能测试</h1>
|
||
|
||
<!-- 1. 获取解押列表 -->
|
||
<div class="test-section">
|
||
<h3>1. 获取解押申请列表</h3>
|
||
<button class="test-button" onclick="getLoanReleases()">获取解押列表</button>
|
||
<div id="releases-result" class="result"></div>
|
||
</div>
|
||
|
||
<!-- 2. 获取解押详情 -->
|
||
<div class="test-section">
|
||
<h3>2. 获取解押申请详情</h3>
|
||
<div class="form-group">
|
||
<label>解押ID:</label>
|
||
<input type="number" id="releaseId" value="1" placeholder="请输入解押ID">
|
||
</div>
|
||
<button class="test-button" onclick="getReleaseDetail()">获取详情</button>
|
||
<div id="detail-result" class="result"></div>
|
||
</div>
|
||
|
||
<!-- 3. 更新解押申请 -->
|
||
<div class="test-section">
|
||
<h3>3. 更新解押申请</h3>
|
||
<div class="form-group">
|
||
<label>解押ID:</label>
|
||
<input type="number" id="updateId" value="1" placeholder="请输入解押ID">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请人姓名:</label>
|
||
<input type="text" id="applicantName" value="张三测试" placeholder="请输入申请人姓名">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请人电话:</label>
|
||
<input type="text" id="applicantPhone" value="13800138000" placeholder="请输入申请人电话">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请人身份证号:</label>
|
||
<input type="text" id="applicantIdNumber" value="511123199001010001" placeholder="请输入申请人身份证号">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>贷款产品:</label>
|
||
<input type="text" id="productName" value="养殖贷款" placeholder="请输入贷款产品">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>生资种类:</label>
|
||
<select id="assetType">
|
||
<option value="牛">牛</option>
|
||
<option value="羊">羊</option>
|
||
<option value="猪">猪</option>
|
||
<option value="其他">其他</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请解押数量:</label>
|
||
<input type="text" id="releaseQuantity" value="5头" placeholder="请输入申请解押数量">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请解押额度:</label>
|
||
<input type="number" id="releaseAmount" value="50000" step="0.01" placeholder="请输入申请解押额度">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请养殖户:</label>
|
||
<input type="text" id="farmerName" value="张三" placeholder="请输入申请养殖户">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>抵押物描述:</label>
|
||
<textarea id="collateralDescription" placeholder="请输入抵押物描述">测试抵押物描述</textarea>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请原因:</label>
|
||
<textarea id="reason" placeholder="请输入申请原因">测试申请原因</textarea>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>备注:</label>
|
||
<textarea id="remark" placeholder="请输入备注">测试备注</textarea>
|
||
</div>
|
||
<button class="test-button" onclick="updateRelease()">更新解押申请</button>
|
||
<div id="update-result" class="result"></div>
|
||
</div>
|
||
|
||
<!-- 4. 验证更新结果 -->
|
||
<div class="test-section">
|
||
<h3>4. 验证更新结果</h3>
|
||
<button class="test-button" onclick="verifyUpdate()">验证更新结果</button>
|
||
<div id="verify-result" class="result"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
const API_BASE = 'http://localhost:5301/bank/api';
|
||
let authToken = '';
|
||
|
||
// 登录获取token
|
||
async function login() {
|
||
try {
|
||
const response = await fetch(`${API_BASE}/auth/login`, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
body: JSON.stringify({
|
||
username: 'admin',
|
||
password: '123456'
|
||
})
|
||
});
|
||
|
||
const data = await response.json();
|
||
if (data.success) {
|
||
authToken = data.data.token;
|
||
console.log('登录成功，Token:', authToken.substring(0, 50) + '...');
|
||
return true;
|
||
} else {
|
||
throw new Error(data.message || '登录失败');
|
||
}
|
||
} catch (error) {
|
||
console.error('登录失败:', error);
|
||
return false;
|
||
}
|
||
}
|
||
|
||
// 获取解押列表
|
||
async function getLoanReleases() {
|
||
const resultDiv = document.getElementById('releases-result');
|
||
resultDiv.className = 'result info';
|
||
resultDiv.textContent = '正在获取解押列表...';
|
||
|
||
try {
|
||
if (!authToken) {
|
||
const loginSuccess = await login();
|
||
if (!loginSuccess) {
|
||
throw new Error('登录失败');
|
||
}
|
||
}
|
||
|
||
const response = await fetch(`${API_BASE}/loan-releases?page=1&pageSize=10`, {
|
||
headers: {
|
||
'Authorization': `Bearer ${authToken}`
|
||
}
|
||
});
|
||
|
||
const data = await response.json();
|
||
|
||
if (data.success) {
|
||
resultDiv.className = 'result success';
|
||
resultDiv.textContent = `获取成功！\n解押申请数量: ${data.data.releases.length}\n\n解押列表:\n${JSON.stringify(data.data.releases, null, 2)}`;
|
||
} else {
|
||
throw new Error(data.message || '获取失败');
|
||
}
|
||
} catch (error) {
|
||
resultDiv.className = 'result error';
|
||
resultDiv.textContent = `获取失败: ${error.message}`;
|
||
}
|
||
}
|
||
|
||
// 获取解押详情
|
||
async function getReleaseDetail() {
|
||
const resultDiv = document.getElementById('detail-result');
|
||
const releaseId = document.getElementById('releaseId').value;
|
||
|
||
resultDiv.className = 'result info';
|
||
resultDiv.textContent = '正在获取解押详情...';
|
||
|
||
try {
|
||
if (!authToken) {
|
||
const loginSuccess = await login();
|
||
if (!loginSuccess) {
|
||
throw new Error('登录失败');
|
||
}
|
||
}
|
||
|
||
const response = await fetch(`${API_BASE}/loan-releases/${releaseId}`, {
|
||
headers: {
|
||
'Authorization': `Bearer ${authToken}`
|
||
}
|
||
});
|
||
|
||
const data = await response.json();
|
||
|
||
if (data.success) {
|
||
resultDiv.className = 'result success';
|
||
resultDiv.textContent = `获取成功！\n解押详情:\n${JSON.stringify(data.data, null, 2)}`;
|
||
} else {
|
||
throw new Error(data.message || '获取失败');
|
||
}
|
||
} catch (error) {
|
||
resultDiv.className = 'result error';
|
||
resultDiv.textContent = `获取失败: ${error.message}`;
|
||
}
|
||
}
|
||
|
||
// 更新解押申请
|
||
async function updateRelease() {
|
||
const resultDiv = document.getElementById('update-result');
|
||
const releaseId = document.getElementById('updateId').value;
|
||
|
||
resultDiv.className = 'result info';
|
||
resultDiv.textContent = '正在更新解押申请...';
|
||
|
||
try {
|
||
if (!authToken) {
|
||
const loginSuccess = await login();
|
||
if (!loginSuccess) {
|
||
throw new Error('登录失败');
|
||
}
|
||
}
|
||
|
||
const updateData = {
|
||
customer_name: document.getElementById('applicantName').value,
|
||
customer_phone: document.getElementById('applicantPhone').value,
|
||
customer_id_card: document.getElementById('applicantIdNumber').value,
|
||
farmer_name: document.getElementById('farmerName').value,
|
||
product_name: document.getElementById('productName').value,
|
||
collateral_type: document.getElementById('assetType').value === '牛' ? 'livestock' : document.getElementById('assetType').value,
|
||
release_quantity: document.getElementById('releaseQuantity').value,
|
||
release_amount: parseFloat(document.getElementById('releaseAmount').value),
|
||
collateral_description: document.getElementById('collateralDescription').value,
|
||
application_reason: document.getElementById('reason').value,
|
||
remark: document.getElementById('remark').value
|
||
};
|
||
|
||
console.log('更新数据:', updateData);
|
||
|
||
const response = await fetch(`${API_BASE}/loan-releases/${releaseId}`, {
|
||
method: 'PUT',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': `Bearer ${authToken}`
|
||
},
|
||
body: JSON.stringify(updateData)
|
||
});
|
||
|
||
const data = await response.json();
|
||
|
||
if (data.success) {
|
||
resultDiv.className = 'result success';
|
||
resultDiv.textContent = `更新成功！\n响应数据:\n${JSON.stringify(data, null, 2)}`;
|
||
} else {
|
||
throw new Error(data.message || '更新失败');
|
||
}
|
||
} catch (error) {
|
||
resultDiv.className = 'result error';
|
||
resultDiv.textContent = `更新失败: ${error.message}`;
|
||
}
|
||
}
|
||
|
||
// 验证更新结果
|
||
async function verifyUpdate() {
|
||
const resultDiv = document.getElementById('verify-result');
|
||
const releaseId = document.getElementById('updateId').value;
|
||
|
||
resultDiv.className = 'result info';
|
||
resultDiv.textContent = '正在验证更新结果...';
|
||
|
||
try {
|
||
if (!authToken) {
|
||
const loginSuccess = await login();
|
||
if (!loginSuccess) {
|
||
throw new Error('登录失败');
|
||
}
|
||
}
|
||
|
||
const response = await fetch(`${API_BASE}/loan-releases/${releaseId}`, {
|
||
headers: {
|
||
'Authorization': `Bearer ${authToken}`
|
||
}
|
||
});
|
||
|
||
const data = await response.json();
|
||
|
||
if (data.success) {
|
||
resultDiv.className = 'result success';
|
||
resultDiv.textContent = `验证成功！\n更新后的解押详情:\n${JSON.stringify(data.data, null, 2)}`;
|
||
} else {
|
||
throw new Error(data.message || '验证失败');
|
||
}
|
||
} catch (error) {
|
||
resultDiv.className = 'result error';
|
||
resultDiv.textContent = `验证失败: ${error.message}`;
|
||
}
|
||
}
|
||
|
||
// 页面加载时自动登录
|
||
window.onload = function() {
|
||
login();
|
||
};
|
||
</script>
|
||
</body>
|
||
</html>
|