| var layer; | 
| var timer; | 
| var table; | 
| var limit = 200; | 
| $(function () { | 
|     layui.use(['layer', 'laydate', 'table'], function () { | 
|         layer = layui.layer; | 
|         table = layui.table; | 
|   | 
|         //页面初始化刷新页面 | 
|         flushData(); | 
|   | 
|         // 每间隔1分钟执行一次刷新 | 
|         if (timer) clearInterval(timer); | 
|         timer = setInterval(function () { | 
|             flushData(); | 
|         }, 60 * 1000); | 
|   | 
|     }); | 
| }); | 
|   | 
| function flushData() { | 
|     var param = { | 
|         deptId: deptId, | 
|         type: type | 
|     }; | 
|     $.ajax({ | 
|         type: "POST", | 
|         url: "../../basic/inout/list-progress", | 
|         dataType: "json", | 
|         contentType: "application/json;charset=UTF-8", | 
|         data: JSON.stringify(param), | 
|         success: function (result) { | 
|             if (result.code != "0000") { | 
|                 layer.msg(result.msg); | 
|             } else { | 
|                 renderTable(result.data); | 
|             } | 
|         }, | 
|         error: function () { | 
|             layer.msg("系统获取数据出现异常,重新尝试"); | 
|         } | 
|     }); | 
| } | 
|   | 
| function renderTable(data) { | 
|     var listProgress = data.listProgress; | 
|     var listComplete = data.listComplete; | 
|   | 
|     renderInoutList(listProgress); | 
|   | 
|     renderCompleteInoutList(listComplete); | 
| } | 
|   | 
| // 渲染出入库列表数据 | 
| function renderInoutList(list) { | 
|     if (list.length == 0) { | 
|         return; | 
|     } | 
|     // 清空数据 | 
|     $("#inoutList").empty(); | 
|     table.render({ | 
|         elem: '#inoutList', | 
|         limit: limit, | 
|         even: true, | 
|         width: 952, | 
|         cols: [[ | 
|             {field: 'id', title: '单据号', width: '18%'}, | 
|             { | 
|                 field: 'type', title: '类型', width: '15%', templet: function (d) { | 
|                     return ("IN" == d.type) ? "入库" : "出库" | 
|                 } | 
|             }, | 
|             {field: 'userName', title: '承运人', width: '16%'}, | 
|             {field: 'plateNum', title: '车牌号', width: '16%'}, | 
|             { | 
|                 field: 'progress', title: '当前流程', width: '16%', templet: function (d) { | 
|                     return mapProgress[d.progress] | 
|                 } | 
|             }, | 
|             { | 
|                 field: 'depotId', title: '装卸仓库', width: '19%', templet: function (d) { | 
|                     return (null == d.depotId) ? "" : mapDept[d.depotId] | 
|                 } | 
|             } | 
|         ]], | 
|         data: list | 
|     }); | 
|   | 
|     $("thead tr").css({ | 
|         "border-bottom": "2px solid #53adce", | 
|         "background": "#eff4f6", | 
|     }); | 
| }; | 
|   | 
| // 完成列表 | 
| function renderCompleteInoutList(list) { | 
|     if (list.length == 0) { | 
|         return; | 
|     } | 
|     // 清空数据 | 
|     $("#inoutCompleteList").empty(); | 
|     table.render({ | 
|         elem: '#inoutCompleteList', | 
|         limit: limit, | 
|         even: true, | 
|         width: 952, | 
|         cols: [[ | 
|             {field: 'id', title: '单据号', width: '18%'}, | 
|             { | 
|                 field: 'type', title: '类型', width: '15%', templet: function (d) { | 
|                     return ("IN" == d.type) ? "入库" : "出库" | 
|                 } | 
|             }, | 
|             {field: 'userName', title: '承运人', width: '16%'}, | 
|             {field: 'plateNum', title: '车牌号', width: '16%'}, | 
|             { | 
|                 field: 'depotId', title: '装卸仓库', width: '16%', templet: function (d) { | 
|                     return (null == d.depotId) ? "" : mapDept[d.depotId] | 
|                 } | 
|             }, | 
|             { | 
|                 field: 'completeTime', title: '完成时间', width: '19%', templet: function (d) { | 
|                     return (null == d.completeTime) ? "" : d.completeTime | 
|                 } | 
|             } | 
|         ]], | 
|         data: list | 
|     }); | 
|     $("thead tr").css({ | 
|         "border-bottom": "2px solid #53adce", | 
|         "background": "#eff4f6", | 
|     }); | 
| }; |