104 lines
2.1 KiB
HTML
104 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>e签宝合同比对</title>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<style>
|
|
body {
|
|
height: 100vh;
|
|
margin: 0;
|
|
font-family: Arial, sans-serif;
|
|
background: #f5f5f7;
|
|
}
|
|
|
|
#content {
|
|
padding: 20px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.file-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px;
|
|
background: white;
|
|
border-radius: 8px;
|
|
margin-bottom: 10px;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.file-item input {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.search-bar {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.search-bar input {
|
|
width: 400px;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
button {
|
|
padding: 10px 20px;
|
|
background-color: #4A90E2;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:hover {
|
|
background-color: #0056b3;
|
|
}
|
|
|
|
#confirm {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.pagination {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.pagination button {
|
|
margin: 0 5px;
|
|
padding: 4px 8px;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="content">
|
|
<div id="file-list"></div>
|
|
<div id="file-pagination" class="pagination"></div>
|
|
</div>
|
|
|
|
<script src="../js/compareBiz.js"></script>
|
|
<script>
|
|
function OK() {
|
|
var ids = '';
|
|
const checkList = $('#file-list input:checked');
|
|
console.log('checkList:' + checkList)
|
|
if (checkList.length === 0) {
|
|
console.log('没有选中的文件');
|
|
return ''; // 如果没有选中的复选框，直接返回空字符串
|
|
}
|
|
|
|
checkList.each(function() {
|
|
ids += $(this).val(); // 拼接 id
|
|
});
|
|
return ids;
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html> |