New file |
| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8" /> |
| | | <title>峿¶åºåå表</title> |
| | | <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all"> |
| | | <script src="../../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <script src="../../../layuiadmin/PubCustom.js"></script> |
| | | </head> |
| | | <body> |
| | | <div class="layui-fluid"> |
| | | <div class="layui-col-md12"> |
| | | <div class="layui-card" style="padding: 1px"> |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | <form class="layui-form" action="" lay-filter="component-form-group"> |
| | | <div class="layui-collapse"> |
| | | <div class="layui-colla-item"> |
| | | <div class="layui-colla-title layui-inline"> |
| | | <div class="layui-inline"> |
| | | <span>æ´å¤</span> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">ç©æç¼ç </label> |
| | | <div class="layui-input-block" style="margin-left: 120px;"> |
| | | <input type="text" class="layui-input" name="FMaterialNumber" id="FMaterialNumber"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">ç©æåç§°</label> |
| | | <div class="layui-input-block" style="margin-left: 120px;"> |
| | | <input type="text" class="layui-input" name="FMaterialName" id="FMaterialName"> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">æ¥è¯¢</button> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch">éç½®</button> |
| | | <div class="layui-colla-content"> |
| | | <div class="layui-inline"> |
| | | <div class="layui-inline"> |
| | | <span>å
¶ä»æ¡ä»¶></span> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">ä»åºç¼ç </label> |
| | | <div class="layui-input-block" style="margin-left: 120px;"> |
| | | <input type="text" class="layui-input" name="FStockNumber" id="FStockNumber"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">ä»åºåç§°</label> |
| | | <div class="layui-input-block" style="margin-left: 120px;"> |
| | | <input type="text" class="layui-input" name="FStockName" id="FStockName"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </body> |
| | | </html> |
| | | <script> |
| | | var treeCkData = { id: 0 }; |
| | | var TagId = ""; |
| | | var TagParentId = ""; |
| | | layui.config({ |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index', //主å
¥å£æ¨¡å |
| | | }).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate', 'util'], function () { |
| | | //#region å
¬ç¨åé |
| | | var $ = layui.$ |
| | | , admin = layui.admin |
| | | , layer = layui.layer |
| | | , table = layui.table |
| | | , form = layui.form |
| | | , element = layui.element |
| | | , laypage = layui.laypage |
| | | , laydate = layui.laydate |
| | | , util = layui.util |
| | | , tree = layui.tree |
| | | , util = layui.util |
| | | var sWhere = ""; |
| | | var option = []; |
| | | //åå§åçé¢ |
| | | set_ClearBill(); |
| | | //#region 头工å
·æ äºä»¶ |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | switch (obj.event) { |
| | | //æ°å¢ |
| | | case 'set_AddNew': set_AddNew(); |
| | | break; |
| | | //ç¼è¾ |
| | | case 'set_ShowBill': set_ShowBill(); |
| | | break; |
| | | //å é¤ |
| | | case 'set_DeleteBill': set_DeleteBill(); |
| | | break; |
| | | }; |
| | | }); |
| | | //#region çäº§è½¦é´ |
| | | form.on('submit(btnHWorkShopID)', function (data) { |
| | | btnHWorkShopID(); |
| | | }); |
| | | //#endregion |
| | | //#region éç½®æé® |
| | | form.on('submit(btnReSearch)', function (data) { |
| | | set_ClearQuery(); |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region æ¥è¯¢æé® |
| | | form.on('submit(btnSearch)', function (data) { |
| | | get_FastQuery(); |
| | | }); |
| | | //#endregion |
| | | //#region æ¬é¡µé¢è¢«è°ç¨çæææ¹æ³ |
| | | //#region åå§åçé¢ |
| | | function set_ClearBill() { |
| | | //åå§åè¡¨æ ¼ |
| | | set_InitGrid(); |
| | | //æ¥è¯¢ |
| | | get_Display(sWhere); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region åå§åè¡¨æ ¼æ¹æ³ |
| | | function set_InitGrid() { |
| | | option = { |
| | | elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , height: 'full-50' |
| | | , page: true |
| | | , cellMinWidth: 90 |
| | | , limit: 50 |
| | | , limits: [50, 500, 5000, 20000] |
| | | , cols: [[ |
| | | { type: 'checkbox', fixed: 'left' } |
| | | , { field: 'ç©æID', title: 'ç©æID', hide: true } |
| | | , { field: 'ç©æç¼ç ', title: 'ç©æç¼ç ' } |
| | | , { field: 'ç©æåç§°', title: 'ç©æåç§°' } |
| | | , { field: 'ç©æè§æ ¼åå·', title: 'ç©æè§æ ¼åå·' } |
| | | , { field: 'ä»åºID', title: 'ä»åºID', hide: true } |
| | | , { field: 'ä»åºç¼ç ', title: 'ä»åºç¼ç ' } |
| | | , { field: 'ä»åºåç§°', title: 'ä»åºåç§°' } |
| | | , { field: 'åºå主åä½ID', title: 'åºå主åä½ID', hide: true } |
| | | , { field: 'åä½ç¼ç ', title: 'åä½ç¼ç ' } |
| | | , { field: 'åä½åç§°', title: 'åä½åç§°' } |
| | | , { field: 'æ¹å·', title: 'æ¹å·' } |
| | | , { field: 'å¯ç¨åºåé', title: 'å¯ç¨åºåé' } |
| | | , { field: 'ç»ç»ç¼ç ', title: 'ç»ç»ç¼ç ' } |
| | | , { field: 'ç»ç»åç§°', title: 'ç»ç»åç§°' } |
| | | , { field: '货主类å', title: '货主类å' } |
| | | , { field: '货主ID', title: '货主ID' } |
| | | , { field: '货主ç¼ç ', title: '货主ç¼ç ' } |
| | | ]] |
| | | }; |
| | | } |
| | | //#endregion |
| | | |
| | | //#region æ¥è¯¢ |
| | | function get_Display(sWhere) { |
| | | var ajaxLoad = layer.load(); |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/JIT_Complete/JIT_InventoryList', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | success: function (result) { |
| | | if (result.count == 1) { |
| | | option.data = result.data; |
| | | table.render(option); |
| | | layer.close(ajaxLoad); |
| | | //layer.alert("æ¥è¯¢æå", { icon: 1 }); |
| | | } else { |
| | | layer.close(ajaxLoad); |
| | | layer.alert(result.code + result.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(ajaxLoad); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //#endregion |
| | | |
| | | //#region å¿«éè¿æ»¤ |
| | | function get_FastQuery() { |
| | | |
| | | var FMaterialNumber = $("#FMaterialNumber").val(); |
| | | var FMaterialName = $("#FMaterialName").val(); |
| | | var FStockNumber = $("#FStockNumber").val(); |
| | | var FStockName = $("#FStockName").val(); |
| | | |
| | | if (FMaterialNumber) { |
| | | sWhere += " and ç©æç¼ç like '%" + FMaterialNumber + "%'"; |
| | | } |
| | | if (FMaterialName) { |
| | | sWhere += " and ç©æåç§° like '%" + FMaterialName + "%'"; |
| | | } |
| | | if (FStockNumber) { |
| | | sWhere += " and ä»åºç¼ç like '%" + FStockNumber + "%'"; |
| | | } |
| | | if (FStockName) { |
| | | sWhere += " and ä»åºåç§° like '%" + FStockName + "%'"; |
| | | } |
| | | get_Display(sWhere); |
| | | sWhere = "";//è°ç¨æ¥å£åæ¸
空sWhereç¼å |
| | | } |
| | | //#endregion |
| | | |
| | | //#region éç½®è¿æ»¤æ¡ä»¶æ¹æ³ |
| | | function set_ClearQuery() { |
| | | $("#FMaterialNumber").val(""); |
| | | $("#FMaterialName").val(""); |
| | | $("#FStockNumber").val(""); |
| | | $("#FStockName").val(""); |
| | | sWhere = ""; |
| | | } |
| | | //#endregion |
| | | //以䏿¯layui模å |
| | | }); |
| | | </script> |