338 lines
11 KiB
HTML
338 lines
11 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 language="javascript" src="js/LodopFuncs.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">
|
||
<!-- /自动完成 -->
|
||
<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){
|
||
get_table(row.username);
|
||
var obj1=document.getElementById("s_username");
|
||
obj1.value="a";
|
||
obj1.blur();
|
||
obj1.focus();
|
||
obj1.value="";
|
||
obj1.focus();
|
||
//var new_val=$('#s_username').val()+","+row.username;
|
||
//$('#s_username').val(new_val);
|
||
});
|
||
});*/
|
||
$(function(){
|
||
$('#s_username').change(function(){
|
||
|
||
var tmp=$(this).val();
|
||
//alert(tmp);
|
||
if(tmp && tmp!="a"){
|
||
get_table(tmp);
|
||
}
|
||
$(this).val("a");
|
||
$(this).blur();
|
||
$(this).focus();
|
||
$(this).val("");
|
||
$(this).blur();
|
||
$(this).focus();
|
||
|
||
})
|
||
});
|
||
//获取客户打印数据
|
||
function get_table(username){
|
||
layui.use('form', function(){
|
||
var $=layui.jquery;
|
||
var form = layui.form;
|
||
//获取预设数据
|
||
var url='./?_m=order_print&_a=auto&s_username='+username;
|
||
$.ajax(
|
||
{
|
||
url:url,
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
async:false,
|
||
success: function (res) {
|
||
var json_data=$.parseJSON(res);
|
||
var res=$.parseJSON(res);
|
||
//alert(json_data.ver);
|
||
if(json_data.code==0){
|
||
//------------------本页返回的错误信息
|
||
layer.msg(json_data.msg);
|
||
}else if(json_data.code==1){
|
||
//------------------系统错误
|
||
var msg=json_data.msg;
|
||
var url1="error.htm?msg="+json_data.msg+"&btn_title="+json_data.btn_title+"&btn_url="+json_data.btn_url;
|
||
window.parent.location.href=url1;
|
||
}else if(json_data.code==2){
|
||
//------------------重新登录
|
||
url1="login.htm?error_msg="+json_data.msg;
|
||
window.parent.location.href=url1;
|
||
}else if(json_data.code==100){
|
||
//------------------用户名有误
|
||
layer.msg(json_data.msg+"用户名有误");
|
||
}else{
|
||
console.log(res);
|
||
var html1=res.tb;
|
||
var per=res.is_pre;
|
||
$("#print").html(html1);
|
||
form.render();
|
||
|
||
var LODOP=getLodop();
|
||
LODOP.SET_LICENSES("杭州慕创科技有限公司","89900FD5AB0D6679B007D05CE0731265","","");
|
||
LODOP.PRINT_INIT("订单打印");
|
||
var strStyle="<style> table,td,th {border-width: 1px;border-style: solid;border-collapse: collapse}</style>"
|
||
LODOP.ADD_PRINT_TABLE(100,"5%","90%",310,strStyle+document.getElementById("div2").innerHTML);
|
||
LODOP.SET_PRINT_STYLEA(0,"Vorient",3);
|
||
LODOP.ADD_PRINT_HTM(0,"5%","90%","10%",document.getElementById("div1").innerHTML);
|
||
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
||
LODOP.SET_PRINT_STYLEA(0,"LinkedItem",1);
|
||
LODOP.ADD_PRINT_HTM(0,"5%","90%","5%",document.getElementById("div3").innerHTML);
|
||
//LODOP.SET_PRINT_STYLEA(0,"ItemType",1); //尾页是否每页显示
|
||
LODOP.SET_PRINT_STYLEA(0,"LinkedItem",1);
|
||
|
||
LODOP.ADD_PRINT_HTM(1,600,300,100,"总页号：<font color='#0000ff' format='ChineseNum'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'>共##页</span></font>");
|
||
|
||
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
||
|
||
LODOP.SET_PRINT_STYLEA(0,"Horient",1);
|
||
if(per=="y"){
|
||
LODOP.PREVIEW();
|
||
}else{
|
||
LODOP.PRINT();
|
||
}
|
||
$("#s_username").val("a");
|
||
$("#s_username").blur();
|
||
$("#s_username").focus();
|
||
$("#s_username").val("");
|
||
$("#s_username").blur();
|
||
$("#s_username").focus();
|
||
}
|
||
},
|
||
error: function () {
|
||
layui.layer.msg("与服务器通信失败！");
|
||
}
|
||
}
|
||
);
|
||
});
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div style="font-size:0px;">
|
||
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
|
||
<embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
|
||
</object>
|
||
</div>
|
||
<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_auto.htm" method="get">
|
||
<input type="hidden" name="sub" value="yes">
|
||
<input type="hidden" name="_m" value="order_print">
|
||
<input type="hidden" name="_a" value="auto">
|
||
<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%;" id="print">
|
||
</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=auto'+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');
|
||
//-----------------------加载搜索条件
|
||
//店铺查询
|
||
//$("#s_username").val(res.s_username);
|
||
//if(namea){
|
||
//$("#s_username").val(namea);
|
||
//$('#form1_submit').click();
|
||
//}
|
||
//渲染表单
|
||
form.render();
|
||
//-----------------------加载打印内容
|
||
|
||
if(res.sub=="yes" && res.s_username==""){
|
||
layui.layer.msg("请输入店铺!");
|
||
}else if(namea){
|
||
if(res.code==100){
|
||
//------------------用户名有误
|
||
layer.msg(res.msg+"用户名有误");
|
||
}else{
|
||
if(res.print_not_qr=="n" && res.not_confirm_username!=""){
|
||
layui.layer.msg("对不起，该用户订单未确认，不允许打印（"+res.not_confirm_username+"）");
|
||
}else{
|
||
var html1=res.tb;
|
||
var per=res.is_pre;
|
||
$("#print").html(html1);
|
||
form.render();
|
||
|
||
var LODOP=getLodop();
|
||
LODOP.SET_LICENSES("杭州慕创科技有限公司","89900FD5AB0D6679B007D05CE0731265","","");
|
||
LODOP.PRINT_INIT("订单打印");
|
||
var strStyle="<style> table,td,th {border-width: 1px;border-style: solid;border-collapse: collapse}</style>"
|
||
LODOP.ADD_PRINT_TABLE(100,"5%","90%",310,strStyle+document.getElementById("div2").innerHTML);
|
||
LODOP.SET_PRINT_STYLEA(0,"Vorient",3);
|
||
LODOP.ADD_PRINT_HTM(0,"5%","90%","10%",document.getElementById("div1").innerHTML);
|
||
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
||
LODOP.SET_PRINT_STYLEA(0,"LinkedItem",1);
|
||
LODOP.ADD_PRINT_HTM(0,"5%","90%","5%",document.getElementById("div3").innerHTML);
|
||
//LODOP.SET_PRINT_STYLEA(0,"ItemType",1); //尾页是否每页显示
|
||
LODOP.SET_PRINT_STYLEA(0,"LinkedItem",1);
|
||
|
||
LODOP.ADD_PRINT_HTM(1,600,300,100,"总页号：<font color='#0000ff' format='ChineseNum'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'>共##页</span></font>");
|
||
|
||
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
||
|
||
LODOP.SET_PRINT_STYLEA(0,"Horient",1);
|
||
if(per=="y"){
|
||
LODOP.PREVIEW();
|
||
}else{
|
||
LODOP.PRINT();
|
||
}
|
||
$("#s_username").val("a");
|
||
$("#s_username").blur();
|
||
$("#s_username").focus();
|
||
$("#s_username").val("");
|
||
$("#s_username").blur();
|
||
$("#s_username").focus();
|
||
}
|
||
}
|
||
}
|
||
//关闭加载层
|
||
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();
|
||
var url="./?_m=order_print&_a=export&s_username="+s_username;
|
||
var index = layui.layer.load(2,{time:2*1000});
|
||
window.location.href=url;
|
||
})
|
||
form.on("submit(form1_submit)",function(data){
|
||
//弹出loading
|
||
//alert(JSON.stringify(data.field));
|
||
return true;
|
||
})
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |