Browse Source
退换货详情 新增入库后退换货详情品质报告不合格数页面afterQualityReportDetail.html 新增入库后退换货详情质报告不合格数按钮 新增入库后退换货详情质报告不合格数接口 新增通过物料号和退货单号查询退换货详情信息dev
liuxiaoxu
6 months ago
11 changed files with 259 additions and 7 deletions
@ -0,0 +1,139 @@ |
|||
<!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" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-afterQualityReportDetail-edit" th:object="${qualityRefundsExchangesDetail}"> |
|||
<input name="materialNo" th:field="*{materialNo}" type="hidden"> |
|||
<div class="container"> |
|||
<!--不合格数--> |
|||
<div class="col-sm-12"> |
|||
<div class="row"> |
|||
<div class="col-sm-12 d-flex align-items-center"> |
|||
<span style="font-weight: bold; font-family: Arial, sans-serif; font-size: 15px;">不合格数</span> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-sm-12 select-table table-striped"> |
|||
<table id="bootstrap-afterUnqualifiedDetail-table"></table> |
|||
</div> |
|||
</div> |
|||
</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="inspectionTime" th:value="${#dates.format(qualityRefundsExchangesDetail.inspectionTime, '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 name="remark" th:field="*{remark}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<th:block th:include="include :: datetimepicker-js" /> |
|||
<th:block th:include="include :: bootstrap-table-editable-js"/> |
|||
<script th:inline="javascript"> |
|||
var prefix = ctx + "quality/refundsExchanges"; |
|||
|
|||
var materialNo = /*[[${materialNo}]]*/''; |
|||
var refundsExchangesCode = /*[[${refundsExchangesCode}]]*/''; |
|||
|
|||
|
|||
var processBadClassificationDatas = [[${@dict.getType('process_bad_classification')}]]; |
|||
var processBadGradeDatas = [[${@dict.getType('process_bad_grade')}]]; |
|||
var $table = $("#bootstrap-afterUnqualifiedDetail-table"); |
|||
|
|||
|
|||
$("input[name='inspectionTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
|
|||
|
|||
$("#form-afterQualityReportDetail-edit").validate({ |
|||
focusCleanup: true |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/afterQualityReportDetail", $('#form-afterQualityReportDetail-edit').serialize()); |
|||
} |
|||
} |
|||
|
|||
|
|||
//收款凭证table列表 |
|||
$(function() { |
|||
var options = { |
|||
id:"bootstrap-afterUnqualifiedDetail-table", |
|||
url: ctx + "quality/refundsExchanges/getAfterQualityReportDetail", |
|||
modalName: "收款凭证", |
|||
showColumns: false, |
|||
pagination: false, |
|||
showToggle: false, |
|||
showRefresh:false, |
|||
showSearch:false, |
|||
singleSelect:true, |
|||
queryParams:queryParams, |
|||
columns: [{ |
|||
checkbox: false |
|||
}, |
|||
{ |
|||
title: '品质报告单id', |
|||
field: 'qualityOrderReportId', |
|||
visible: false |
|||
}, |
|||
{ |
|||
title: '不良分类', |
|||
field: 'processBadClassification', |
|||
formatter: function(value, row, index) { |
|||
return $.table.selectDictLabel(processBadClassificationDatas, value); |
|||
} |
|||
}, |
|||
|
|||
{ |
|||
title: '不良等级', |
|||
field: 'processBadGrade', |
|||
formatter: function(value, row, index) { |
|||
return $.table.selectDictLabel(processBadGradeDatas, value); |
|||
} |
|||
}, |
|||
{ |
|||
title: '数量', |
|||
field: 'processBadNum', |
|||
}, |
|||
{ |
|||
title: '报告', |
|||
field: 'unqualifiedReportUrl', |
|||
}, |
|||
] |
|||
}; |
|||
$.table.init(options); |
|||
}); |
|||
|
|||
function queryParams(params){ |
|||
var curParams = { |
|||
//传递查询参数 |
|||
materialNo : materialNo, |
|||
refundsExchangesCode :refundsExchangesCode |
|||
} |
|||
return curParams; |
|||
} |
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
Loading…
Reference in new issue