<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
</style>
<body class="gray-bg">
<div class="container-div">
<div class="col-sm-12 select-info">
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="chooseOrder">
<form id="chooseOrder-form" autocomplete="off">
<div class="select-list">
<ul>
<li>
<label>工单号：</label>
<input type="text" name="orderCode" placeholder="请输入工单号"/>
</li>
<li>
<label>生产令号：</label>
<input type="text" name="orderNumber" placeholder="请输入生产令号"/>
</li>
<li>
<label>生产批号：</label>
<input type="text" name="batchNumber" placeholder="请输入生产批号"/>
</li>
<li style="float: right; margin-right: 45px">
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()">
<i class="fa fa-search"></i> 搜索
</a>
<a class="btn btn-warning btn-rounded btn-sm"
onclick="$.form.reset('chooseOrder-form')">
<i class="fa fa-refresh"></i>重置
</a>
<a class="btn btn-success btn-rounded btn-sm"
onclick="choose()">
<i class="fa fa-check"></i> 确定
</a>
</li>
</ul>
</div>
</form>
<table id="bootstrap-table" data-mobile-responsive="true"
class="table table-bordered table-hover text-nowrap">
</table>
</div>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
$(function () {
$.table.init({
url: ctx + "workOrder/list",
showToggle: false,
showRefresh: false,
showColumns: false,
showSearch: false,
pageSize: 10,
columns: [
{
radio: true
},
{
field: "orderCode",
title: '主工单号',
},
{
field: "orderNumber",
title: '生产令号',
},
{
field: "batchNumber",
title: '生产批号',
},
]
});
});
function queryParams(params) {
return {
// 传递参数查询参数
pageSize: params.limit,
pageNum: params.offset / params.limit + 1,
searchValue: params.search,
orderByColumn: params.sort,
isAsc: params.order,
orderCode: params.orderCode
};
}
function choose() {
let rows = $('#bootstrap-table').bootstrapTable('getSelections', function (row) {
return row;
});
if (rows.length === 0) {
$.modal.msgWarning("至少选择一项");
return;
}
parent.$("#orderCode").val(rows[0].orderCode);
parent.$("#orderNumber").val(rows[0].orderNumber);
parent.$("#batchNumber").val(rows[0].batchNumber);
$.modal.close()
}
</script>
</body>
</html>