New file |
| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8" /> |
| | | <title>ç¨æ·å
³èå·¥åº</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> |
| | | <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> |
| | | <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <style type="text/css"> |
| | | |
| | | /*begin æ¤æ ·å¼ç¨äºæ¶é¤è¡å
ç´ ä¸å¸å±å®½åº¦ä¸å¤çé®é¢*/ |
| | | .layui-form-item .layui-inline { |
| | | margin-top: 5px; |
| | | margin-bottom: 5px; |
| | | margin-right: 0px; |
| | | } |
| | | |
| | | .layui-form-label { |
| | | float: left; |
| | | display: block; |
| | | padding: 9px 15px; |
| | | width: 31px; |
| | | font-weight: 400; |
| | | line-height: 20px; |
| | | text-align: left; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div id="layout1" class="layui-fluid"> |
| | | <div class="layui-row layui-col-space15"> |
| | | <div class="layui-col-md12"> |
| | | <div class="layui-card"> |
| | | <form id="form0" class="layui-form" lay-filter="component-form-group" action=""> |
| | | <div class="layui-card-header"> |
| | | <div class="layui-btn-group"> |
| | | <button type="button" id="add-btn" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Saver">ä¿å</button> |
| | | <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">éåº</button> |
| | | </div> |
| | | </div> |
| | | <div class="layui-card-body"> |
| | | <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> |
| | | <div class="layui-tab-content"> |
| | | <div class="layui-tab-item layui-show"> |
| | | <div class="layui-form-item"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">ç¨æ·</label> |
| | | <div class="layui-input-inline"> |
| | | <input type="text" name="UserName" id="UserName" readonly class="layui-input" value="" style="float:left;width:150px;"> |
| | | <input type="hidden" name="UserID" id="UserID" class="layui-input" value="" style="float:left;width:150px;"> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="UserList" style="width:40px;"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <table class="layui-hide" id="mainTable" lay-filter="mainTable"></table> |
| | | <script type="text/html" id="toolbarDemo"> |
| | | <div class="layui-btn-container"> |
| | | |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-AddLine"><i class="layui-icon layui-icon-form"></i>å¢å ä¸è¡</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-CopyLine"><i class="layui-icon layui-icon-form"></i>å¤å¶ä¸è¡</button> |
| | | |
| | | </div> |
| | | </script> |
| | | <script type="text/html" id="xuhao"> |
| | | {{d.LAY_TABLE_INDEX+1}} |
| | | </script> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <script type="text/html" id="barDemo"> |
| | | <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">å é¤</a> |
| | | </script> |
| | | <script> |
| | | //è·ååæ° |
| | | var params = get_UrlVars(); |
| | | if (typeof (params[params[0]]) == "undefined") { |
| | | var OperationType = 1;//æä½ç±»å |
| | | var closeType = 2; //å
³éç±»å |
| | | } else { |
| | | var OperationType = params[params[0]];//æä½ç±»å |
| | | var linterid = params[params[1]];//æºåid |
| | | var HSouceBillType = params[params[2]];//æºåç±»å |
| | | var closeType = params[params[3]]; //å
³éç±»å |
| | | } |
| | | |
| | | 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 |
| | | , laydate = layui.laydate |
| | | , element = layui.element; |
| | | //æ¥è¯¢æ¡ä»¶ |
| | | var option = []; |
| | | TabRow = { "HProcID": 0, "HProcNumber": "", "HProcName": "" }; |
| | | //#endregion |
| | | |
| | | |
| | | //#region è¿å
¥é¡µé¢æ¢å è½½ |
| | | |
| | | //åå§åè¡¨æ ¼ |
| | | set_InitGrid(); |
| | | |
| | | //夿æä½ç±»å |
| | | if (OperationType == 1) {//æ æºæ°å¢ |
| | | //æ æºæ°å¢ |
| | | set_AddFNew(); |
| | | } |
| | | else if (OperationType == 3) {//ç¼è¾ |
| | | set_EditFromGrid(linterid); |
| | | } |
| | | else { |
| | | layer.alert("æªç¥æä½ç±»åï¼", { icon: 5 }); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region ç¹å»äºä»¶ï¼å
æ¬onåformäºä»¶ |
| | | //头工å
·æ |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | var checkStatus = table.checkStatus('mainTable') |
| | | , data = checkStatus.data;; |
| | | var AddRow = table.cache['mainTable']; |
| | | var NewRow = TabRow; |
| | | switch (obj.event) { |
| | | //æ°å¢ä¸è¡ |
| | | case 'btn-AddLine': btnAddLine(NewRow); |
| | | break; |
| | | //å¤å¶ä¸è¡ |
| | | case 'btn-CopyLine': btnCopyLine(data); |
| | | break; |
| | | } |
| | | }); |
| | | //è¡å
äºä»¶ |
| | | table.on('tool(mainTable)', function (obj) { |
| | | set_GridDelete(obj); //è¡å
å é¤ |
| | | set_GridCellCheck(obj); //è¡å
å¿«æ·é®çé |
| | | }); |
| | | //ç¨æ·ä¿¡æ¯å¼¹çª |
| | | form.on('submit(UserList)', function () { |
| | | //页é¢å±-èªå®ä¹ |
| | | layer.open({ |
| | | type: 2, |
| | | skin: 'layui-layer-rim', //å ä¸è¾¹æ¡ |
| | | title: 'ç¨æ·å表', |
| | | closeBtn: 1, |
| | | shift: 2, |
| | | area: ['80%', '80%'], |
| | | maxmin: true, |
| | | content: ['../../PublicPage/PeopleInformation.html', 'yes'], |
| | | btn: ['ç¡®å®', 'åæ¶'] |
| | | , btn1: function (index, layero) { |
| | | |
| | | //æé®ãæé®ä¸ãçåè° |
| | | var iframeWindow = window['layui-layer-iframe' + index] //è·åå¼¹æ¡é¡µé¢ |
| | | var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test" |
| | | if (checkStatus.data.length === 0) { |
| | | return layer.msg('è¯·éæ©æ°æ®'); |
| | | } |
| | | $("#UserName").val(checkStatus.data[0].HName); |
| | | $("#UserID").val(checkStatus.data[0].HNumber); |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + "/Xt_User/ProcessPlaylist", |
| | | type: "GET", |
| | | data: { "HUserID": checkStatus.data[0].HNumber }, |
| | | success: function (data) { |
| | | if (data.data != null && data.data != "") { |
| | | option.data = data.data; |
| | | table.render(option); |
| | | } |
| | | else { |
| | | table.reload("mainTable", {}); |
| | | table.reload('mainTable', { data: [] }); |
| | | } |
| | | |
| | | } |
| | | }); |
| | | layer.close(layer.index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layerå
é¨å¨æéå¢è®¡ç®ç |
| | | } |
| | | , btn2: function (index, layero) { |
| | | //æé®ãæé®äºãçåè° |
| | | //return false å¼å¯è¯¥ä»£ç å¯ç¦æ¢ç¹å»è¯¥æé®å
³é |
| | | }, |
| | | end: function () { |
| | | |
| | | }, |
| | | success: function (layero, index) { |
| | | |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | //è¡¨æ ¼è¡å
äºä»¶å¿«æ·é®çé |
| | | function set_GridCellCheck(obj) { |
| | | $(document).off('keydown', ".layui-table-edit").on('keydown', '.layui-table-edit', function (e) { |
| | | if (event.key == "F7") { |
| | | //å·¥åºä»£ç |
| | | if (obj.event === 'HProcNumber') //模å
·ä¿¡æ¯ 妿卿¨¡å
·ä»£ç å æF7 |
| | | { |
| | | //页é¢å±-èªå®ä¹ //F7éæ©å·¥åº |
| | | layer.open({ |
| | | type: 2, |
| | | skin: 'layui-layer-rim', //å ä¸è¾¹æ¡ |
| | | title: 'å·¥åºå表', |
| | | closeBtn: 1, |
| | | shift: 2, |
| | | area: ['80%', '80%'], |
| | | maxmin: true, |
| | | content: ['../../PublicPage/ProcessInformation.html', 'yes'], |
| | | btn: ['ç¡®å®', 'åæ¶'] |
| | | , btn1: function (index, layero) { |
| | | |
| | | //æé®ãæé®ä¸ãçåè° |
| | | var iframeWindow = window['layui-layer-iframe' + index] //è·åå¼¹æ¡é¡µé¢ |
| | | var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test" |
| | | if (checkStatus.data.length === 0) { |
| | | return layer.msg('è¯·éæ©æ°æ®'); |
| | | } |
| | | //console.log(obj.data); |
| | | //åæ¥æ´æ°è¡¨æ ¼åç¼å对åºçå¼ |
| | | obj.update({ |
| | | HProcID: checkStatus.data[0].HItemID, |
| | | HProcNumber: checkStatus.data[0].HNumber, |
| | | HProcName: checkStatus.data[0].HName |
| | | }); |
| | | |
| | | layer.close(layer.index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layerå
é¨å¨æéå¢è®¡ç®ç |
| | | } |
| | | , btn2: function (index, layero) { |
| | | //æé®ãæé®äºãçåè° |
| | | //return false å¼å¯è¯¥ä»£ç å¯ç¦æ¢ç¹å»è¯¥æé®å
³é |
| | | }, |
| | | end: function () { |
| | | |
| | | } |
| | | }); |
| | | } |
| | | |
| | | obj.event = ""; |
| | | return false; |
| | | } |
| | | }) |
| | | } |
| | | |
| | | //ä¿å |
| | | form.on('submit(Saver)', function (data) { |
| | | if ($("#UserName").val() == "") { |
| | | layer.msg("ç¨æ·ä¸è½ä¸ºç©ºï¼"); |
| | | return false; |
| | | } |
| | | var UserID = $("#UserID").val(); //è·åéæ©çç¨æ·ç¼ç |
| | | //debugger; |
| | | var sSubStr = JSON.stringify(table.cache['mainTable']); |
| | | if (!AllowLoadData(sSubStr))//æ°æ®éªè¯ |
| | | { |
| | | return false; |
| | | } |
| | | var list = []; |
| | | for (var i = 0; i < JSON.parse(sSubStr).length; i++) { |
| | | list.push(JSON.parse(sSubStr)[i].HProcNumber) |
| | | } |
| | | if (isAllEqual(list)) { |
| | | layer.msg("æéå¤çå·¥åºä¿¡æ¯ï¼"); |
| | | return false; |
| | | } |
| | | |
| | | var sMainSub = sSubStr + ';' + UserID |
| | | $.ajax( |
| | | { |
| | | type: "POST", |
| | | url: GetWEBURL() + "/Xt_User/SaveUserProcess", //æ¹æ³æå¨é¡µé¢åæ¹æ³å |
| | | async: true, |
| | | data: { "msg": sMainSub }, |
| | | dataType: "json", |
| | | success: function (data) { |
| | | if (data.count == 1) { // 说æéªè¯æåäºï¼ |
| | | layer.msg(data.Message, { time: 1 * 1000, icon: 1 }, function () { |
| | | $('#add-btn').addClass("layui-btn-disabled").attr("disabled", true); |
| | | var index = parent.layer.getFrameIndex(window.name); //å
å¾å°å½åiframeå±çç´¢å¼ |
| | | parent.layer.close(index); //åæ§è¡å
³é           |
| | | }); |
| | | } |
| | | else { |
| | | |
| | | layer.alert(data.Message); |
| | | console.log("Reason" + sMainSub + "sub:" + JSON.stringify(layui.table.cache.mainTable)); |
| | | } |
| | | layer.closeAll("loading"); |
| | | }, |
| | | error: function (err) { |
| | | |
| | | layer.alert("é误:" + err); |
| | | console.log("Reason" + sMainStr); |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | //éåº |
| | | form.on('submit(Exit)', function (data) { |
| | | if (OperationType == 1) { |
| | | Pub_Close(closeType);//ç´æ¥æ°å¢closeTypeå¼ä¸º2ï¼åè¡¨è°æ°å¢closeTypeå¼ä»åè¡¨ä¼ é |
| | | } |
| | | else if (OperationType == 3) { |
| | | Pub_Close(closeType); |
| | | } |
| | | else { |
| | | Pub_Close(2); |
| | | } |
| | | }); |
| | | |
| | | //#endregion |
| | | |
| | | //#region æ¤é¡µé¢æææ¹æ³ |
| | | //åå§åè¡¨æ ¼ |
| | | function set_InitGrid() { |
| | | columns = [ |
| | | { type: 'checkbox', fixed: 'left' } |
| | | , { templet: '#xuhao', title: 'åºå·', sort: true, fixed: 'left', event: "qwe" } |
| | | , { field: 'HProcID', title: 'HProcID', edit: 'text', hide: true } |
| | | , { field: 'HProcNumber', title: 'å·¥åºä»£ç ', edit: 'text', event: 'HProcNumber' } |
| | | , { field: 'HProcName', title: 'å·¥åºåç§°', edit: 'text' } |
| | | , { fixed: 'right', title: 'æä½', toolbar: '#barDemo' } |
| | | ]; |
| | | option = { |
| | | id: 'mainTable' |
| | | , elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , page: false |
| | | , cellMinWidth: 120 |
| | | , height: 680 |
| | | , cols: [columns] |
| | | , limit: 500 //æ¯é¡µé»è®¤æ¾ç¤ºçæ°é |
| | | , done: function (res, curr, count) { |
| | | } |
| | | }; |
| | | } |
| | | //æ æºåæ°å¢ |
| | | function set_AddFNew() { |
| | | option.data = [TabRow]; |
| | | table.render(option); |
| | | } |
| | | |
| | | //å¢å ä¸è¡ |
| | | function btnAddLine(NewRow) { |
| | | var tableBak = table.cache["mainTable"]; //è·åä¹åç¼è¾è¿çè¡¨æ ¼æ°æ® |
| | | |
| | | buttonArr = [];//æ¸
空æ°ç» |
| | | for (var i = 0; i < tableBak.length; i++) { |
| | | buttonArr.push(tableBak[i]); //å°ä¹åçæ°æ®åå¨ |
| | | } |
| | | buttonArr.push(NewRow); //å¨å°¾é¨å ä¸è¡ |
| | | table.reload("mainTable", { |
| | | data: buttonArr //å°æ°æ®éæ°è½½å
¥è¡¨æ ¼ |
| | | }) |
| | | } |
| | | //å¤å¶ä¸è¡ |
| | | function btnCopyLine(data) { |
| | | var copydata = JSON.stringify(data); |
| | | if (data.length <= 0) { |
| | | layer.msg("è¯·éæ©éè¦å¤å¶çä¸è¡ï¼"); |
| | | } |
| | | else if (data.length > 1) { |
| | | layer.msg("åªè½éæ©å¤å¶ä¸è¡ï¼"); |
| | | } |
| | | else { |
| | | var copydata2 = copydata.substring(1, copydata.length);//å»é¤é¦è¡å符'[' |
| | | var copyrow = copydata2.substring(0, copydata2.length - 1);//å»é¤æ«å°¾å符']' |
| | | table.cache["mainTable"].push(JSON.parse(copyrow));//å°å¤å¶çè¡å¼ºè½¬æjson追å å°è¡¨æ ¼ä¸ |
| | | option.data = table.cache["mainTable"];//å°æ°æ®ç»å®å°dataä¸ |
| | | table.render(option);//å°æ°æ®æ¸²æå°è¡¨æ ¼ä¸ |
| | | } |
| | | } |
| | | // è¡¨æ ¼è¡å
äºä»¶å é¤ |
| | | function set_GridDelete(obj) { |
| | | var data = obj.data; |
| | | var rowIndex = $(obj.tr).attr("data-index"); |
| | | if (obj.event === 'del') { |
| | | layer.confirm('ççå é¤è¡ä¹', function (index) { |
| | | var oldData = table.cache["mainTable"]; |
| | | oldData.splice(obj.tr.data('index'), 1); |
| | | table.reload('mainTable', { data: oldData }); |
| | | layer.close(index); |
| | | }); |
| | | } |
| | | } |
| | | //#region å¤ææ°æ®æ°ç»ä¸ç弿¯å¦ç¸å |
| | | function isAllEqual(list) { |
| | | var s = list.join(",") + ","; |
| | | for (var i = 0; i < list.length; i++) { |
| | | if (s.replace(list[i] + ",", "").indexOf(list[i] + ",") > -1) { |
| | | return true; |
| | | } |
| | | } |
| | | } |
| | | //#region é空éªè¯ |
| | | function AllowLoadData(sSubStr) { //é空éªè¯ |
| | | var Result = true; |
| | | if (typeof (sSubStr) == "undefined" || sSubStr == "") { |
| | | layer.msg("没æç©ææç»è®°å½", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | return Result = false; |
| | | } |
| | | if (typeof (sSubStr) != "undefined" && typeof (sSubStr) != "") { |
| | | sSubStr = JSON.parse(sSubStr); |
| | | for (var i = 0; i < sSubStr.length; i++) { |
| | | if (sSubStr[i].å·¥åºä»£ç == "") { |
| | | layer.msg("æç»è®°å½ç¬¬" + (i + 1) + "è¡,å·¥åºä»£ç 为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | return Result = false; |
| | | } |
| | | } |
| | | } |
| | | else { |
| | | return Result = true; |
| | | } |
| | | return Result; |
| | | } |
| | | |
| | | }); |
| | | </script> |
| | | </body> |
| | | </html> |