文件
mashangyoujiu/Application/Retail/View/Printer/printerEdit.html

492 行
33 KiB
HTML
可执行文件

此文件含有模棱两可的 Unicode 字符

此文件含有可能会与其他字符混淆的 Unicode 字符。 如果您是想特意这样的,可以安全地忽略该警告。 使用 Escape 按钮显示他们。

<!doctype html>
<html>
<!--[1.1.96]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
<style>
.goods_title {
font-size: 14px;
box-sizing: border-box;
padding: 10px 20px;
}
.goods_title_inner {
width: 100%;
height: 100%;
border-left: 2px solid #232b42;
box-sizing: border-box;
padding-left: 10px;
}
.title_inner{
display: flex;
flex-direction: row;
align-items: center;
padding: 10px;
}
.label_inner{
width: 120px;
}
.layui-input, .layui-textarea {
display: block;
width: 35%;
padding-left: 10px;
}
.labels{
width: 450px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.labelStyle{
vertical-align: middle;
margin-right: 20px;
}
.edit{
display: flex;
}
.hidebox{
display: none !important;
}
</style>
</head>
<body>
<div class="printerBox">
<div class="goods_title">
<div class="goods_title_inner">
打印机编辑
</div>
</div>
<div class="printerBox" style="padding: 0 30px;">
<div class="layui-tab layui-tab-card">
<ul class="layui-tab-title">
<li class="{$info['printer_type'] == 1 ? 'layui-this' : 'hidebox'} ">飞鹅云WIFI打印机</li>
<li class="{$info['printer_type'] == 2 ? 'layui-this' : 'hidebox'} ">易联云WIFI打印机</li>
<li class="{$info['printer_type'] == 3 ? 'layui-this' : 'hidebox'} ">芯烨云打印机</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item {$info['printer_type'] == 1 ? 'layui-show' : 'hidebox'}">
<div class="setBox">
<form class="" id="formFeie">
<input type="hidden" name="id" value="{$info['id']}">
<input type="hidden" name="printer_type" value="1">
<div class="title_inner">
<div class="label_inner">管理员账号:</div>
<input type="text" class="layui-input" name="api_name" id="api_name" value="{$info['api_name']}" placeholder="请输入飞鹅云后台管理账号"><div class="layui-form-mid layui-word-aux">如没有账号请前往<a href="http://www.feieyun.com/">&nbsp;<b>飞鹅云官网</b>&nbsp;</a>注册并添加您的打印机信息</div>
</div>
<div class="title_inner">
<div class="label_inner">接口密钥:</div>
<input type="text" class="layui-input" name="api_key" id="api_key" value="{$info['api_key']}" placeholder="请输入开发者密钥"><div class="layui-form-mid layui-word-aux">请在飞鹅云打印机管理员后台获取您的开发者密钥</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机名称:</div>
<input type="text" class="layui-input" name="printer_name" id="printer_name" value="{$info['printer_name']}" placeholder="请输入打印机名称"><div class="layui-form-mid layui-word-aux">自定义您的打印机名称以方便管理</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机编号:</div>
<input type="text" class="layui-input" name="printer_sn" id="printer_sn" value="{$info['printer_sn']}" placeholder="请输入打印机机器号"><div class="layui-form-mid layui-word-aux">打印机编号可在打印机底部获取</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机key:</div>
<input type="text" class="layui-input" name="printer_key" id="printer_key" value="{$info['printer_key']}" placeholder="请输入打印机密钥"><div class="layui-form-mid layui-word-aux">打印机密钥可在打印机底部获取</div>
</div>
<div class="title_inner">
<div class="label_inner">分页打印:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="ispaging" value="1" class="paging" title="开启" <if condition="$info['ispaging'] eq 1">checked<else/></if>>开启</label>
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="ispaging" value="2" title="关闭" class="paging" <if condition="$info['ispaging'] neq 1">checked<else/></if>>关闭</label>
<span style="color: #009688;font-weight: bold;font-size: 12px;">分页及标签打印时,订单仍统计总额</span>
</div>
</div>
<if condition="$info['ispaging'] eq 1">
<div class="title_inner pagelimit" style="display: flex">
<div class="label_inner">每页条数:</div>
<input type="text" class="layui-input" name="pages"id="pages" value="{$info['pages']}" placeholder="请输入每页打印条数" onkeyup="this.value=this.value.replace(/[^\w]/g,'');">
</div>
<else/>
<div class="title_inner pagelimit" style="display: none">
<div class="label_inner">每页条数:</div>
<input type="text" class="layui-input" name="pages"id="pages" value="" placeholder="请输入每页打印条数" onkeyup="this.value=this.value.replace(/[^\w]/g,'');">
</div>
</if>
<div class="title_inner">
<div class="label_inner">标签打印:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="print_type" value="1" title="关闭" class="labelPrinter" <if condition="$info['print_type'] neq 2">checked<else/></if>>关闭</label>
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="print_type" value="2" class="labelPrinter" title="开启" <if condition="$info['print_type'] eq 2">checked<else/></if>>开启</label>
<span style="color: #009688;font-weight: bold;font-size: 12px;">如果只有一台打印机,为了节省资源,建议整单打印</span>
</div>
</div>
<if condition="$info['print_type'] eq 2">
<div class="title_inner selectLabel edit">
<div class="label_inner">选择标签:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<div class="layui-input-block labels" style="display: flex;align-items: center">
<volist name="labels" id="vo">
<label class="labelStyle"><input type="checkbox" name="printer_labelid[]" value="{$vo['id']}" <if condition="in_array($vo['id'],$labelarr)">checked<else/></if> >{$vo.label_name}</label>
</volist>
</div>
</div>
</div>
<else/>
<div class="title_inner selectLabel" style="display: none">
<div class="label_inner">选择标签:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<div class="layui-input-block labels" style="display: flex;align-items: center">
<volist name="labels" id="vo">
<label class="labelStyle"><input type="checkbox" name="printer_labelid[]" value="{$vo['id']}">{$vo.label_name}</label>
</volist>
</div>
</div>
</div>
</if>
<div class="title_inner">
<div class="label_inner">小票头部文字:</div>
<input type="text" class="layui-input" name="title" id="title" value="{$info['title']}" placeholder="可以自定义小票头部文字信息"><div class="layui-form-mid layui-word-aux">长度请限制在8个中文汉字,超过字数后会自动折行</div>
</div>
<div class="title_inner">
<div class="label_inner">小票底部文字:</div>
<input type="text" class="layui-input" name="footer" id="foot" value="{$info['footer']}" placeholder="可以自定义小票底部文字信息"><div class="layui-form-mid layui-word-aux">长度请限制在8个中文汉字,超过字数后会自动折行</div>
</div>
<div style="text-align: center">
<button type="button" class="layui-btn createSet" data-form="formFeie">提交</button>
<button type="button" class="layui-btn backBefore" style="background-color: #ccc">返回上一页</button>
</div>
</form>
</div>
</div>
<div class="layui-tab-item {$info['printer_type'] == 2 ? 'layui-show' : 'hidebox'}">
<!--易联云-->
<div class="setBox">
<form class="" id="formYilian">
<input type="hidden" name="id" value="{$info['id']}">
<input type="hidden" name="printer_type" value="2">
<div class="title_inner">
<div class="label_inner">应用ID:</div>
<input type="text" class="layui-input" name="api_name" id="yilian_name" value="{$info['api_name']}" placeholder="请输入易联云开发(client_id)平台应用ID">
<div class="layui-form-mid layui-word-aux">如没有账号请前往<a target="_blank" href="https://sso.10ss.net/Login/Register?redirect_uri=http://yilianyun.10ss.net/user/login">&nbsp;<b>易联云官网</b>&nbsp;</a>注册并添加您的打印机信息</div>
</div>
<div class="title_inner">
<div class="label_inner">应用密钥:</div>
<input type="text" class="layui-input" name="api_key" id="yilian_key" value="{$info['api_key']}" placeholder="请输入应用密钥">
<div class="layui-form-mid layui-word-aux">请在易联云打印机开发平台获取您的应用密钥</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机名称:</div>
<input type="text" class="layui-input" name="printer_name" id="yun_name" value="{$info['printer_name']}" placeholder="请输入打印机名称"><div class="layui-form-mid layui-word-aux">自定义您的打印机名称以方便管理</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机编号:</div>
<input type="text" class="layui-input" name="printer_sn" id="yun_sn" value="{$info['printer_sn']}" placeholder="请输入打印机机器号"><div class="layui-form-mid layui-word-aux">打印机编号可在打印机底部获取</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机key:</div>
<input type="text" class="layui-input" name="printer_key" id="yun_key" value="{$info['printer_key']}" placeholder="请输入打印机密钥"><div class="layui-form-mid layui-word-aux">打印机密钥可在打印机底部获取</div>
</div>
<div class="title_inner">
<div class="label_inner">分页打印:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="ispaging" value="1" class="paging" title="开启" <if condition="$info['ispaging'] eq 1">checked<else/></if>>开启</label>
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="ispaging" value="2" title="关闭" class="paging" <if condition="$info['ispaging'] neq 1">checked<else/></if>>关闭</label>
<span style="color: #009688;font-weight: bold;font-size: 12px;">分页及标签打印时,订单仍统计总额</span>
</div>
</div>
<if condition="$info['ispaging'] eq 1">
<div class="title_inner pagelimit" style="display: flex">
<div class="label_inner">每页条数:</div>
<input type="text" class="layui-input" name="pages" value="{$info['pages']}" placeholder="请输入每页打印条数" onkeyup="this.value=this.value.replace(/[^\w]/g,'');">
</div>
<else/>
<div class="title_inner pagelimit" style="display: none">
<div class="label_inner">每页条数:</div>
<input type="text" class="layui-input" name="pages" value="" placeholder="请输入每页打印条数" onkeyup="this.value=this.value.replace(/[^\w]/g,'');">
</div>
</if>
<div class="title_inner">
<div class="label_inner">标签打印:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="print_type" value="1" title="关闭" class="labelPrinter" <if condition="$info['print_type'] neq 2">checked<else/></if>>关闭</label>
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="print_type" value="2" class="labelPrinter" title="开启" <if condition="$info['print_type'] eq 2">checked<else/></if>>开启</label>
<span style="color: #009688;font-weight: bold;font-size: 12px;">如果只有一台打印机,为了节省资源,建议整单打印</span>
</div>
</div>
<if condition="$info['print_type'] eq 2">
<div class="title_inner selectLabel edit">
<div class="label_inner">选择标签:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<div class="layui-input-block labels" style="display: flex;align-items: center">
<volist name="labels" id="vo">
<label class="labelStyle"><input type="checkbox" name="printer_labelid[]" value="{$vo['id']}" <if condition="in_array($vo['id'],$labelarr)">checked<else/></if> >{$vo.label_name}</label>
</volist>
</div>
</div>
</div>
<else/>
<div class="title_inner selectLabel" style="display: none">
<div class="label_inner">选择标签:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<div class="layui-input-block labels" style="display: flex;align-items: center">
<volist name="labels" id="vo">
<label class="labelStyle"><input type="checkbox" name="printer_labelid[]" value="{$vo['id']}">{$vo.label_name}</label>
</volist>
</div>
</div>
</div>
</if>
<div class="title_inner">
<div class="label_inner">小票头部文字:</div>
<input type="text" class="layui-input" name="title" value="{$info['title']}" placeholder="可以自定义小票头部文字信息"><div class="layui-form-mid layui-word-aux">长度请限制在8个中文汉字,超过字数后会自动折行</div>
</div>
<div class="title_inner">
<div class="label_inner">小票底部文字:</div>
<input type="text" class="layui-input" name="footer" value="{$info['footer']}" placeholder="可以自定义小票底部文字信息"><div class="layui-form-mid layui-word-aux">长度请限制在8个中文汉字,超过字数后会自动折行</div>
</div>
<div style="text-align: center">
<button type="button" class="layui-btn createSet" data-form="formYilian">提交</button>
<button type="button" class="layui-btn backBefore" style="background-color: #ccc">返回上一页</button>
</div>
</form>
</div>
</div>
<div class="layui-tab-item {$info['printer_type'] == 3 ? 'layui-show' : 'hidebox'}">
<div class="setBox">
<form class="" id="formXpyun">
<input type="hidden" name="id" value="{$info['id']}">
<input type="hidden" name="printer_type" value="3">
<div class="title_inner">
<div class="label_inner">管理员账号:</div>
<input type="text" class="layui-input" name="api_name" id="api_name" value="{$info['api_name']}" placeholder="请输入飞鹅云后台管理账号"><div class="layui-form-mid layui-word-aux">如没有账号请前往<a href="http://www.feieyun.com/">&nbsp;<b>飞鹅云官网</b>&nbsp;</a>注册并添加您的打印机信息</div>
</div>
<div class="title_inner">
<div class="label_inner">接口密钥:</div>
<input type="text" class="layui-input" name="api_key" id="api_key" value="{$info['api_key']}" placeholder="请输入开发者密钥"><div class="layui-form-mid layui-word-aux">请在飞鹅云打印机管理员后台获取您的开发者密钥</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机名称:</div>
<input type="text" class="layui-input" name="printer_name" id="printer_name" value="{$info['printer_name']}" placeholder="请输入打印机名称"><div class="layui-form-mid layui-word-aux">自定义您的打印机名称以方便管理</div>
</div>
<div class="title_inner">
<div class="label_inner">打印机编号:</div>
<input type="text" class="layui-input" name="printer_sn" id="printer_sn" value="{$info['printer_sn']}" placeholder="请输入打印机机器号"><div class="layui-form-mid layui-word-aux">打印机编号可在打印机底部获取</div>
</div>
<div class="title_inner">
<div class="label_inner">分页打印:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="ispaging" value="1" class="paging" title="开启" <if condition="$info['ispaging'] eq 1">checked<else/></if>>开启</label>
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="ispaging" value="2" title="关闭" class="paging" <if condition="$info['ispaging'] neq 1">checked<else/></if>>关闭</label>
<span style="color: #009688;font-weight: bold;font-size: 12px;">分页及标签打印时,订单仍统计总额</span>
</div>
</div>
<if condition="$info['ispaging'] eq 1">
<div class="title_inner pagelimit" style="display: flex">
<div class="label_inner">每页条数:</div>
<input type="text" class="layui-input" name="pages"id="pages" value="{$info['pages']}" placeholder="请输入每页打印条数" onkeyup="this.value=this.value.replace(/[^\w]/g,'');">
</div>
<else/>
<div class="title_inner pagelimit" style="display: none">
<div class="label_inner">每页条数:</div>
<input type="text" class="layui-input" name="pages"id="pages" value="" placeholder="请输入每页打印条数" onkeyup="this.value=this.value.replace(/[^\w]/g,'');">
</div>
</if>
<div class="title_inner">
<div class="label_inner">标签打印:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="print_type" value="1" title="关闭" class="labelPrinter" <if condition="$info['print_type'] neq 2">checked<else/></if>>关闭</label>
<label class="labelStyle"><input style="vertical-align: middle;" type="radio" name="print_type" value="2" class="labelPrinter" title="开启" <if condition="$info['print_type'] eq 2">checked<else/></if>>开启</label>
<span style="color: #009688;font-weight: bold;font-size: 12px;">如果只有一台打印机,为了节省资源,建议整单打印</span>
</div>
</div>
<if condition="$info['print_type'] eq 2">
<div class="title_inner selectLabel edit">
<div class="label_inner">选择标签:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<div class="layui-input-block labels" style="display: flex;align-items: center">
<volist name="labels" id="vo">
<label class="labelStyle"><input type="checkbox" name="printer_labelid[]" value="{$vo['id']}" <if condition="in_array($vo['id'],$labelarr)">checked<else/></if> >{$vo.label_name}</label>
</volist>
</div>
</div>
</div>
<else/>
<div class="title_inner selectLabel" style="display: none">
<div class="label_inner">选择标签:</div>
<div class="layui-input-block" style="display: flex;align-items: center">
<div class="layui-input-block labels" style="display: flex;align-items: center">
<volist name="labels" id="vo">
<label class="labelStyle"><input type="checkbox" name="printer_labelid[]" value="{$vo['id']}">{$vo.label_name}</label>
</volist>
</div>
</div>
</div>
</if>
<div class="title_inner">
<div class="label_inner">小票头部文字:</div>
<input type="text" class="layui-input" name="title" id="title" value="{$info['title']}" placeholder="可以自定义小票头部文字信息"><div class="layui-form-mid layui-word-aux">长度请限制在8个中文汉字,超过字数后会自动折行</div>
</div>
<div class="title_inner">
<div class="label_inner">小票底部文字:</div>
<input type="text" class="layui-input" name="footer" id="foot" value="{$info['footer']}" placeholder="可以自定义小票底部文字信息"><div class="layui-form-mid layui-word-aux">长度请限制在8个中文汉字,超过字数后会自动折行</div>
</div>
<div style="text-align: center">
<button type="button" class="layui-btn createSet" data-form="formXpyun">提交</button>
<button type="button" class="layui-btn backBefore" style="background-color: #ccc">返回上一页</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script>
layui.use(['table','form','layer','element'], function(){
var table = layui.table,form = layui.form,layer = layui.layer;
function banInputSapce(e)
{
var keynum;
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
if(keynum == 32){
return false;
}
return true;
}
$(".paging").click(function () {
var type = $(this).val()
if (type==2){
$(".pagelimit").hide()
}else if (type==1){
$(".pagelimit").fadeIn(1000)
}
})
$(".labelPrinter").click(function () {
var label = $(this).val();
if (label==1){
$(".selectLabel").hide();
} else if (label==2){
$(".selectLabel").fadeIn(1000)
}
})
/**
* 创建
*/
$(".createSet").click(function () {
var formType = $(this).attr("data-form");
var form = $('#' + formType);
if (formType == "formFeie"){
var api_name = form.find("#api_name").val();
var api_key = form.find("#api_key").val();
var printer_name = form.find("#printer_name").val();
var printer_sn = form.find("#printer_sn").val();
var printer_key = form.find("#printer_key").val();
var type = form.find('input[name="ispaging"]:checked').val();
var appidmsg = "请输入管理员账号";
var appsecret = "请输入接口密钥";
} else if (formType == "formYilian") {
var api_name = form.find("#yilian_name").val();
var api_key = form.find("#yilian_key").val();
var printer_name = form.find("#yilian_name").val();
var printer_sn = form.find("#yilian_sn").val();
var printer_key = form.find("#yilian_key").val();
var type = form.find('input[name="ispaging"]:checked').val();
var appidmsg = "请输入应用id(client_id)";
var appsecret = "请输入应用密钥";
} else if (formType == "formXpyun") {
var api_name = form.find("#yilian_name").val();
var api_key = form.find("#yilian_key").val();
var printer_name = form.find("#yilian_name").val();
var printer_sn = form.find("#yilian_sn").val();
var printer_key = form.find("#yilian_key").val();
var type = form.find('input[name="ispaging"]:checked').val();
var appidmsg = "请输入开发者ID";
var appsecret = "请输入开发者密钥";
}
if (api_name==''){
layer.msg(appidmsg)
return
}
if (api_key==''){
layer.msg(appsecret)
return
}
if (printer_name==''){
layer.msg("请输入打印机名称")
return
}
if (printer_sn==''){
layer.msg("请输入打印机编号")
return
}
if (['formFeie', 'formYilian'].indexOf(formType) !== -1 && printer_key==''){
layer.msg("请输入打印机密钥")
return
}
if (type==1){
var pages = $("#pages").val();
if (pages==''){
layer.msg("请输入每页打印条数")
return
}
}
$.ajax({
url:"{:U('Printer/printerSetup')}",
type:"POST",
data:$("#"+formType).serialize(),
success:function (res) {
if (res.status==1){
top.layer.msg(res.msg,{time:2000},function () {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
})
}else if (res.status==0){
top.layer.msg(res.msg,{time:2000})
table.reload('couponReload');
}
}
})
})
$(".backBefore").click(function () {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
//window.location.href = "index.html"
})
});
</script>
</html>