318 lines
10 KiB
HTML
318 lines
10 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">
|
||
<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(" 打 印 ");
|
||
/*
|
||
//记录日志
|
||
layui.use(['form','layer','table','element'],function(){
|
||
var form = layui.form,
|
||
layer =layui.layer,
|
||
$=layui.jquery;
|
||
|
||
|
||
$.ajax({
|
||
url: url,
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (res) {
|
||
//
|
||
var oWin=window.open("","_blank");
|
||
var strPrint="<html><head><link href='index.css' rel='stylesheet' type='text/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;}.print_title{font-size:18px;font-weight:bold;}.print_title_sub{font-size:16px;font-weight:bold;}</style></head><body>";
|
||
strPrint+=$("#print").html();
|
||
strPrint+="</body></html>";
|
||
oWin.document.write(strPrint);
|
||
oWin.document.close();
|
||
oWin.focus();
|
||
oWin.print();
|
||
}
|
||
});
|
||
});
|
||
*/
|
||
}
|
||
</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.htm" method="get">
|
||
<input type="hidden" name="sub" value="yes">
|
||
<input type="hidden" name="_m" value="order_print">
|
||
<input type="hidden" name="_a" value="detail">
|
||
<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>
|
||
<button type="button" class="layui-btn layui-btn-normal btn_export"> 导出明细 </button>
|
||
</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%;" align="center"></div>
|
||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:1px solid #000000;border-right:1px solid #000000;" class="border" id="report">
|
||
<thead id="print_thead"></thead>
|
||
<tbody id="print_tbody"></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=detail'+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{
|
||
if(res.print_not_qr=="n" && res.not_confirm_username!=""){
|
||
layui.layer.msg("对不起，该用户订单未确认，不允许打印（"+res.not_confirm_username+"）");
|
||
}else{
|
||
//头部
|
||
var html1=res.print_top;
|
||
$("#print_top").html(html1);
|
||
//表头
|
||
if(res.thead){
|
||
var html1="";
|
||
var arr_thead=res.thead;
|
||
for(var i=0;i<arr_thead.length;i++){
|
||
html1+='<tr>';
|
||
var arr_tr=arr_thead[i].content;
|
||
for(var j=0;j<arr_tr.length;j++){
|
||
html1+='<th';
|
||
if(arr_tr[j].rowspan)
|
||
html1+=' rowspan="'+arr_tr[j].rowspan+'"';
|
||
if(arr_tr[j].colspan)
|
||
html1+=' colspan="'+arr_tr[j].colspan+'"';
|
||
if(arr_tr[j].width)
|
||
html1+=' width="'+arr_tr[j].width+'"';
|
||
if(arr_tr[j].align)
|
||
html1+=' align="'+arr_tr[j].align+'"';
|
||
else
|
||
html1+=' align="center"';
|
||
html1+='>'+arr_tr[j].title+'</th>';
|
||
}
|
||
}
|
||
$("#print_thead").html(html1);
|
||
}
|
||
//内容
|
||
if(res.tbody){
|
||
var html1="";
|
||
var arr_tbody=res.tbody;
|
||
for(var i=0;i<arr_tbody.length;i++){
|
||
html1+='<tr>';
|
||
var arr_tr=arr_tbody[i].content;
|
||
for(var j=0;j<arr_tr.length;j++){
|
||
html1+='<td';
|
||
if(arr_tr[j].rowspan)
|
||
html1+=' rowspan="'+arr_tr[j].rowspan+'"';
|
||
if(arr_tr[j].colspan)
|
||
html1+=' colspan="'+arr_tr[j].colspan+'"';
|
||
if(arr_tr[j].width)
|
||
html1+=' width="'+arr_tr[j].width+'"';
|
||
if(arr_tr[j].bgcolor)
|
||
html1+=' bgcolor="'+arr_tr[j].bgcolor+'"';
|
||
if(arr_tr[j].align)
|
||
html1+=' align="'+arr_tr[j].align+'"';
|
||
else
|
||
html1+=' align="center"';
|
||
html1+='>'+arr_tr[j].title+'</td>';
|
||
}
|
||
}
|
||
$("#print_tbody").html(html1);
|
||
}
|
||
//底部
|
||
var html1=res.print_bottom;
|
||
$("#print_bottom").html(html1);
|
||
}
|
||
}
|
||
//关闭加载层
|
||
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;
|
||
});
|
||
//导出
|
||
$(".btn_export").click(function(){
|
||
var s_username=$("#s_username").val();
|
||
if(s_username!=''){
|
||
var url="./?_m=order_print&_a=export&s_username="+s_username;
|
||
var index = layui.layer.load(2,{time:2*1000});
|
||
window.location.href=url;
|
||
}else{
|
||
alert("请输入店铺！");
|
||
}
|
||
})
|
||
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> |