242 lines
38 KiB
HTML
242 lines
38 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<!-- 基础配置 -->
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<!-- 关键移动端配置 -->
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
|
<!-- 禁止自动识别电话号码 -->
|
||
|
|
<meta name="format-detection" content="telephone=no">
|
||
|
|
<!-- 禁止自动识别邮箱 -->
|
||
|
|
<meta name="format-detection" content="email=no">
|
||
|
|
<!-- 针对iOS的全屏模式配置 -->
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
|
|
<!-- 针对Android的状态栏颜色 -->
|
||
|
|
<meta name="theme-color" content="#ffffff">
|
||
|
|
<!-- 禁止百度转码 -->
|
||
|
|
<meta http-equiv="Cache-Control" content="no-siteapp">
|
||
|
|
<meta name="keywords" content="关键词">
|
||
|
|
<!-- 其他可选配置 -->
|
||
|
|
<meta name="renderer" content="webkit"> <!-- 优先使用webkit内核 -->
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 优先使用最新版IE或Chrome -->
|
||
|
|
<!-- 添加到主屏后的标题 -->
|
||
|
|
<meta name="apple-mobile-web-app-title" content="应用名称">
|
||
|
|
<!-- 移动端favicon -->
|
||
|
|
<link rel="icon" href="favicon.ico" sizes="32x32">
|
||
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||
|
|
<!-- SEO优化 -->
|
||
|
|
<title>大箱注销重新录入工具</title>
|
||
|
|
<meta name="description" content="页面描述">
|
||
|
|
<style>
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
padding: 20px;
|
||
|
|
max-width: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
color: #333;
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
.form-container {
|
||
|
|
background-color: white;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 20px;
|
||
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
.input-group {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
label {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
color: #666;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
input[type="text"] {
|
||
|
|
width: 100%;
|
||
|
|
padding: 12px 15px;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 16px;
|
||
|
|
transition: border-color 0.3s;
|
||
|
|
}
|
||
|
|
input[type="text"]:focus {
|
||
|
|
border-color: #4a90e2;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.submit-btn {
|
||
|
|
width: 100%;
|
||
|
|
padding: 12px;
|
||
|
|
background-color: #4a90e2;
|
||
|
|
color: white;
|
||
|
|
border: none;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: background-color 0.3s;
|
||
|
|
}
|
||
|
|
.submit-btn:hover {
|
||
|
|
background-color: #3a7bc8;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 弹窗样式 */
|
||
|
|
.modal {
|
||
|
|
display: none;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
z-index: 1000;
|
||
|
|
}
|
||
|
|
.modal-content {
|
||
|
|
background-color: white;
|
||
|
|
padding: 20px;
|
||
|
|
border-radius: 8px;
|
||
|
|
width: 90%;
|
||
|
|
max-width: 400px;
|
||
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
}
|
||
|
|
.modal-title {
|
||
|
|
font-size: 18px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
color: #333;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.modal-buttons {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
.modal-btn {
|
||
|
|
padding: 10px 20px;
|
||
|
|
border-radius: 5px;
|
||
|
|
border: none;
|
||
|
|
font-size: 16px;
|
||
|
|
cursor: pointer;
|
||
|
|
flex: 1;
|
||
|
|
margin: 0 5px;
|
||
|
|
}
|
||
|
|
.modal-btn-confirm {
|
||
|
|
background-color: #4a90e2;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.modal-btn-cancel {
|
||
|
|
background-color: #f0f0f0;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>大箱注销重新录入工具</h1>
|
||
|
|
|
||
|
|
<div class="form-container">
|
||
|
|
<div class="input-group">
|
||
|
|
<label for="boxCode">请输入外箱码：</label>
|
||
|
|
<input type="text" id="boxCode" placeholder="请输入外箱码">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group">
|
||
|
|
<label for="boxNumber">请输入外箱编号：</label>
|
||
|
|
<input type="text" id="boxNumber" placeholder="请输入外箱编号">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button type="button" class="submit-btn" id="submitBtn">确认</button>
|
||
|
|
</div>
|
||
|
|
<img style="width: 100%;margin-top: 6%;" src="data:image/png;base64,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
|
||
|
|
<!-- 弹窗 -->
|
||
|
|
<div class="modal" id="confirmModal">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-title" id="modalMessage"></div>
|
||
|
|
<div class="modal-buttons">
|
||
|
|
<button class="modal-btn modal-btn-cancel" id="cancelBtn">取消</button>
|
||
|
|
<button class="modal-btn modal-btn-confirm" id="confirmBtn">确认</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
// 提交按钮点击事件
|
||
|
|
$('#submitBtn').click(function() {
|
||
|
|
var boxCode = $('#boxCode').val().trim();
|
||
|
|
var boxNumber = $('#boxNumber').val().trim();
|
||
|
|
|
||
|
|
if (!boxCode || !boxNumber) {
|
||
|
|
alert('请填写完整的外箱码和外箱编号');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 显示确认弹窗
|
||
|
|
$('#modalMessage').text(`是否确认提交"${boxCode}-${boxNumber}"号码外箱进行注销`);
|
||
|
|
$('#confirmModal').show();
|
||
|
|
});
|
||
|
|
|
||
|
|
// 取消按钮点击事件
|
||
|
|
$('#cancelBtn').click(function() {
|
||
|
|
$('#confirmModal').hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
// 确认按钮点击事件
|
||
|
|
$('#confirmBtn').click(function() {
|
||
|
|
var boxCode = $('#boxCode').val().trim();
|
||
|
|
var boxNumber = $('#boxNumber').val().trim();
|
||
|
|
|
||
|
|
// 调用提交方法
|
||
|
|
tj(boxCode, boxNumber);
|
||
|
|
|
||
|
|
// 隐藏弹窗
|
||
|
|
$('#confirmModal').hide();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// 提交方法
|
||
|
|
function tj(boxCode, boxNumber) {
|
||
|
|
$.ajax({
|
||
|
|
url: "/z/logout_outbox_code_action", // 请求的url地址
|
||
|
|
dataType: "json", // 返回格式为json
|
||
|
|
async: true, // 请求是否异步，默认为异步
|
||
|
|
data: {
|
||
|
|
"boxCode": boxCode,
|
||
|
|
"boxNumber": boxNumber
|
||
|
|
}, // 参数值
|
||
|
|
type: "POST", // 请求方式
|
||
|
|
success: function(req) {
|
||
|
|
// 请求成功时处理
|
||
|
|
// alert('提交成功！');
|
||
|
|
// 清空输入框
|
||
|
|
if(req.code == 0){
|
||
|
|
alert('处理成功！');
|
||
|
|
}else{
|
||
|
|
$('#boxCode').val('');
|
||
|
|
$('#boxNumber').val('');
|
||
|
|
alert('处理失败！');
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
error: function() {
|
||
|
|
// 请求出错处理
|
||
|
|
// alert('提交失败，请重试！');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|