309 lines
9.8 KiB
HTML
309 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>确认单-订单打印-e订通后台</title>
|
|
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<style>
|
|
table.border td {border-bottom:1px solid #000000;border-left:1px solid #000000;font-weight:normal;font-size:12px;}
|
|
table.border th {border-bottom:1px solid #000000;border-left:1px solid #000000;font-weight:bold;font-size:12px;}
|
|
</style>
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/function.js"></script>
|
|
<!-- 自动完成 -->
|
|
<script src="js/autocomplete/jquery-1.4.4.min.js"></script>
|
|
<script src="js/autocomplete/jquery.autocomplete.js"></script>
|
|
<link rel="stylesheet" href="js/autocomplete/jquery.autocomplete.css">
|
|
<!-- /自动完成 -->
|
|
<!-- jqprint -->
|
|
<script src="js/jquery.jqprint-0.3.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$('#s_username').autocomplete("./?_m=ajax_autocomplete&_a=client", {
|
|
dataType: "json",//数据格式
|
|
max: 100, //列表里的条目数
|
|
minChars: 0, //自动完成激活之前填入的最小字符
|
|
width: 300, //提示的宽度，溢出隐藏
|
|
scrollHeight: 300, //提示的高度，溢出显示滚动条
|
|
matchContains: true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
|
|
autoFill: false, //自动填充
|
|
multiple: true,
|
|
multipleSeparator:',',
|
|
parse: function (data) {
|
|
if (!data || data == null || data == "") {
|
|
alert("无数据");
|
|
return {};
|
|
}else{
|
|
return $.map(data.data,function (row) {
|
|
return {
|
|
data:row,
|
|
value:row.username+row.title,
|
|
result:row.username
|
|
};
|
|
});
|
|
}
|
|
},
|
|
formatItem: function(row,i,max) {
|
|
//提示的显示内容及格式设置
|
|
return row.title+"("+row.username+")";
|
|
},
|
|
formatMatch: function(row, i, max) {
|
|
//查找匹配方式
|
|
return row.username+row.title;
|
|
},
|
|
formatResult: function(row) {
|
|
//
|
|
return row.title;
|
|
}
|
|
}).result(function(event,row,formatted){
|
|
//var new_val=$('#s_username').val()+","+row.username;
|
|
//$('#s_username').val(new_val);
|
|
});
|
|
});
|
|
//打印
|
|
function start_print_new(){
|
|
var s_username=$("#s_username").val();
|
|
$("#btn_print").attr("disabled",true);
|
|
$("#btn_print").val("打印中...");
|
|
var url="index.php?_m=order_print&_a=set_log&s_username="+s_username;
|
|
$.ajax({url:url,success:function(result){
|
|
$("#print").jqprint();
|
|
}});
|
|
$("#btn_print").attr("disabled",false);
|
|
$("#btn_print").val(" 打 印 ");
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div class="layui-tab" lay-filter="tab1">
|
|
<div class="layui-inline"><ul class="layui-tab-title"></ul></div>
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div class="layui-row">
|
|
<!-- 查询条件 -->
|
|
<blockquote class="layui-elem-quote" style="line-height:44px;padding:8px;">
|
|
<form class="layui-form" id="form1_search" action="order_print_confirm.htm" method="get">
|
|
<input type="hidden" name="sub" value="yes">
|
|
<input type="hidden" name="_m" value="order_print">
|
|
<input type="hidden" name="_a" value="confirm">
|
|
<span id="div_con_zd"></span>
|
|
<div class="layui-input-inline" style="width:200px;">
|
|
<input type="text" id="s_username" name="s_username" placeholder="请输入店铺" class="layui-input">
|
|
</div>
|
|
<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit"> 提 交 </button>
|
|
<span id="div_confirm_str"></span>
|
|
</form>
|
|
</blockquote>
|
|
<!-- /查询条件结束 -->
|
|
</div>
|
|
<div class="layui-row">
|
|
<!-- 表格 -->
|
|
<div style="width:100%;" align="right"><input id="btn_print" type="button" class="btn-normal" onclick="start_print_new()" value=" 打 印 "></div>
|
|
<div style="width:100%;" id="print">
|
|
<div id="print_top" style="width:100%;font-size:16px;font-weight:bold;line-height:30px;" align="center"></div>
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#ccc;border-top:1px solid #000000;border-right:1px solid #000000;" class="border" id="report">
|
|
<tbody id="table1"></tbody>
|
|
</table><br>
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#EEEEEE;border-top:1px solid #000000;border-right:1px solid #000000;" class="border" id="report">
|
|
<tbody id="table2"></tbody>
|
|
</table><br>
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#EEEEEE;border-top:1px solid #000000;border-right:1px solid #000000;" class="border" id="report">
|
|
<tbody id="table3"></tbody>
|
|
</table>
|
|
<div id="print_bottom" style="width:100%;" align="center"></div>
|
|
</div>
|
|
<!-- /表格结束 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var this_tab_no="";
|
|
var this_tab_title="";
|
|
var tableIns={};
|
|
var namea=get_url_param("name");
|
|
layui.use(['form','layer','table','element'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
$=layui.jquery,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table;
|
|
var element = layui.element;
|
|
//取得url传递参数
|
|
var query_str=location.search.substring(1);
|
|
if(query_str)
|
|
query_str="&"+query_str;
|
|
//数据表格
|
|
var url='./?_m=order_print&_a=confirm'+query_str;
|
|
var arr_tab=[];
|
|
var index = layui.layer.load();
|
|
$.ajax({
|
|
url: url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res=$.parseJSON(res);
|
|
this_tab_no=res.s_cate;
|
|
//-----------------------加载tab
|
|
arr_tab=res.tab;
|
|
var html1="";
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
html1+='<li';
|
|
if(arr_tab[i].no==res.s_cate){
|
|
html1+=' class="layui-this"';
|
|
this_tab_title=arr_tab[i].title;
|
|
}
|
|
html1+='>'+arr_tab[i].title+'</li>';
|
|
}
|
|
$(".layui-tab-title").html(html1);
|
|
element.render('tab1');
|
|
//-----------------------加载搜索条件
|
|
//筛选字段
|
|
if(res.search_zd){
|
|
var zd_name=res.search_zd;
|
|
var html1='<div class="layui-input-inline" style="width:100px;"><select id="s_'+zd_name+'" name="s_'+zd_name+'">';
|
|
var arr_tmp=res.search_zd_op;
|
|
for(var i=0;i<arr_tmp.length;i++){
|
|
html1+='<option value="'+arr_tmp[i].no+'"';
|
|
if(res.search_zd_value==arr_tmp[i].no)
|
|
html1+=' selected';
|
|
html1+='>'+arr_tmp[i].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
$("#div_con_zd").html(html1);
|
|
}
|
|
//店铺查询
|
|
$("#s_username").val(res.s_username);
|
|
if(namea){
|
|
$("#s_username").val(namea);
|
|
$('#form1_submit').click();
|
|
}
|
|
//确认信息
|
|
var html1=res.confirm_str;
|
|
$("#div_confirm_str").html(html1);
|
|
//渲染表单
|
|
form.render();
|
|
//-----------------------加载打印内容
|
|
if(res.sub=="yes" && res.s_username==""){
|
|
layui.layer.msg("请输入店铺!");
|
|
}else{
|
|
//表1
|
|
var html1=res.top_title;
|
|
$("#print_top").html(html1);
|
|
var html2="";
|
|
for(var i=0;i<res.table1.length;i++)
|
|
{
|
|
html2+="<tr>";
|
|
for(var j=0;j<res.table1[i].length;j++){
|
|
html2+="<td>"+res.table1[i][j]+"</td>";
|
|
}
|
|
html2+="</tr>";
|
|
}
|
|
$("#table1").html(html2);
|
|
|
|
|
|
//表2
|
|
var html3="<tr style='background:#ccc;'>";
|
|
for(var i=0;i<res.table2_th.length;i++)
|
|
{
|
|
html3+="<td>"+res.table2_th[i]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
for(var i=0;i<res.table2_td.length;i++)
|
|
{
|
|
html3+="<tr>";
|
|
for(var j=0;j<res.table2_td[i].length;j++){
|
|
html3+="<td>"+res.table2_td[i][j]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
}
|
|
html3+="<tr style='background:#ccc;'>";
|
|
for(var i=0;i<res.table2_hj.length;i++)
|
|
{
|
|
html3+="<td>"+res.table2_hj[i]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
$("#table2").html(html3);
|
|
|
|
|
|
|
|
//表3
|
|
var html3="<tr style='background:#ccc;'>";var hbh; var diyi;
|
|
for(var i=0;i<res.table3_th.length;i++)
|
|
{
|
|
html3+="<td>"+res.table3_th[i]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
for(var i=0;i<res.table3_td.length;i++)
|
|
{
|
|
hbh=res.table3_td[i][0];
|
|
if(hbh.indexOf("rs")!="-1" || hbh.indexOf("haha")!="-1"){
|
|
if(hbh.indexOf("rs")!="-1"){
|
|
diyi=hbh.split("|");hbh=hbh.split(":");
|
|
html3+="<tr>";
|
|
html3+="<td rowspan="+hbh[0]+">"+diyi[1]+"</td>";
|
|
for(var j=1;j<res.table3_td[i].length;j++){
|
|
html3+="<td>"+res.table3_td[i][j]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
}
|
|
if(hbh.indexOf("haha")!="-1"){
|
|
diyi=hbh.split("|");
|
|
html3+="<tr style='background:#ccc;'><td colspan=2>"+diyi[1]+"</td>";
|
|
for(var j=1;j<res.table3_td[i].length;j++){
|
|
html3+="<td>"+res.table3_td[i][j]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
}
|
|
}
|
|
else{
|
|
html3+="<tr>";
|
|
for(var j=1;j<res.table3_td[i].length;j++){
|
|
html3+="<td>"+res.table3_td[i][j]+"</td>";
|
|
}
|
|
html3+="</tr>";
|
|
}
|
|
|
|
}
|
|
//alert(res.table3_td);
|
|
$("#table3").html(html3);
|
|
}
|
|
//关闭加载层
|
|
layui.layer.close(index);
|
|
}
|
|
});
|
|
//点击tab
|
|
element.on('tab(tab1)', function(data){
|
|
//alert(JSON.stringify(arr_tab));
|
|
//alert(this.innerHTML);
|
|
this_tab_title=this.innerHTML;
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
if(arr_tab[i].title==this_tab_title){
|
|
this_tab_no=arr_tab[i].no;
|
|
}
|
|
}
|
|
var url_ext=(this_tab_no=="detail")?"":"_"+this_tab_no;
|
|
var s_username=$("#s_username").val();
|
|
var url='order_print'+url_ext+'.htm?name='+s_username;
|
|
location.href=url;
|
|
});
|
|
form.on("submit(form1_submit)",function(data){
|
|
//弹出loading
|
|
//alert(JSON.stringify(data.field));
|
|
var s_username=$("#s_username").val();
|
|
if(s_username==''){
|
|
alert("请输入店铺！");
|
|
return false;
|
|
}else{
|
|
return true;
|
|
}
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |