<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8" >
<head th:include="include :: header"></head>
<style>
#toolbar1{
display: inline-block;
/*position: absolute;*/
margin: 10px auto;
line-height: 34px;
}
</style>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
<ul id="myTab" class="nav nav-tabs">
<li class="active" ><a href="#tabHeader" data-toggle="tab">主表</a></li>
<li><a href="#tabDetail" data-toggle="tab">明细</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="tabHeader">
<div class="col-sm-12 select-info">
<form id="task-form">
<div class="select-list">
<ul>
<li>
送货单号：<input type="text" name="code"/>
</li>
<li>
供 应 商：<input type="text" name="supplierCode"/>
</li>
<li>
采购到货单：<input type="text" name="userDef2"/>
</li>
<li>
操作人：<input type="text" name="lastUpdateBy"/>
</li>
<!-- <li>-->
<!-- 入库状态：<select name="uploadStatus" id="uploadStatus">-->
<!-- <option value="">所有</option>-->
<!-- <option value="1">已入库</option>-->
<!-- <option value="2">未入库</option>-->
<!-- </select>-->
<!-- </li>-->
<!-- <li>-->
<!-- 质检状态：<select name="checkCode" id="checkCode">-->
<!-- <option value="">所有</option>-->
<!-- <option value="1">待检验</option>-->
<!-- <option value="2">不合格</option>-->
<!-- </select>-->
<!-- </li>-->
<li>
<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('task-form')"><i class="fa fa-refresh"></i> 重置</a>
</li>
</ul>
</div>
</form>
</div>
<div class="btn-group hidden-xs" id="toolbar" role="group">
<!--<a class="btn btn-outline btn-primary btn-rounded to-receive" onclick="getReceipt()" shiro:hasPermission="srm:srmHeader:list">-->
<!--<i class="fa fa-paper-plane"></i> 获取ERP到货单-->
<!--</a>-->
</div>
<input type="hidden" id="headerId" name="headerId" th:value="${headerId}"/>
<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
<div class="tab-pane fade" id="tabDetail">
<div class="btn-group hidden-xs" id="toolbar1" role="group">
</div>
<table id="bootstrap-table1" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
</div>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var supplier =[[${@SupplierService.getCode()}]];
var srmCheck = [[${@dict.getType('srmCheck')}]];
var uploadStatus = [[${@dict.getType('srmUpload')}]];
var checkFlag = [[${@permission.hasPermi('srm:srmDetail:check')}]];
var prefix = ctx + "srm/srmHeaderCheck";
var prefix1 = ctx + "srm/srmDetailCheck";
var prefix2 = ctx + "srm/srmDetail";
var headerId = ''
$(function() {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
modalName: "送货单",
sortName: "created",
sortOrder: "desc",
search: false,
pageSize:50,
columns: [{
checkbox: true
},
{
field : 'id',
title : 'id' ,
visible:false
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-info btn-xs " href="#" onclick="detail(\'' + row.id + '\')"><i class="fa fa-list-ul"></i>明细</a> ');
return actions.join('');
}
},
{
field: 'lastUpdateBy',
title: '操作人',
sortable: true
},
{
field: 'operator',
title: '采购人',
sortable: true
},
{
field: 'userDef1',
title: '返回信息',
sortable: true,
align: 'center',
formatter: function (value, row, index) {
return $.table.tooltip(value, 10);
}
},
{
field: 'checkCode',
title: '质检状态',
align: 'center',
formatter: function (value, row, index) {
return $.table.selectDictLabel(srmCheck, value);
}
},
{
field: 'supplierCode',
title: '供应商名称',
align: 'center',
formatter: function (value, row, index) {
var actions = [];
$.each(supplier, function (index, dict) {
if (dict.code == value) {
actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
return false;
}
});
return actions.join('');
}
},
{
field: 'userDef2',
title: '采购到货单',
sortable: true,
align: 'center',
formatter: function (value, row, index) {
return $.table.tooltip(value, 10);
}
},
{
field: 'code',
title: '送货单号',
sortable: true
},
{
field : 'created',
title : '生成时间',
sortable: true
},
{
field : 'uploadStatus',
title : '获取ERP采购单',
align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(uploadStatus, value);
}
},
{
field: 'supplierCode',
title: '供应商编码',
sortable: true
},
]
};
$.table.init(options);
});
$("#bootstrap-table1").bootstrapTable({
sortable: true, //排序
showRefresh: true, //刷新
showToggle:true, //视图切换
clickToSelect: false,
showColumns:true, //列选择
// detailView:true,
showExport: true, //导出
exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
modalName: "任务明细",
iconSize: "outline",
toolbar: "#toolbar1",
contentType: "application/x-www-form-urlencoded",
sortName: "id",
sortOrder: "desc",
columns: [{
checkbox: true
},
{
field : 'id',
title : 'id' ,
visible:false
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
if (row.checkCode < 2 && row.enable == 1) {
if (row.uploadStatus4 == 1) {
actions.push('<a class="btn btn-primary btn-xs ' + checkFlag + '" href="#" onclick="checkDetail(\'' + row.id + '\')"><i class="fa fa-check"></i>质检</a>');
}
}
if (row.annex != null && row.annex != '' ) {
actions.push('<a class="btn btn-info btn-xs ' + checkFlag + '" href="#" onclick="downloadAnnex(\'' + row.id + '\')"><i class="fa fa-download"></i>下载附件</a>');
} else {
actions.push('<a class="btn btn-primary btn-xs ' + checkFlag + '" href="#" onclick="uploadAnnex(\'' + row.id + '\')"><i class="fa fa-check"></i>上传附件</a>');
}
return actions.join('');
}
},
{
field : 'companyCode',
title : '账套',
sortable: true
},
{
field : 'uWarehouseName',
title : '仓库',
sortable: true
},
{
field : 'lineCode',
title : '条码',
sortable: true
},
{
field : 'materialCode',
title : '存货编码',
sortable: true
},
{
field : 'materialName',
title : '物料名称',
sortable:true
},
{
field : 'specification',
title : '物料规格',
sortable:true
},
{
field : 'qty',
title : '数量'
},
{
field : 'confirmQty',
title : '实到数量'
},
{
field : 'qualifiedQty',
title : '合格数量'
},
{
field : 'unqualifiedQty',
title : '不合格数量'
},
{
field : 'reason',
title : '不合格原因',
sortable: true,
align: 'center',
formatter:function (value,row,index) {
return $.table.tooltip(value, 10);
}
},
{
field : 'checkUser',
title : '检验人员'
},
{
field : 'checkTime',
title : '检验时间'
},
{
field : 'uploadStatus2',
title : 'SRM质检上传',
align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(uploadStatus, value);
}
},
{
field : 'annex',
title : '文件',
visible:false
},
// {
// field : 'lastUpdate',
// title : '最后修改时间' ,
// visible:false,
// sortable:true
// },
// {
// field : 'lastUpdatedBy',
// title : '更新用户'
// }
]
});
function createtable(url,headerId) {
$("#myTab li").removeClass("active");
$(".tab-pane").removeClass("in active");
$("#myTab li:eq(1)").addClass("active");
$("#tabDetail").addClass("in active");
$.ajax({
url:url,
type: 'post',
data:{
headerId:headerId
},
success : function (value) {
$("#bootstrap-table1").bootstrapTable('load', value.data);
}
})
}
/*质检单列表-详细*/
function detail(headerId) {
var url = ctx + 'srm/srmDetailCheck/list';
headerId = headerId; // 主单Id 再试下
createtable(url,headerId);
}
/* 检验 */
function checkDetail(id) {
let url = prefix2 + "/check/" + id;
$.modal.open("检查", url);
}
// setTimeout(function() {
// $.table.refresh();
// },1000)
function uploadAnnex(id) {
$.modal.open("上传附件", prefix1+"/uploadAnnex/"+id);
}
function downloadAnnex(id) {
window.location.href = prefix1 + "/downloadAnnex/"+id;
}
</script>
</body>
</html>