<!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/admin.css" media="all">
|
<link rel="stylesheet" href="../../static/css/cool.css" media="all">
|
<link rel="stylesheet" href="../../static/css/common.css" media="all">
|
<style>
|
html {
|
height: 100%;
|
/*padding: 10px;*/
|
background-color: #f1f1f1;
|
}
|
body {
|
background-color: #fff;
|
/*border-radius: 5px;*/
|
box-shadow: 0 0 3px rgba(0,0,0,.3);
|
padding-bottom: 20px;
|
}
|
|
#staNoSpan {
|
text-align: center;
|
display: inline-block;
|
width: 100px;
|
font-size: 13px;
|
}
|
.layui-btn-container .layui-form-select {
|
display: inline-block;
|
width: 150px;
|
height: 30px;
|
}
|
.layui-btn-container .layui-form-select.layui-form-selected {
|
display: inline-block;
|
width: 150px;
|
}
|
.layui-btn-container .layui-select-title input {
|
font-size: 13px;
|
}
|
.layui-btn-container .layui-anim.layui-anim-upbit dd {
|
font-size: 13px;
|
}
|
|
#btn-outbound {
|
margin-left: 20px;
|
}
|
|
/*----------------------------------*/
|
.function-area {
|
padding: 20px 50px;
|
}
|
.function-btn {
|
font-size: 16px;
|
padding: 1px 1px 1px 1px;
|
width: 100px;
|
height: 50px;
|
border-color: #2b425b;
|
border-radius: 4px;
|
border-width: 2px;
|
background: none;
|
border-style: solid;
|
transition: 0.4s;
|
cursor: pointer;
|
letter-spacing: 3px;
|
}
|
.function-btn:hover {
|
background-color: #2b425b;
|
color: #fff;
|
}
|
|
/* 销售单编号 */
|
#getOrderNo .layui-form {
|
padding: 25px 30px 0 0;
|
}
|
#getOrderNo .layui-form-label {
|
padding: 8px 15px;
|
box-sizing: content-box;
|
-webkit-box-sizing: content-box;
|
}
|
#getOrderNo .layui-form-required:before {
|
content: "*";
|
display: inline-block;
|
font-family: SimSun,serif;
|
margin-right: 4px;
|
font-size: 14px;
|
line-height: 1;
|
color: #ed4014;
|
}
|
#getOrderNo .layui-input {
|
height: 36px;
|
border-radius: 4px;
|
}
|
#getOrderNo .cool-button-contain {
|
text-align: right;
|
margin: 20px 0;
|
}
|
#getOrderNo .layui-form-radio>i:hover, .layui-form-radioed>i {
|
color: #007bff;
|
}
|
#getOrderNo .layui-btn {
|
height: 36px;
|
line-height: 36px;
|
border-radius: 4px;
|
box-shadow: 0 1px 0 rgba(0,0,0,.03);
|
}
|
#getOrderNo .layui-btn-primary:hover {
|
border-color: #777777;
|
}
|
</style>
|
</head>
|
<body>
|
|
<!-- 功能区 -->
|
<div class="function-area">
|
<button id="mat-query" class="function-btn" onclick="getMatDetl()"><i class="layui-icon"></i> 商品</button>
|
</div>
|
|
<hr>
|
|
<!-- 表格 -->
|
<div style="padding-bottom: 5px; margin-bottom: 45px">
|
|
<!-- 头部 -->
|
<script type="text/html" id="toolbar">
|
<div class="layui-form">
|
<div class="layui-btn-container">
|
<!-- 2.启动出库 -->
|
<button class="layui-btn layui-btn-lg" id="btn-outbound" lay-event="createDoc">开始生成</button>
|
</div>
|
</div>
|
</script>
|
|
<!-- 行 -->
|
<script type="text/html" id="operate">
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</a>
|
</script>
|
|
<table class="layui-table" id="chooseData" lay-filter="chooseData"></table>
|
</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/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/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/js/ioWorks/matQuery.js" charset="utf-8"></script>
|
|
<div id="getOrderNo" style="display: none">
|
<!-- 订单编号、单据日期、单据类型、项目编号、客户编号、 -->
|
<div class="layui-form">
|
<div class="layui-form-item">
|
<label class="layui-form-label layui-form-required">单据类型:</label>
|
<div class="layui-input-block">
|
<select id="docType" name="docType" lay-verType="tips" lay-verify="required" required>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label layui-form-required">单据编号:</label>
|
<div class="layui-input-block">
|
<input id="orderNo" name="orderNo" placeholder="请输入单据编号" class="layui-input" lay-verType="tips" lay-verify="required" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label layui-form-required">单据日期:</label>
|
<div class="layui-input-block">
|
<input id="orderTime" name="orderTime" placeholder="请输入单据日期" class="layui-input icon-date" lay-verType="tips" lay-verify="required" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">项目:</label>
|
<div class="layui-input-block">
|
<div id="item" name="item">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">客户:</label>
|
<div class="layui-input-block">
|
<div id="cstmr" name="cstmr">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item cool-button-contain">
|
<button class="layui-btn layui-btn-primary" id="autoNo" onclick="initOrderNo()">编号自动生成</button>
|
<button class="layui-btn layui-btn-normal" id="confirm" lay-filter="confirm" lay-submit="">确定</button>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/html" id="docTypeSelectTpl">
|
<option value="">请选择单据类型</option>
|
{{#each data}}
|
<option value="{{this.docId}}">{{this.docName}}</option>
|
{{/each}}
|
</script>
|
<script type="text/html" id="itemSelectTpl">
|
<option value="">请选择项目</option>
|
{{#each data}}
|
<option value="{{this.id}}">{{this.name}}</option>
|
{{/each}}
|
</script>
|
<script type="text/html" id="cstmrSelectTpl">
|
<option value="">请选择客户</option>
|
{{#each data}}
|
<option value="{{this.id}}">{{this.name}}</option>
|
{{/each}}
|
</script>
|
</html>
|
