<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; 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">
|
<!--引用layui样式文件-->
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<!--引用layui js文件-->
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<!--自定义样式-->
|
<style>
|
.maintitle {
|
background-color: #1492ff;
|
color: #fff;
|
padding: 5px 10px;
|
border: none;
|
border-radius: 4px;
|
}
|
|
/*.title {
|
border-left: 4px solid #1492ff;
|
padding-left: 6px;
|
margin: 20px 10px 4px;
|
font-size: 16px;
|
color: #333;
|
}
|
|
.buttom_box_little {
|
width: 60px;
|
height: 36px;
|
color: #fff;
|
background-color: #1492ff;
|
border-radius: 4px;
|
border: none;
|
margin: 10px;
|
}
|
|
.layui-input {
|
width: 50%;
|
}
|
|
.layui-inline, img {
|
display: block;
|
vertical-align: middle
|
}
|
|
.layui-input, .layui-textarea {
|
display: inline-block;
|
width: 50%;
|
padding-left: 10px;
|
}
|
|
.laydate-time-list ol {
|
overflow-x: hidden !important;
|
overflow-y: auto !important;
|
}*/
|
|
/* .layui-form-label {
|
padding: 9px 5px;
|
width: 85px;
|
}*/
|
|
/* .layui-input-block {
|
margin-left: 85px;
|
min-height: 36px;
|
}*/
|
|
.layui-table-cell {
|
height: auto;
|
white-space: normal;
|
}
|
|
.layui-col-xs8 {
|
width: 55.666667%;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid" style="padding: 0;">
|
<div class="layui-card">
|
<div class="layui-card-body" style="padding: 0px; height:800px;">
|
<form class="layui-form" action="" lay-filter="formData" id="formData" style="background-color:white;">
|
<div class="maintitle">返修码绑定</div>
|
<div class="layui-tab layui-tab-card" lay-filter="TabTest">
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div class="layui-form-item" style="padding-top: 5px;">
|
<div>
|
<div style="width:150px;height:23px; background: linear-gradient(-135deg, transparent 16px, #2baaca 0);text-align:center;"><span style="color:aliceblue;">成品条码信息</span></div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;"><span style="color:red;">*</span>成品码</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HBarCode_CP" id="HBarCode_CP" lay-verify="HBarCode_CP" autocomplete="off" class="layui-input" onfocus="this.select();">
|
</div>
|
<div class="layui-col-xs2" style="margin-top:5px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="QueDin1" name="QueDin1" id="QueDin">确定</button>
|
</div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">源单单号</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HSourceBillNo_CP" id="HSourceBillNo_CP" lay-verify="HSourceBillNo_CP" autocomplete="off" class="layui-input" style="background-color: #efefef4d; width: 270px;" readonly>
|
</div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">物料代码</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HMaterNumber_CP" id="HMaterNumber_CP" lay-verify="HMaterNumber_CP" autocomplete="off" class="layui-input" style="background-color: #efefef4d; width: 270px;" readonly>
|
</div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">物料名称</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HMaterName_CP" id="HMaterName_CP" lay-verify="HMaterName_CP" autocomplete="off" class="layui-input" style="background-color: #efefef4d; width: 270px;" readonly>
|
</div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">规格型号</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HMaterModel_CP" id="HMaterModel_CP" lay-verify="HMaterModel_CP" autocomplete="off" class="layui-input" style="background-color:#efefef4d;width:270px;" readonly>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div class="layui-form-item">
|
<div>
|
<div style="width:150px;height:23px; background: linear-gradient(-135deg, transparent 16px, #2baaca 0);text-align:center;"><span style="color:aliceblue;">返修条码信息</span></div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;"><span style="color:red;">*</span>返修码</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HBarCode_FX" id="HBarCode_FX" lay-verify="HBarCode_FX" autocomplete="off" class="layui-input" onfocus="this.select();" />
|
</div>
|
<div class="layui-col-xs2" style="margin-top:5px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="QueDin2" name="QueDin2" id="QueDin2">确定</button>
|
</div>
|
<!--<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">源单单号</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HSourceBillNo_FX" id="HSourceBillNo_FX" lay-verify="HSourceBillNo_FX" autocomplete="off" class="layui-input" style="background-color: #efefef4d; width: 270px;" readonly>
|
</div>-->
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">物料代码</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HMaterNumber_FX" id="HMaterNumber_FX" lay-verify="HMaterNumber_FX" autocomplete="off" class="layui-input" style="background-color: #efefef4d; width: 270px;" readonly>
|
</div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">物料名称</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HMaterName_FX" id="HMaterName_FX" lay-verify="HMaterName_FX" autocomplete="off" class="layui-input" style="background-color: #efefef4d; width: 270px;" readonly>
|
</div>
|
<div class="layui-col-xs3" style="margin-top:5px;">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">规格型号</label>
|
</div>
|
<div class="layui-col-xs8" style="margin-top:5px;">
|
<input type="text" name="HMaterModel_FX" id="HMaterModel_FX" lay-verify="HMaterModel_FX" autocomplete="off" class="layui-input" style="background-color:#efefef4d;width:270px;" readonly>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layer-footer" style="z-index: 20; position: fixed; text-align: center; bottom: 0; width:100%; height:50px">
|
<button type="button" lay-submit="" class="layui-btn buttom_box_little" lay-filter="btn_Bind" id="btn_Bind">绑定</button>
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="Cancel" id="Cancel">退出</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
|
<script>
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, laydate = layui.laydate
|
, element = layui.element;
|
var option = [];
|
|
//进入页面时，光标默认在成品条码输入框中
|
$("#HBarCode_CP").focus();
|
|
//#region [成品条码]
|
//成品条形码回车方法
|
$('#HBarCode_CP').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
GetMeesageByBarCode("CP");
|
}
|
});
|
//成品条形码确认
|
form.on('submit(QueDin1)', function (data) {
|
GetMeesageByBarCode("CP");
|
});
|
//#endregion
|
|
//#region [返修条码]
|
//返修条形码回车方法
|
$('#HBarCode_FX').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
GetMeesageByBarCode("FX");
|
}
|
});
|
//返修条形码确认
|
form.on('submit(QueDin2)', function (data) {
|
GetMeesageByBarCode("FX");
|
});
|
//#endregion
|
|
|
//扫描条形码方法
|
function GetMeesageByBarCode(HCodeType) {
|
var HBarCode = "";
|
var HCodeTypeName = "";
|
|
if (HCodeType == "CP") {
|
HBarCode = $('#HBarCode_CP').val();
|
HCodeTypeName = "成品";
|
} else if (HCodeType == "FX") {
|
HBarCode = $('#HBarCode_FX').val();
|
HCodeTypeName = "返修";
|
} else {
|
layer.msg("条码类型判断异常，请联系管理员！")
|
return;
|
}
|
|
if (!HBarCode) {
|
layer.msg(HCodeTypeName + "条形码不能为空！")
|
return;
|
}
|
|
var index = layer.load();
|
|
$.ajax({
|
url: GetWEBURL() + "/Sc_RepairCodeBinding/BarcodeList",
|
type: "GET",
|
data: { "HBarCode": HBarCode, "HCodeType": HCodeType },
|
success: function (result) {
|
if (result.code == "1") {
|
if (HCodeType == "CP") {
|
$("#HSourceBillNo_CP").val(result.data[0].HSourceBillNo);
|
$("#HMaterNumber_CP").val(result.data[0].HNumber);
|
$("#HMaterName_CP").val(result.data[0].HName);
|
$("#HMaterModel_CP").val(result.data[0].HModel);
|
|
$("#HBarCode_FX").focus();
|
}
|
|
if (HCodeType == "FX") {
|
$("#HSourceBillNo_FX").val(result.data[0].HSourceBillNo);
|
$("#HMaterNumber_FX").val(result.data[0].HNumber);
|
$("#HMaterName_FX").val(result.data[0].HName);
|
$("#HMaterModel_FX").val(result.data[0].HModel);
|
|
$("#HBarCode_CP").focus();
|
}
|
|
layer.close(index);
|
}
|
else {
|
if (HCodeType == "CP") {
|
$("#HBarCode_CP").focus();
|
} else if (HCodeType == "FX") {
|
$("#HBarCode_FX").focus();
|
}
|
layer.close(index);
|
layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 10000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
},
|
error: function (err) {
|
layer.close(index);
|
layer.msg("接口请求失败！" + err, { icon: 5, btn: ['确认'], time: 10000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
});
|
//清空条码输入框内容
|
//$('#HBarCode_CP').val("");
|
//$('#HBarCode_FX').val("");
|
}
|
|
|
//绑定
|
form.on('submit(btn_Bind)', function (data) {//绑定
|
set_Bind();
|
});
|
|
//绑定按钮方法
|
function set_Bind() {
|
var index = layer.load();
|
var HBarCode_CP = $('#HBarCode_CP').val();
|
var HBarCode_FX = $('#HBarCode_FX').val();
|
|
$.ajax({
|
url: GetWEBURL() + "/Sc_RepairCodeBinding/BindBarCode",
|
type: "Get",
|
data: { "HBarCode_CP": HBarCode_CP, "HBarCode_FX": HBarCode_FX },
|
success: function (result) {
|
if (result.code == "1") {
|
layer.msg("绑定成功", {
|
icon: 1, time: 1000000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示", btn: ['确认']
|
}, function () {
|
window.location.reload();
|
element.tabChange('TabTest', '1');
|
});
|
layer.close(index);
|
}
|
else {
|
layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
layer.close(index);
|
}
|
},
|
error: function (err) {
|
layer.msg("接口请求失败！" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
layer.close(index);
|
}
|
});
|
|
//退出
|
form.on('submit(Cancel)', function () {
|
layer.confirm('您确定要退出吗？', { icon: 3, title: '提示' }, function (index) {
|
parent.location.href = "../../../views/index_Mobile.html";
|
});
|
})
|
}
|
//以上为layui模块
|
});
|
</script>
|
</body>
|
</html>
|
