<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../static/css/cool.css" media="all">
|
<link rel="stylesheet" href="../../static/css/common.css" media="all">
|
<link rel="stylesheet" href="../../static/css/print.css" media="all">
|
</head>
|
<style>
|
#search-box {
|
padding: 30px 30px 10px 30px;
|
}
|
|
#search-box .layui-inline {
|
margin-right: 5px;
|
}
|
|
#data-search-btn {
|
margin-top: 10px;
|
}
|
|
#data-search-btn.layui-btn-container .layui-btn {
|
margin-right: 20px;
|
}
|
|
.btn-print {
|
display: none;
|
}
|
|
#btn-print-batch {
|
display: none;
|
}
|
|
.layui-btn-danger {
|
background-color: lightsalmon;
|
color: #333;
|
}
|
|
/* ------------------------- 打印表格 ----------------------- */
|
.template-preview {
|
height: 200px;
|
display: inline-block;
|
}
|
|
.contain {
|
}
|
|
.contain td {
|
border: 1px solid #000;
|
/*line-height: 46px;*/
|
}
|
|
.function-area {
|
padding: 15px 0 20px 40px;
|
}
|
|
.function-btn {
|
font-size: 16px;
|
padding: 1px 1px 1px 1px;
|
width: 120px;
|
height: 40px;
|
border-color: #2b425b;
|
border-radius: 4px;
|
border-width: 1px;
|
background: none;
|
border-style: solid;
|
transition: 0.4s;
|
cursor: pointer;
|
}
|
|
.function-btn:hover {
|
background-color: #2b425b;
|
color: #fff;
|
}
|
|
#btn-locNormal-into{
|
display: none;
|
}
|
.btn-out{
|
display: none;
|
}
|
.btn-remove{
|
display: none;
|
}
|
|
</style>
|
<body>
|
<div>
|
<!-- 搜索栏 -->
|
<div id="search-box" class="layui-form layui-card-header">
|
<div class="layui-inline">
|
<div class="layui-input-inline">
|
<input class="layui-input" type="text" name="matnr" placeholder="物料编码" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<div class="layui-input-inline">
|
<input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-inline" style="width: 150px">
|
<select id="matStatusSelect" name="state">
|
<option value="">出入库状态</option>
|
<option value="1">已入库</option>
|
<option value="2">已出库</option>
|
</select>
|
</div>
|
<div class="layui-inline" style="width: 150px">
|
<select id="putSiteSelect" name="warehouse">
|
<option value="">请选择库区</option>
|
</select>
|
</div>
|
|
<!-- 待添加 -->
|
<div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block">
|
<button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索
|
</button>
|
<button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置
|
</button>
|
</div>
|
</div>
|
|
<!-- 功能区 -->
|
<!--<div class="function-area">-->
|
<!--<button id="mat-query" class="function-btn" onclick="addLocNormal()">新增库存</button>-->
|
<!--</div>-->
|
|
|
<!-- 表格 -->
|
<div class="layui-form">
|
<table class="layui-hide" id="locNormal" lay-filter="locNormal"></table>
|
</div>
|
<script type="text/html" id="toolbar">
|
<div class="layui-btn-container">
|
<button class="layui-btn layui-btn-sm" id="btn-locNormal-into" lay-event="intoData">导入</button>
|
<button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData">导出</button>
|
</div>
|
</script>
|
|
<!-- 导入操作弹窗 -->
|
<div id="importDataDiv" style="display: none;padding: 20px 40px">
|
<div class="layui-upload-drag" id="uploadEx"
|
style="width: 200px; font-size: x-small; padding: 10px; text-align: center; box-sizing: border-box">
|
<div id="uploadDesc" style="display: inline-block; ">
|
<i class="layui-icon"></i>
|
<p>点击添加，或将文件拖拽到此处</p>
|
</div>
|
<div id="uploadDemoView" style="display: none">
|
<img src="../../static/image/Excel.png" alt="上传成功后渲染" style="max-width: 196px; padding: 20px 0 10px 0">
|
<span id="fileMame" style="display: block; font-size: small; color: #333"></span>
|
</div>
|
</div>
|
<div style="text-align: center; margin-top: 20px">
|
<button class="layui-btn layui-btn-radius" id="uploadDo">开始导入</button>
|
</div>
|
</div>
|
|
<!-- 表格自定义列 -->
|
<script type="text/html" id="locNormalState">
|
{{# if(d.state === '1'){ }}
|
<span style="color: green">已入库</span>
|
{{# } else if(d.state === '2'){ }}
|
<span style="color: red">已出库</span>
|
{{# } else { }}
|
{{# } }}
|
</script>
|
<script type="text/html" id="operate">
|
{{# if(d.state === '1'){ }}
|
<button class="layui-btn layui-btn-xs layui-btn-normal btn-out" lay-event="outLocNormal">出库</button>
|
{{# } else { }}
|
<button class="layui-btn layui-btn-xs layui-btn-disabled btn-out">出库</button>
|
{{# } }}
|
<button class="layui-btn layui-btn-xs layui-btn-danger btn-remove" lay-event="removeLocNormal">移除</button>
|
</script>
|
|
</div>
|
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/locNormal/locNormal.js"></script>
|
</body>
|
</html>
|
