<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>实时出入库</title>
|
<!-- MUI样式 -->
|
<link rel="stylesheet" href="./css/mui.min.css" />
|
<!-- 公共css -->
|
<link rel="stylesheet" href="./css/admin/public.css" />
|
<!-- 页面css -->
|
<link rel="stylesheet" href="./css/admin/inout-real.css">
|
</head>
|
|
<body class="g-bg" style="background-image: url(images/m-bg2.png);">
|
<header id="header" class="mui-bar mui-bar-nav m-pagetit">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">实时出入库</h1>
|
</header>
|
<div class="mui-content">
|
|
<div class="mui-scroll-wrapper g-src_box">
|
<div class="mui-scroll">
|
<div class="wp">
|
<div class="m-cardb1">
|
<div class="title">统计信息</div>
|
<div class="box">
|
<ul class="crk-list">
|
<li>
|
<a href="" class="con"
|
style="background: linear-gradient(90deg,#38b382,#6ad192);">
|
<div class="tit">入库登记</div>
|
<div class="name"><span class="num" id="inSumNum">0</span>辆</div>
|
</a>
|
</li>
|
<li>
|
<a href="" class="con"
|
style="background: linear-gradient(90deg,#819ada,#88bae3);">
|
<div class="tit">入库完成</div>
|
<div class="name"><span class="num" id="inCompleteNum">0</span>辆</div>
|
</a>
|
</li>
|
<li>
|
<a href="" class="con"
|
style="background: linear-gradient(45deg,#49afba,#64dbcc);">
|
<div class="tit">入库完成率</div>
|
<div class="name"><span class="num" id="perInComplete">0</span>%</div>
|
</a>
|
</li>
|
<li>
|
<a href="" class="con"
|
style="background: linear-gradient(45deg,#7cbb68,#bdd488);">
|
<div class="tit">出库登记</div>
|
<div class="name"><span class="num" id="outSumNum">0</span>辆</div>
|
</a>
|
</li>
|
<li>
|
<a href="" class="con"
|
style="background: linear-gradient(90deg,#32a5d1,#6bcbd4);">
|
<div class="tit">出库完成</div>
|
<div class="name"><span class="num" id="outCompleteNum">0</span>辆</div>
|
</a>
|
</li>
|
<li>
|
<a href="" class="con"
|
style="background: linear-gradient(45deg,#8c8cd8,#a2a9ed);">
|
<div class="tit">出库完成率</div>
|
<div class="name"><span class="num" id="perOutComplete">0</span>%</div>
|
</a>
|
</li>
|
</ul>
|
<div class="time" id="time">更新时间: 2022-01-01 00:00 </div>
|
</div>
|
</div>
|
<div class="m-cardb1">
|
<div class="title">实时信息</div>
|
<div class="box m-record" id="listInout">
|
<!-- <div class="id" style="text-align: center;">暂无实时信息</div> -->
|
<!-- <div class="item">
|
<div class="id">单据号: 202205050002<span class="status enter">入库</span></div>
|
<ul class="g-listb2">
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i24.png);">
|
车牌号:<b>豫A123GM</b>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i25.png);">
|
仓库名称:<b>15号仓</b>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i32.png);">
|
粮食品种:<b>小麦</b>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i24.png);">
|
当前流程:<span>值仓</span>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="item">
|
<div class="id">单据号: 202205050002 <span class="status out">出库</span> </div>
|
<ul class="g-listb2">
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i24.png);">
|
车牌号:<b>豫A123GM</b>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i25.png);">
|
仓库名称:<b>15号仓</b>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i32.png);">
|
粮食品种:<b>小麦</b>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-image: url(images/icons/g-i24.png);">
|
当前流程:<span><em>值仓</em>KG</span>
|
</div>
|
</li>
|
</ul>
|
</div> -->
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script src="./js/mui.min.js"></script>
|
<script src="./js/jquery.js"></script>
|
<script src="./js/admin/inout-real.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
//mui初始化
|
mui.init();
|
|
mui.plusReady(function() {
|
//数据初始化
|
init();
|
})
|
</script>
|
</html>
|
