From 2e5feddf5b4afc56e0e4842378a2fac13886c290 Mon Sep 17 00:00:00 2001 From: hdw <496960745@qq.com> Date: 星期二, 23 十月 2018 11:26:07 +0800 Subject: [PATCH] 包机组添加按钮 --- gx_tieta/WebRoot/index.jsp | 21 +++++++ gx_tieta/WebRoot/css/index_layout.css | 8 ++ gx_tieta/WebRoot/elegroup.jsp | 98 ++++++++++++++++++++++++++++---- gx_tieta/WebRoot/pages/css/mylayui.css | 4 + gx_tieta/WebRoot/pages/js/common.js | 2 5 files changed, 121 insertions(+), 12 deletions(-) diff --git a/gx_tieta/WebRoot/css/index_layout.css b/gx_tieta/WebRoot/css/index_layout.css index 3b6fab0..80f8985 100644 --- a/gx_tieta/WebRoot/css/index_layout.css +++ b/gx_tieta/WebRoot/css/index_layout.css @@ -24,6 +24,14 @@ width: 100%; height: 100%; } + +.map-status-container { + position: absolute; + top: 10px; + left: 10px; + z-index: 99; +} + /*鏄剧ず涓浗鍜屼腑鍥藉悇鐪侊紙琛屾斂鍖猴紝鐩磋緰甯傦級鐨勫湴鍥�*/ #content .china-map{ display: table-cell; diff --git a/gx_tieta/WebRoot/elegroup.jsp b/gx_tieta/WebRoot/elegroup.jsp index 1ba172c..186d357 100644 --- a/gx_tieta/WebRoot/elegroup.jsp +++ b/gx_tieta/WebRoot/elegroup.jsp @@ -13,11 +13,43 @@ <title><s:text name="Package_unit_manage"/></title> <link rel="stylesheet" type="text/css" href="css/basic.css"> <link rel="stylesheet" type="text/css" href="css/elegroup.css"> - + <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"> <script type="text/javascript" src="js/frame.js"></script> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript" src="js/base.js"></script> - + <style> + .toolbar-fixed-top-right { + position: absolute; + top: 0; + right: 0; + z-index: 999; + } + .toolbar-fixed-top-right.right10 { + right: 10px; + } + .toolbar-fixed-top-right.right20 { + right: 20px; + } + .toolbar-fixed-top-right.top3 { + top: 5px; + } + .toolbar-fixed-top-right select { + font-size: 12px; + height: 26px; + vertical-align: top; + border: 1px solid #ccc; + margin-right: 4px; + } + .toolbar-fixed-top-right a.tool-btn{ + display: inline-block; + margin-right: 10px; + color: #000; + font-size: 20px; + } + .toolbar-fixed-top-right a.tool-btn:hover { + color: #1495E7; + } + </style> </head> <body> <!--澶撮儴鍐呭寮�濮�--> @@ -42,22 +74,16 @@ </tr> <tr> <td> - <select id="station_name1" name=""> - </select> + <select id="station_name1" name=""></select> </td> <td> - <select id="city" name=""> - </select> + <select id="city" name=""></select> </td> <td> - <select id="station_name" name=""> - - </select> + <select id="station_name" name=""></select> </td> <td> - <select id="battgroup_name" name=""> - - </select> + <select id="battgroup_name" name=""></select> </td> </tr> </table> @@ -72,6 +98,18 @@ </div> <!-- 鍙充笂瀹瑰櫒 --> <div id="rtop"> + <div class="toolbar-fixed-top-right top3 right20"> + <select name="addType" id="addType"> + <option value="0">鍏ㄧ渷鏈烘埧</option> + <option value="1">鍏ㄥ競鏈烘埧</option> + <option value="2">鍗曚釜鏈烘埧</option> + <option value="3">鐢垫睜缁�</option> + </select> + <a href="javasscript:;" class="tool-btn" id="toolBtnAdd" title="娣诲姞"><i class="fa fa-plus"></i></a> + <a href="javasscript:;" class="tool-btn" title="搴旂敤"><i class="fa fa-sticky-note-o"></i></a> + <a href="javasscript:;" class="tool-btn" title="鍏ㄩ��"><i class="fa fa-check-square-o"></i></a> + <a href="javasscript:;" class="tool-btn" title="绉婚櫎"><i class="fa fa-trash-o"></i></a> + </div> <table style="width:100%"> <thead> <tr> @@ -1781,5 +1819,41 @@ _rsObj.tblAttr = _rsId; return _rsObj; } + + // 缁欐ā鍧楁坊鍔犲伐鍏锋潯 + $(function() { + $('.toolbar-fixed-top-right').tooltip(); + + // 鐐瑰嚮娣诲姞鎸夐挳 + $('#toolBtnAdd').click(function() { + var baoji = $('#lbottom .li-con li.b8cfe5').text(); + if(baoji.length == 0) { + alert('璇烽�夋嫨宸︿笅鏂圭殑鍖呮満缁勶紒锛侊紒'); + }else { + var addType = $('#addType').val(); + addBattGroup(addType); + } + }); + // 鏍规嵁閫夋嫨鐨勬坊鍔犵數姹犵粍 + function addBattGroup(num) { + switch(num) { + case '0': // 娣诲姞鍏ㄧ渷 + $('#tb-right-menu .add-province').click(); + break; + case '1': + $('#tb-right-menu .add-city').click(); + break; + case '2': + $('#tb-right-menu .add-station').click(); + break; + case '3': + $('#tb-right-menu .add-batt').click(); + break; + + } + } + + // + }); </script> </html> \ No newline at end of file diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp index 165155e..2a46a8c 100644 --- a/gx_tieta/WebRoot/index.jsp +++ b/gx_tieta/WebRoot/index.jsp @@ -34,6 +34,8 @@ <link rel="stylesheet" href="css/img-change.css"> <link rel="stylesheet" href="css/confirm.css"> <link rel="stylesheet" href="css/loading.css"> + <link rel="stylesheet" href="src/css/layui.css"> + <link rel="stylesheet" href="pages/css/mylayui.css"> <style type="text/css"> #map .explain-header:hover { cursor: pointer; @@ -97,6 +99,20 @@ <jsp:include page="nav.jsp" flush="true"/> <!--瀵艰埅缁撴潫--> <div id="content"> + <!-- <div id="mapStatusOpts" class="map-status-container"> + <div class="layui-form layui-form-pane"> + <label class="layui-form-label">鏈烘埧绫诲瀷</label> + <div class="layui-input-inline"> + <select name="warnType" id="warnType"> + <option value="0">鍏ㄩ儴</option> + <option value="1">钀藉悗</option> + <option value="2">鍛婅</option> + <option value="3">寤舵椂</option> + <option value="4">姝e父</option> + </select> + </div> + </div> + </div> --> <div class="nav-map small"> <!-- 鐢垫睜鍒嗗竷鍥� --> <div class="china-map" id="map"> @@ -320,6 +336,7 @@ <script type="text/javascript" src="js/createMap.js"></script> <script type="text/javascript" src="js/myConfirm.js"></script> <script type="text/javascript" src="js/loading.js"></script> + <script type="text/javascript" src="src/layui.js"></script> <script type="text/javascript"> var permits; <% Object obj=session.getAttribute("permits"); @@ -3311,5 +3328,9 @@ addrAnalyze(posTxt); }); }); + + layui.use(['form'],function() { + var form = layui.form(); + }); </script> </html> diff --git a/gx_tieta/WebRoot/pages/css/mylayui.css b/gx_tieta/WebRoot/pages/css/mylayui.css index 9d1be78..678653a 100644 --- a/gx_tieta/WebRoot/pages/css/mylayui.css +++ b/gx_tieta/WebRoot/pages/css/mylayui.css @@ -12,4 +12,8 @@ } .layui-table td, .layui-table th { border-color: #ccc; +} +.layui-form-pane .layui-form-label { + background-color: #4EABE3; + color: #FFFFFF; } \ No newline at end of file diff --git a/gx_tieta/WebRoot/pages/js/common.js b/gx_tieta/WebRoot/pages/js/common.js index e072489..cfd0a9f 100644 --- a/gx_tieta/WebRoot/pages/js/common.js +++ b/gx_tieta/WebRoot/pages/js/common.js @@ -331,6 +331,8 @@ // 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.BaseStation gl.BaseStation.getAbnormalTxt = getAbnormalTxt; + + })(jQuery, window, document, GLOBAL); //椤甸潰涓鏃跺櫒鐨勪娇鐢� -- Gitblit v1.9.1