<!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; } #toolbar2 { 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="materialCode"/> </li> <li> 生产批号:<input type="text" name="productionBatch"/> </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 id="getERP" 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"> <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 checkFlag = [[${@permission.hasPermi('srm:srmDetail:check')}]]; var editFlag = [[${@permission.hasPermi('srm:srmDetail:edit')}]]; var supplier = [[${@SupplierService.getCode()}]]; var srmCheck = [[${@dict.getType('srmCheck')}]]; var companyCode = [[${@dict.getType('company_code')}]]; var uploadStatus = [[${@dict.getType('srmUpload')}]]; var prefix = ctx + "srm/srmHeader"; var prefixx = ctx + "srm/srmHeaderCheck"; var prefix1 = ctx + "srm/srmDetail"; var headerId = '' var warehouseWu = [[${@warehouseWu.getAllWarehouseWu()}]]; var resubmit = new Date().getTime(); setInterval(refreshV, 1000 * 60); function refreshV() { $.table.refresh(); } $(function () { var options = { url: prefix + "/yiDaoHeGeList", createUrl: prefix + "/add", updateUrl: prefix + "/edit/{id}", removeUrl: prefix + "/remove", modalName: "送货单", sortName: "created", sortOrder: "desc", search: false, pagination: true, // 是否显示分页(*) pageNumber: 1, // 初始化加载第一页,默认第一页 pageSize: 50, // 每页的记录行数(*) pageList: [10, 25, 50, 100], // 可供选择的每页的行数(*) 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 + '\',\'' + row.supplierCode + '\')"><i class="fa fa-list-ul"></i>详细</a> '); return actions.join(''); } }, { field: 'operator', title: '操作人', sortable: true }, { title: '送货单类型', field: 'enable', formatter: function (value, row, index) { var actions = []; if (value >= 1) { actions.push("<span class='badge badge-info'> 已到送货单</span>"); } else { actions.push("<span class='badge badge-danger'>未到送货单</span>"); } return actions.join(''); } }, { field: 'created', title: '生成时间', sortable: true }, { field: 'code', title: '送货单号', sortable: true }, { field: 'supplierCode', title: '供应商编码', sortable: true }, { 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: 'userDef1', title: '返回信息', sortable: true, align: 'center', formatter: function (value, row, index) { return $.table.tooltip(value, 10); } }, { field: 'uploadStatus', title: '获取ERP采购单', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(uploadStatus, value); } }, { field: 'checkCode', title: '质检完成', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(srmCheck, value); } }, { field: 'mark', title: '唯一标识', sortable: false, visible: false }, { field: 'lastUpdatedBy', title: '更新用户', sortable: false, visible: false }, ] }; $.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) { actions.push('<a class="btn btn-primary btn-xs ' + checkFlag + '" href="#" onclick="checkDetail(\'' + row.id + '\')"><i class="fa fa-check"></i>质检</a>'); } // if(row.uploadStatus4 < 1 ) { // actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="edit(\'' + row.id + '\')"><i class="fa fa-check"></i>编辑</a>'); // } return actions.join(''); } }, { title: 'PLM图纸', formatter: function (value, row, index) { var actions = []; actions.push('<a class="btn btn-primary btn-xs ' + checkFlag + '" href="#" shiro:hasPermission="srm:srmDetail:selectDraw" onclick="queryDraw(\'' + row.materialCode + '\')" ><i class="fa fa-check"></i>查看图纸</a>'); return actions.join(''); } }, { field: 'companyCode', title: '账套', sortable: true, formatter: function (value, row, index) { return $.table.selectDictLabel(companyCode, value); } }, { field: 'uWarehouseName', title: '仓库', sortable: true }, { field: 'lineCode', title: '条码', sortable: true }, { field: 'productionBatch', title: '生产批号', sortable: true }, { field: 'batchNumberContent', 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: 'checkUser', title: '检验人员' }, { field: 'checkTime', title: '检验时间' }, { field: 'uploadStatus1', title: 'SRM到货上传', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(uploadStatus, value); } }, { field: 'uploadStatus4', title: 'ERP采购单上传', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(uploadStatus, value); } }, { field: 'checkCode', title: '质检完成', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(srmCheck, value); } }, { field: 'enable', title: 'enable', visible: false } ] }); function queryDraw(code) { $.ajax({ url: ctx + 'draw/selectDraw', type: 'get', data: { "no": code }, success: function (res) { debugger; if (res.code == 200) { var data = res.data; window.open("http://172.16.2.10:3000/sipmweb/web/search/detail?rid=" + data.rid + "&id=" + data.objId + "&t=DWGSW", "_blank"); } else { $.modal.alertError(res.msg) } } }); } /*入库单列表-详细*/ function detail(id, code, enable, supplierCode) { headerId = id; $("#myTab li").removeClass("active") $("#myTab li:eq(1)").addClass("active") $("#tabHeader").removeClass("in active"); $("#tabDetail").addClass("in active"); loadDetail(); } /*入库单列表-详细*/ function loadDetail() { $.ajax({ url: ctx + 'srm/srmDetail/yiDaoHeGelist', type: 'post', data: { "headerId": headerId }, success: function (value) { $("#bootstrap-table1").bootstrapTable('load', value.data); } }); } /* 检验 */ function checkDetail(id) { let url = prefix1 + "/check/" + id; $.modal.open("检查", url); } /*获取ERP到货单*/ function getReceipt() { if (new Date().getTime() - resubmit > 2000) { resubmit = new Date().getTime() var rows = $("#bootstrap-table").bootstrapTable('getSelections'); if (rows.length == 0) { $.modal.alertWarning("请至少选择一条记录"); return; } $.modal.confirm("确认执行选中的" + rows.length + "条数据吗?", function () { var url = prefixx + '/getReceipt'; var ids = ""; for (var i = 0; i < rows.length; i++) { ids = ids + rows[i].id + "," } var data = {"ids": ids.substring(0, ids.length - 1)}; $.operate.submit(url, "post", "json", data); }) } } </script> </body> </html>