<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/jsp/common.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'tcline_add.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=basePath %>js/trim.js"></script>
<script type="text/javascript" src="<%=basePath %>static/check.js"></script>
<script type="text/javascript" src="<%=basePath %>js/common/set.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>css/table_edit.css">
<style>
body{
margin:0px;
padding:0px;
font-size:12px;
}
fieldset{
width:660px;
}
.td{
height:35px;
line-height:35px;
width:80px;
text-align:right;
font-size:12px;
}
.sap_title{
height:35px;
line-height:35px;
width:50px;
text-align:right;
float:left;
font-size:12px;
}
.sap{
height:35px;
line-height:35px;
width:110px;
text-align:right;
float:left;
font-size:12px;
}
.td_f{
text-align:left;
width:240px;
}
.input,.select,.textarea {
width:210px;
}
</style>
<script type="text/javascript">
function check(){
var _dingdan = document.getElementById("_dingdan").value;
var _taskno = document.getElementById("_taskno").value;
var _numpcs = document.getElementById("_numpcs").value;
var _yongtu = document.getElementById("_yongtu").value;
var _chdate = document.getElementById("_chdate").value;
if(_dingdan == "" || _dingdan == null ||
_numpcs == "" || _numpcs == null ||
_chdate == "" || _chdate == null ||
_yongtu == "" || _yongtu == null ||
_taskno == "" || _taskno == null){
alert("请将信息填写完整...");
return false;
}
return true;
}
function checkDD(obj){
var tf_dingdan = obj.value;
var regx = new RegExp("^[0-9]{10}$");
if(!regx.test(tf_dingdan)){
alert("订单号输入不合法,订单号由10位数字(0-9)组成!");
return false;
}
return true;
}
function checkNum(obj){
var tf_dingdan = obj.value;
var regx = new RegExp("^[0-9]*$");
if(!regx.test(tf_dingdan)){
alert("输入不合法,该项全部由数字(0-9)组成!");
document.getElementById("_dingdan").value = "";
document.getElementById("_dingdan").focus();
return false;
}
}
function clearDD(){
document.getElementById("_dingdan").value = "";
}
function makeTr(pc){
var tr = $('#_pc_tr');
var table = $('#table');
if(pc.value < 5){
//初始化Table
$("table ._tr").each(function() {
$(this).remove(); // 将单元格td的内容设为空,以达到清除数据之目的
});
console.log("xxx");
for(var i = pc.value;i >= 1 ;i--){
console.log(i);
var addTR = '' +
'<tr bgcolor="#ffffff" class="_tr">'+
'<td class="td td_title">批号_'+ i +'</td>'+
'<td class="td_f">'+
'<input class="input" id="_pihao'+ i +'" name="_pihao'+ i +'"/><font style="font-size:12px;color:red">*</font>'+
'</td>'+
'<td class="td td_title">数量_'+ i +'</td>'+
'<td class="td_f">'+
'<input class="input" id="_num'+ i +'" οnblur="checkNum(this);" name="_num'+ i +'" οnkeyup="IsInteger(this)"/><font style="font-size:12px;color:red">*</font>'+
'</td>'+
'</tr>'+
'<tr bgcolor="#ffffff" class="_tr">'+
'<td class="td td_title">备注_'+ i +'</td>'+
'<td class="td_f" colspan="3">'+
'<textarea class="input" id="_remarks'+ i +'" style="width:500px;" name="_remarks'+ i +'" rows="3" cols="60"></textarea><font style="font-size:12px;color:red">*</font>'+
'</td>'+
'</tr>';
tr.after(addTR);
}
}else{
alert('请输入小于5的批次!');
}
}
</script>
</head>
<body>
<form onSubmit="return check()" action="<%=basePath %>plan/add.do" method="post">
<fieldset>
<legend>计划下单</legend>
<table id="table" cellpadding="0" cellspacing="1" border="0" bgcolor="#000000">
<tr bgcolor="#ffffff">
<td class="td td_title">订单号</td>
<td class="td_f"><input class="input" onkeyup="IsInteger(this)" onblur="checkDD(this);" onfocus="clearDD();" maxlength="10" id="_dingdan" name="_dingdan" type="text"/><font style="font-size:12px;color:red">*</font></td>
<td class="td_f" colspan="2">
<div style="padding-left:10px;color:blue;font-weight:bolder;float:left">每个LoT基数:${ bom._lotframe } <a href="javascript:window.open('<%=basePath%>bom/readUI.do?_id=${bom._id}','','width=1010,height=750');">${bom._name }</a></div>
<input type="hidden" id="lotpcs" name="lotpcs" value="${ bom._lotframe }" />
<input type="hidden" id="_bomId" name="_bomId" value="${bom._id }"/>
</td>
</tr>
<tr bgcolor="#ffffff">
<td class="td td_title">任务书号</td>
<td class="td_f">
<input class="input" id="_taskno" name="_taskno"/><font style="font-size:12px;color:red">*</font>
</td>
<td class="td td_title">工单类型 </td>
<td class="td_f">
<select class="input" id="_yongtu" name="_yongtu" >
<option value="">请选择工单类型 </option>
<option value="工程">工程 </option>
<option value="量产">量产 </option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td class="td td_title">下单数量</td>
<td class="td_f">
<input class="input" id="_numpcs" name="_numpcs" onkeyup="IsInteger(this)" onblur="checkNum(this);"/><font style="font-size:12px;color:red">*</font>
</td>
<td class="td td_title">出货时间</td>
<td class="td_f">
<input type="date" class="input" id="_chdate" name="_chdate"/><font style="font-size:12px;color:red">*</font>
</td>
</tr>
<tr bgcolor="#ffffff">
<td class="td td_title">工艺路线</td>
<td class="td_f" colspan="3">
<div style="font-weight:bolder;line-height:25px;color:blue;padding:5px;">${_technology }</div>
</td>
</tr>
<tr bgcolor="#ffffff">
<td class="td_f" colspan="4">
<div style="font-weight:bolder;color:red;margin-left:5px;">下单批次详情</div>
</td>
</tr>
<tr bgcolor="#ffffff" id="_pc_tr">
<td class="td td_title">下单批次</td>
<td class="td_f"><input class="input" style="width:120px;" onkeyup="IsInteger(this)" onblur="makeTr(this);" id="_pc" name="_pc"/><font style="font-size:12px;color:red">*</font></td>
<td class="td td_title">主批号</td>
<td class="td_f"><input class="input" style="width:120px;" id="_zph" name="_zph"/><font style="font-size:12px;color:red">*</font></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="4" align="center" style="height:50px;line-height:50px;">
<input type="submit" class="submit" value="保 存"/>
<input type="button" onClick="javascript:window.location.reload();" value="刷 新"/>
<a href="<%=basePath %>plan/bom.do">返回</a>
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
追加的效果图