| | |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8" /> |
| | | <title></title> |
| | | <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" type="text/javascript"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js" type="text/javascript"></script> |
| | | <script src="../../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <style> |
| | | /* 鲿¢ä¸ææ¡ç䏿å表被éè---å¿
须设置--- */ |
| | | .layui-table-cell { |
| | | overflow: visible !important; |
| | | } |
| | | /* 使å¾ä¸ææ¡ä¸åå
æ ¼å好åé */ |
| | | td .layui-form-select { |
| | | margin-top: -10px; |
| | | margin-left: -15px; |
| | | margin-right: -15px; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | |
| | | <div class="layui-fluid" style="padding: 0;"> |
| | | <div class="layui-card" style="padding: 2px;background-color: #efefef;"> |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | <form class="layui-form" action="" lay-filter="formData" style="background-color:white;"> |
| | | <div style="padding: 10px; "> |
| | | <button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="CheckAll" id="CheckAll">å
¨é</button> |
| | | <button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="ClearBill" id="ClearBill">å
¨æ¸
</button> |
| | | <button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="btnSave" id="btnSave">ä¿å</button> |
| | | <button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="Exit" id="Exit">éåº</button> |
| | | </div> |
| | | <div class="layui-collapse"> |
| | | <div class="layui-colla-item"> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <table class="layui-hide" id="mainTable" lay-filter="mainTable"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-tab" lay-filter="tab-POStockInBill"> |
| | | <div class="layui-tab-content"> |
| | | <div class="layui-tab-item layui-show"> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <div class="layui-row"> |
| | | <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="HFixCols" lay-verify="HFixCols" id="HFixCols"> |
| | | </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="HFontSize" lay-verify="HFontSize" id="HFontSize"> |
| | | </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" lay-verify="HHeadTextHeight" name="HHeadTextHeight" id="HHeadTextHeight"> |
| | | </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" lay-verify="HTextHeight" name="HTextHeight" id="HTextHeight"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">ç¹å»æåº</label> |
| | | <div class="layui-input-block" style="margin-left: 120px;width: 184px;"> |
| | | <select name="HSortFlag" lay-verify="HSortFlag" id="HSortFlag"> |
| | | <option value=""></option> |
| | | <option value="æ¯">æ¯</option> |
| | | <option value="å¦">å¦</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">éä¸è¡å计</label> |
| | | <div class="layui-input-block" style="margin-left: 125px;width: 184px;"> |
| | | <select name="HSelTotal" lay-verify="HSelTotal" id="HSelTotal"> |
| | | <option value=""></option> |
| | | <option value="æ¯">æ¯</option> |
| | | <option value="å¦">å¦</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </body> |
| | | </html> |
| | | </html> |
| | | <!--è¡ä¸æéæ©(坹齿¹å¼)--> |
| | | <script type="text/html" id="Alignment"> |
| | | <select name="Alignment" lay-filter="Alignment" id="Alignment{{d.LAY_TABLE_INDEX+1}}"> |
| | | <option value="L">左对é½</option> |
| | | <option value="M">å±
ä¸</option> |
| | | <option value="R">å³å¯¹é½</option> |
| | | </select> |
| | | </script> |
| | | <!--å¤éæ¡ æ¯å¦éè--> |
| | | <script type="text/html" id="IsHide"> |
| | | <div class="layui-input-block" style="margin-left: 20px;"> |
| | | <input type="checkbox" name="IsHide" lay-filter="IsHide" id="IsHide{{d.LAY_TABLE_INDEX+1}}" lay-skin="primary"> |
| | | </div> |
| | | </script> |
| | | <script> |
| | | layui.config({ |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index' //主å
¥å£æ¨¡å |
| | | }).use(['index', 'form', 'laydate', 'table', 'element'], function () { |
| | | //#region å
Œ
±åé |
| | | var $ = layui.$ |
| | | , admin = layui.admin |
| | | , layer = layui.layer |
| | | , table = layui.table |
| | | , form = layui.form |
| | | , element = layui.element; |
| | | //æ¥è¯¢æ¡ä»¶ |
| | | var sWhere = ""; |
| | | var option = []; |
| | | //#endregion |
| | | |
| | | //#region è¿å
¥é¡µé¢å³å è½½ |
| | | |
| | | var params = getUrlVars(); |
| | | var HModName = params[params[0]]; //ä»åæ°ä¸è·å æ°æ®ç±»å æ·»å ä¿å |
| | | //var linterid = params[params[1]]; //ä»åæ°ä¸è·å åæ®å
ç |
| | | //var lSourceBillType = params[params[2]]; //ä»åæ®è·å æºåç±»å |
| | | |
| | | //åå§åçé¢ |
| | | set_ClearBill(); |
| | | |
| | | //#endregion |
| | | |
| | | //#region 触åäºä»¶ï¼å
æ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç |
| | | |
| | | //è¡éæ©å¤çï¼å¯¹é½æ¹å¼ï¼ |
| | | form.on('select(Alignment)', function (data) { |
| | | //è·å䏿æ¡éä¸çå¼ |
| | | var elem = data.othis.parents('tr'); |
| | | var dataindex = elem.attr("data-index"); |
| | | $.each(option.data, function (index, value) { |
| | | if (value.LAY_TABLE_INDEX == dataindex) { |
| | | value.Alignment = data.value;//æéä¸ä¸ææ¡idå¼èµå¼ç»è¡¨æ ¼ç¼å |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | //æ¯å¦éè |
| | | form.on('checkbox(IsHide)', function (data) { |
| | | //è·å䏿æ¡éä¸çå¼ |
| | | var elem = data.othis.parents('tr'); |
| | | var dataindex = elem.attr("data-index"); |
| | | $.each(option.data, function (index, value) { |
| | | if (value.LAY_TABLE_INDEX == dataindex) { |
| | | value.IsHide = data.elem.checked;//æéä¸ä¸ææ¡idå¼èµå¼ç»è¡¨æ ¼ç¼å |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | //ä¿åæäº¤ |
| | | form.on('submit(btnSave)', function (data) {//æäº¤ |
| | | set_AddNew(data); |
| | | }); |
| | | |
| | | //å
¨é |
| | | form.on('submit(CheckAll)', function (data) {//æäº¤ |
| | | for (var i = 0; i < table.cache["mainTable"].length; i++) { |
| | | table.cache["mainTable"][i].IsHide = true; |
| | | $('#IsHide' + (i + 1)).prop("checked", true); |
| | | } |
| | | form.render('checkbox'); |
| | | }); |
| | | |
| | | //å
¨æ¸
|
| | | form.on('submit(ClearBill)', function (data) {//æäº¤ |
| | | for (var i = 0; i < table.cache["mainTable"].length; i++) { |
| | | table.cache["mainTable"][i].IsHide = false; |
| | | $('#IsHide' + (i + 1)).attr("checked", false); |
| | | } |
| | | form.render('checkbox'); |
| | | }); |
| | | |
| | | //éåº |
| | | form.on('submit(Cancel)', function () { |
| | | Pub_Close(1); |
| | | }) |
| | | |
| | | //#endregion |
| | | |
| | | //#region æ¤é¡µé¢ææçæ¹æ³ |
| | | |
| | | //åå§åçé¢ |
| | | function set_ClearBill() { |
| | | set_InitGrid(); |
| | | get_Display(); |
| | | } |
| | | |
| | | //#region æ¥è¯¢ |
| | | function get_Display() { |
| | | var ajaxLoad = layer.load(); |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList', |
| | | type: "GET", |
| | | data: { "HModName": HModName, "user": sessionStorage["HUserName"] }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option.data = data1.data; |
| | | table.render(option); |
| | | layer.close(ajaxLoad); |
| | | } else { |
| | | layer.close(ajaxLoad); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(ajaxLoad); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //è¡¨æ ¼æ°æ® |
| | | function set_InitGrid() { |
| | | option = { |
| | | elem: '#mainTable' |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: 690 |
| | | , cellMinWidth: 90 |
| | | , limit: 500 |
| | | , loading: false |
| | | , cols: [[ |
| | | { field: 'ColumnName', title: 'åå', width: 100 } |
| | | , { file: 'IsHide', title: 'æ¯å¦éè', width: 100, templet: '#IsHide' } |
| | | , { field: 'Alignment', title: '坹齿¹å¼', width: 100, templet: '#Alignment' } |
| | | ]] |
| | | }; |
| | | option.data = [{ "ColumnName": "111", "IsHide": false, "Alignment": "L" }, { "ColumnName": "222", "IsHide": false, "Alignment": "R" }]; |
| | | table.render(option); |
| | | } |
| | | |
| | | //ä¿åHMaker |
| | | function set_AddNew(data) { |
| | | |
| | | var num = []; |
| | | for (var i = 0; i < table.cache["mainTable"].length; i++) { |
| | | if (table.cache["mainTable"][i] != "") { |
| | | table.cache["mainTable"][i].LAY_TABLE_INDEX = i; |
| | | num.push(table.cache["mainTable"][i]) |
| | | } |
| | | } |
| | | |
| | | var sMainStr = JSON.stringify(data.field); |
| | | var sSubStr = JSON.stringify(num); |
| | | var HModName = "1";//模ååç§° |
| | | var OperationType = "1"; |
| | | var sMainSub = sMainStr + ';' + sSubStr + ';' + HModName + ';' + OperationType + ";" + 2;//sessionStorage["HUserName"] |
| | | |
| | | var index = layer.load(); |
| | | $.ajax({ |
| | | type: "POST", |
| | | url: GetWEBURL() + "/Xt_grdAlignment_WMES/AddgrdAlignmentWMES", |
| | | async: true, |
| | | data: { "sMainSub": sMainSub }, |
| | | dataType: "json", |
| | | success: function (data) { |
| | | if (data.count == 1) { |
| | | layer.close(index); |
| | | layer.msg("æäº¤æå"); |
| | | } |
| | | else { |
| | | layer.close(index); |
| | | layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | } |
| | | }, |
| | | error: function (err) { |
| | | layer.close(index); |
| | | layer.msg("é误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //è·ååæ° |
| | | function getUrlVars() { |
| | | var vars = [], hash; |
| | | var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
| | | for (var i = 0; i < hashes.length; i++) { |
| | | hash = hashes[i].split('='); |
| | | vars.push(hash[0]); |
| | | vars[hash[0]] = hash[1]; |
| | | } |
| | | return vars; |
| | | } |
| | | |
| | | |
| | | |
| | | //#endregion |
| | | |
| | | }); |
| | | |
| | | |
| | | </script> |