<!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="cycleHeader-form"> <div class="select-list"> <ul> <li> 调整单编码:<input type="text" name="code"/> </li> <li> 盘点单编码:<input type="text" name="cycleCountCode"/> </li> <li> 盘点类型:<select name="problemType" th:with="problemType=${@dict.getType('adjustType')}"> <option value="">所有</option> <option th:each="e : ${problemType}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option> </select> </li> <li> 质检单编码:<input type="text" name="checkCode"/> </li> <li> 上游单编码:<input type="text" name="referCode"/> </li> <li> 货主编码:<input type="text" name="companyCode"/> </li> <li> 创建人:<input type="text" name="createdBy"/> </li> <li class="time"> <label>创建时间: </label> <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="createdBegin"/> <span>-</span> <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="createdEnd"/> </li> <li> <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> </li> </ul> </div> </form> </div> <div class="btn-group hidden-xs" id="toolbar" role="group"> <a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="inventory:cycleCount:add"> <i class="fa fa-plus"></i> 新增 </a> <!--<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="inventory:cycleCount:remove"> <i class="fa fa-trash-o"></i> 删除 </a>--> </div> <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table> </div> <div class="tab-pane fade" id="tabDetail"></div> </div> </div> </div> </div> <div th:include="include :: footer"></div> <script th:inline="javascript"> var prefix = ctx + "inventory/adjustHeader"; var upload = [[${@permission.hasPermi('inventoryHeader:adjustHeader:upload')}]]; var report = [[${@permission.hasPermi('inventoryHeader:adjustHeader:report')}]]; var datas = [[${@dict.getType('sys_normal_disable')}]]; var type2 = [[${@dict.getType('adjustType')}]]; $(function () { var options = { url: prefix + "/list", createUrl: prefix + "/add", updateUrl: prefix + "/edit/{id}", removeUrl: prefix + "/remove", modalName: "调整主单", sortName: "id", sortOrder: "desc", search: false, // onDblClickRow: function (row) { // showDetail(row.id,row.code); // }, columns: [{ checkbox: true }, { field: 'id', title: '主单ID' }, { field: 'code', title: '调整单编码' }, { field: 'warehouseCode', title: '仓库编码', visible: true }, { field: 'companyCode', title: '货主编码' }, { field: 'cycleCountCode', title: '盘点单编码' }, /*{ field: 'problemType', title: '调整类型' },*/ { field: 'referCode', title: '关联上游单编码' }, { field: 'referReason', title: '关联上游说明' }, { field: 'problemType', title: '调整类型', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(type2, value); }, visible: true, //sortable: true }, { field: 'created', title: '创建时间', formatter: function (created, row, index) { //去除时间中间的T return created.replace("T", " "); } }, { field: 'createdBy', title: '创建用户' }, /*{ field: 'enable', title: '是否有效', align: 'center', formatter: function (value, row, index) { return $.table.selectDictLabel(datas, value); } },*/ { title: '操作', align: 'center', formatter: function (value, row, index) { var actions = []; actions.push('<a class="btn btn-success btn-xs ' + report + '" href="#" onclick="cyclecountPrint(\'' + row.id + '\')"><i class="fa fa-print"></i>打印</a> '); actions.push('<a class="btn btn-info btn-xs ' + upload + ' " href="#" onclick="upLoad(\'' + row.code + '\',\'' + row.sourceCode + '\')"><i class="fa fa-edit"></i>上传</a> '); actions.push('<a class="btn btn-danger btn-xs " href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a> '); actions.push('<a style="background: #b5bdc0" class="btn btn-default btn-xs " href="#" onclick="detail(\'' + row.id + '\',\'' + row.code + '\')"><i class="fa fa-list-ul"></i>明细</a>'); return actions.join(''); } }] }; $.table.init(options); $("#myTab li:eq(1)").one('click', (function () { // var cyc_id = $("#bootstrap-table tr:eq(1) td:eq(1)").text(); // var cyc_code = $("#bootstrap-table tr:eq(1) td:eq(2)").text(); // detail(cyc_id, cyc_code); detail(); })); }); function detail(id,code) { let url = ctx + "inventory/adjustDetail"; if (code) { url = ctx + "inventory/adjustDetail?adjustCode=" + code; } $("#tabDetail").children().remove(); $("#myTab li").removeClass("active"); var height = $(document).height() - 100 + 'px'; var str = '<iframe class="huaheng_iframe" name="iframe" width="100%" height="' + height + '" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>'; $("#tabDetail").empty(); $("#tabDetail").append(str); $(".tab-pane").removeClass("in active"); $("#myTab li:eq(1)").addClass("active"); $("#tabDetail").addClass("in active"); } function cyclecountPrint(id) { var url = prefix + "/report/" + id; $.modal.open("差异单打印", url); } //上传API接口 function upLoad(code, sourceCode) { $.ajax({ url: ctx + '/api/icsCyclecount/cycleCountDiff', type: 'post', data: { code: code, sourceCode: sourceCode }, success: function (res) { if (res.code === 200) { $.modal.msgSuccess(); } else { $.modal.msgError(res.msg); } } }) } </script> </body> </html>