zhangsiqi
5 months ago
4 changed files with 441 additions and 223 deletions
@ -0,0 +1,296 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|||
<head> |
|||
<th:block th:include="include :: header('修改SOP')" /> |
|||
<th:block th:include="include :: datetimepicker-css" /> |
|||
<link th:href="@{/ajax/libs/select2/select2.css}" rel="stylesheet"> |
|||
<link th:href="@{/ajax/libs/select2/select2-bootstrap.css}" rel="stylesheet"> |
|||
<th:block th:include="include :: bootstrap-fileinput-css"/> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-sop-edit" th:object="${sysSop}"> |
|||
<input name="id" th:field="*{id}" type="hidden"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">sopId：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="sopId" th:field="*{sopId}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">设备型号：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="equipModel" th:field="*{equipModel}" class="form-control" type="text" readonly required> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">SOP编号：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="sopNum" th:field="*{sopNum}" class="form-control" type="text" readonly required> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">品名：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="productName" th:field="*{productName}" class="form-control" type="text" readonly required> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">描述：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="describe" th:field="*{describe}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">成品代码：</label> |
|||
<div class="col-sm-8"> |
|||
<select name="sopCode" th:field="*{sopCode}" class="form-control m-b" disabled required> |
|||
<option value="">所有</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">sop名称：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="sopName" th:field="*{sopName}" class="form-control" type="text" readonly required> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">规格型号：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="sopModel" th:field="*{sopModel}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">机种：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="typeOfMachine" th:field="*{typeOfMachine}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">单位：</label> |
|||
<div class="col-sm-8"> |
|||
<select name="sopUnit" class="form-control m-b" th:with="type=${@dict.getType('sys_unit_class')}" th:field="*{sopUnit}" disabled> |
|||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" ></option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">图纸文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="drawingFile" th:field="*{drawingFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="drawingFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">工时文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="workhourFile" th:field="*{workhourFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="workhourFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">SOP文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="sopFile" th:field="*{sopFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="sopFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">SIP文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="sipFile" th:field="*{sipFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="sipFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">SPP文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="sppFile" th:field="*{sppFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="sppFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">BOM文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="bomFile" th:field="*{bomFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="bomFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">客户文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="customerFile" th:field="*{customerFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="customerFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">其他文件：</label> |
|||
<div class="col-sm-8"> |
|||
<input type="hidden" name="otherFile" th:field="*{otherFile}" readonly> |
|||
<div class="file-loading"> |
|||
<input class="form-control file-upload" id="otherFile" name="file" type="file" readonly> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">客户编号：</label> |
|||
<div class="col-sm-8"> |
|||
<select name="customerCode" th:field="*{customerCode}" class="form-control m-b" disabled> |
|||
<option value="-1">请选择客户代码</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">客户名称：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="customerName" id="enterpriseName" th:field="*{customerName}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">登记日期：</label> |
|||
<div class="col-sm-8"> |
|||
<div class="input-group date"> |
|||
<input name="dateOfRegistration" th:field="*{dateOfRegistration}" class="form-control" placeholder="yyyy-MM-dd" type="text" readonly> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">登记人：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="sopRegistrant" th:field="*{sopRegistrant}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">备注说明：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="sopRemark" th:field="*{sopRemark}" class="form-control" type="text" readonly> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">是否当前版本：</label> |
|||
<div class="col-sm-8"> |
|||
<select name="currentVersion" class="form-control m-b" th:field="*{currentVersion}" th:with="type=${@dict.getType('sys_whether')}" disabled> |
|||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<th:block th:include="include :: datetimepicker-js" /> |
|||
<th:block th:include="include :: select2-js"/> |
|||
<th:block th:include="include :: bootstrap-fileinput-js"/> |
|||
<script th:inline="javascript"> |
|||
var prefix = ctx + "system/sop"; |
|||
var prefix1 = ctx + "system/finishproduct"; |
|||
var getData = [[${sysSop}]]; |
|||
console.log(getData) |
|||
|
|||
$("#form-sop-edit").validate({ |
|||
focusCleanup: true |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
console.log($('#form-sop-edit').serialize()) |
|||
$.operate.save(prefix + "/edit", $('#form-sop-edit').serialize()); |
|||
} |
|||
} |
|||
|
|||
$("input[name='dateOfRegistration']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
|
|||
$(".file-upload").each(function (i) { |
|||
var val = $("input[name='" + this.id + "']").val() |
|||
$(this).fileinput({ |
|||
'uploadUrl': prefix + '/upload', |
|||
initialPreviewAsData: true, |
|||
initialPreview: [val], |
|||
maxFileCount: 1, |
|||
autoReplace: true |
|||
}).on('fileuploaded', function (event, data, previewId, index) { |
|||
$("input[name='" + event.currentTarget.id + "']").val(data.response.url) |
|||
}).on('fileremoved', function (event, id, index) { |
|||
$("input[name='" + event.currentTarget.id + "']").val('') |
|||
}) |
|||
$(this).fileinput('_initFileActions'); |
|||
}); |
|||
|
|||
$(function () { |
|||
getCustomerList(); |
|||
|
|||
getFinishProduct(); |
|||
}) |
|||
|
|||
//获取用户资料列表 |
|||
function getCustomerList() { |
|||
$.ajax({ |
|||
method:"post", |
|||
url : ctx + "system/customer/getcode", |
|||
success:function(res){ |
|||
console.log(res) |
|||
var customerData = res; |
|||
for(let i in customerData){ |
|||
$("#form-sop-edit select[name='customerCode']").append("<option value='" + customerData[i].enterpriseCode + "'>" + customerData[i].enterpriseCode + "</option>"); |
|||
} |
|||
$("#form-sop-edit select[name='customerCode']").val(getData.customerCode).trigger("change") |
|||
} |
|||
} |
|||
); |
|||
} |
|||
//成品信息 |
|||
function getFinishProduct(){ |
|||
$.ajax({ |
|||
url: prefix1 + '/list', |
|||
type: 'post', |
|||
success: function (res) { |
|||
// console.log(res) |
|||
if (res.rows.length > 0) { |
|||
var finishProductData = res.rows; |
|||
//alert(JSON.stringify(data)); |
|||
for (let i in finishProductData) { |
|||
// console.log(finishProductData[i].finishProductCode) |
|||
$("#form-sop-edit select[name='sopCode']").append("<option value='" + finishProductData[i].finishProductCode + "'>" + finishProductData[i].finishProductCode + "</option>"); |
|||
} |
|||
$("#form-sop-edit select[name='sopCode']").val(getData.sopCode).trigger("change") |
|||
$("#form-sop-edit select[name='sopCode']").change(function () { |
|||
var code = $(this).val(); |
|||
for (let i=0;i<finishProductData.length;i++) { |
|||
if (finishProductData[i].finishProductCode == code) { |
|||
$("#form-sop-edit input[name='sopName']").val(finishProductData[i].finishProductName); |
|||
$("#form-sop-edit input[name='sopModel']").val(finishProductData[i].specificationModel); |
|||
$("#form-sop-edit input[name='typeOfMachine']").val(finishProductData[i].typeMachine); |
|||
$("#form-sop-edit select[name='sopUnit']").val(finishProductData[i].inventoryUnit); |
|||
|
|||
} |
|||
} |
|||
}) |
|||
|
|||
} else { |
|||
$.modal.msgError(res.msg); |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue