You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

77 lines
2.7 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="/css/reset.css"/>
<link rel="stylesheet" href="/mint-ui/mint-ui.min.css"/>
<link rel="stylesheet" href="/css/mobile.css"/>
<link href="/css/layui/layui.css" rel="stylesheet">
</head>
<body>
<div id="app">
<#if currentUser??>
<div class="main-container" id="mainContainer">
<div class="mint-header" style="position: fixed; top: 0; left: 0; right: 0; height: 40px; background: #26a2ff; z-index: 1000;">
<div style="display: flex; align-items: center; justify-content: space-between; padding: 0 15px; height: 40px;">
<div class="header-title">
<img class="logo" height="30" src="/img/ccl-logo.png"/>
</div>
<img src="/img/logout2.svg" height="22" onclick="logout()" style="cursor: pointer; position: absolute; right: 15px;"/>
</div>
</div>
<div style="padding: 60px 10px 10px 10px;">
<div onclick="goToDispatch()" style="padding:12px; cursor: pointer;">
<div style="width: 80px;height: 80px; border-radius:12px;background:#fff;border:1px solid #e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.08);margin:0 auto;">
<img src="/img/pick.svg" style="width: 45px;height: 45px;margin-bottom: 2px;"/>
<div style="font-size:14px;color:#333;">生产领料</div>
</div>
</div>
</div>
</div>
</#if>
</div>
<form id="frmLogout" action="/logout" method="post"></form>
</body>
<script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
<script src="/js/layui/layui.js"></script>
<script>
// 使用原生JavaScript替代Vue
function logout() {
document.getElementById('frmLogout').submit();
}
function goToDispatch() {
window.location.href = '/mobile/shopOrder/shop_order';
}
// layui弹框测试方法
function showTestDialog() {
layui.use(['layer'], function(){
var layer = layui.layer;
if(true){
layer.alert('请输入工单号');
return;
}
// 也可以使用alert弹框
// layer.alert('测试信息:系统运行正常!', {
// icon: 1,
// title: '测试结果'
// });
});
}
// 页面加载完成后显示内容
document.addEventListener('DOMContentLoaded', function() {
var mainContainer = document.getElementById('mainContainer');
if (mainContainer) {
mainContainer.style.display = 'block';
}
});
</script>
</html>