3 changed files with 393 additions and 127 deletions
@ -0,0 +1,240 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|||
<head> |
|||
<th:block th:include="include :: header('修改公司固定资产')" /> |
|||
<th:block th:include="include :: datetimepicker-css" /> |
|||
<th:block th:include="include :: select2-css" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-CompantFixedAssets-edit" th:object="${financialCompantFixedAssets}"> |
|||
<input name="compantFixedAssetsId" th:field="*{compantFixedAssetsId}" type="hidden"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">料号:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly id="compant_materialCode" th:field="*{materialCode}" name="materialCode" class="form-control"/> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">物料名称:</label> |
|||
<div class="col-sm-8"> |
|||
<input type="text" name="materialName" th:field="*{materialName}" class="form-control m-b" readonly /> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">设备编号:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly type="text" name="equipCode" th:field="*{equipCode}" class="form-control m-b"/> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label is-required">设备名称:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly type="text" name="equipName" th:field="*{materialCode}" class="form-control m-b"/> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">设备型号:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly type="text" th:field="*{equipModel}" name="equipModel" class="form-control m-b" /> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">设备重量:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="equipWeight" th:field="*{equipWeight}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">设备状态:</label> |
|||
<div class="col-sm-8"> |
|||
<select disabled name="equipStatus" th:field="*{equipStatus}" class="form-control m-b select2-selection--multiple" th:with="type=${@dict.getType('equipStatus')}"> |
|||
<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"> |
|||
<select disabled name="equipUnit" class="form-control m-b" th:with="type=${@dict.getType('sys_unit_class')}"> |
|||
<option th:field="*{equipUnit}" 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 readonly name="equipCategory" th:field="*{equipCategory}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">出厂编号:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="factoryCode" th:field="*{factoryCode}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">设备价格:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="equipPrice" th:field="*{equipPrice}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">厂家代码:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="manufacturerCode" th:field="*{manufacturerCode}" class="form-control" type="text"> |
|||
</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 disabled name="equipProductionDate" th:value="${#dates.format(financialCompantFixedAssets.equipProductionDate, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
<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 readonly name="department" th:field="*{department}" class="form-control m-b"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">供应商/品牌:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="equipManufacturerName" th:field="*{equipManufacturerName}" class="form-control" type="text"> |
|||
</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 disabled name="equipUsageDate" th:value="${#dates.format(financialCompantFixedAssets.equipUsageDate, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
<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 readonly name="depreciationYears" th:field="*{depreciationYears}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">月折旧率:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="annualDepreciationRate" th:field="*{annualDepreciationRate}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">设备存放位置:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="equipStorageLocation" th:field="*{equipStorageLocation}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">完成工序:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="completeTheProcess" th:field="*{completeTheProcess}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">负责人:</label> |
|||
<div class="col-sm-8"> |
|||
<input readonly name="esponsiblePerson" th:field="*{esponsiblePerson}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">备注:</label> |
|||
<div class="col-sm-8"> |
|||
<textarea readonly name="remark" class="form-control">[[*{remark}]]</textarea> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<th:block th:include="include :: datetimepicker-js" /> |
|||
<th:block th:include="include :: select2-js" /> |
|||
<script th:inline="javascript"> |
|||
var prefix = ctx + "financial/compantFixedAssets"; |
|||
var financialCompantFixedAssets = [[${financialCompantFixedAssets}]]; |
|||
$("#form-CompantFixedAssets-edit").validate({focusCleanup: true}); |
|||
$(function(){ |
|||
var materialNo = financialCompantFixedAssets.materialCode; |
|||
$("#compant_materialCode").select2({ |
|||
theme: "bootstrap", |
|||
allowClear: true, |
|||
placeholder: "请选择一个料号", |
|||
ajax: { |
|||
type: "get", |
|||
url: ctx + "erp/material/getMaterialAllList", |
|||
dataType: "json", |
|||
delay: 250, |
|||
timeout: 10000, // 设置超时时间为10秒 |
|||
cache: true, |
|||
processResults: function (res, params) { |
|||
var options = []; |
|||
if (res.code == 0) { |
|||
var resultList = res.data; |
|||
console.log(resultList); |
|||
for (var i = 0, len = resultList.length; i < len; i++) { |
|||
var option = resultList[i]; |
|||
option.id = resultList[i]["materialNo"]; |
|||
option.text = resultList[i]["materialNo"]; |
|||
options.push(option); |
|||
} |
|||
return { |
|||
results: options |
|||
} |
|||
} |
|||
; |
|||
return { |
|||
results: [] |
|||
}; |
|||
}, |
|||
escapeMarkup: function (markup) { |
|||
return markup; |
|||
}, |
|||
minimumInputLength: 1, |
|||
} |
|||
}); |
|||
getSelections(); |
|||
}); |
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/edit", $('#form-CompantFixedAssets-edit').serialize()); |
|||
} |
|||
} |
|||
function getSelections(){ |
|||
$.ajax({ |
|||
url: ctx + "system/dept/selectDeptList", |
|||
type: "get", |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var deptDatas = result.data; |
|||
console.log(deptDatas); |
|||
deptDatas.forEach(function (dept){ |
|||
$('#department').append($('<option>', { |
|||
value: dept.deptName, |
|||
text: dept.deptName |
|||
})); |
|||
}) |
|||
} |
|||
}); |
|||
|
|||
} |
|||
$("input[name='equipProductionDate']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
|
|||
$("input[name='equipUsageDate']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
Loading…
Reference in new issue