弹出面板添加

hdw

2018-10-11 7c49803f4c9197ce7c9a17e57c39cdff1af7aa34

 gx_tieta/WebRoot/set-match-group.jsp

@@ -23,6 +23,7 @@
   <link rel="stylesheet" type="text/css" href="css/basic.css" />

   <link rel="stylesheet" href="css/common.css">

   <link rel="stylesheet" href="pages/css/common.css">

   <link rel="stylesheet" href="pages/css/mylayui.css">

   <style type="text/css">

      html, body {

         height: 100%;

@@ -80,7 +81,7 @@
                           

                        </div>

                     </div>

                     <button class="layui-btn layui-btn-sm layui-btn-normal" id="search"><i class="fa fa-search"></i> 查询</button>

                     <button class="layui-btn layui-btn-sm" id="search"><i class="fa fa-search"></i> 查询</button>

                  </div>



               </div>

@@ -90,9 +91,11 @@
         </div>

      </div>

   </div>

   <div id="setMatchGroupData"></div>

   <script type="text/javascript" src="js/jquery-1.8.3.js"></script>

   <script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>

   <script type="text/javascript" src="src/layui.js"></script>

   <script type="text/javascript" src="pages/js/mylayui.js"></script>

   <script type="text/html" id="toolBar">

      <a class="layui-btn layui-btn-xs" lay-event="replace">更换</a>

   </script>

@@ -133,7 +136,10 @@
            var groupData = $('#group').find('option:selected').data('data');

            // 判断是否已经选中电池组

            if(groupData) {

               $('#setMatchGroupData')

               console.log(groupData);

               tOptions.data = [{}];

               table.render(tOptions);

            }else {

               layer.msg('请选择一组电池');

            }

@@ -144,14 +150,24 @@
            var event = obj.event;

            switch(event) {

               case 'replace':

                  showReplacePanel();

                  showReplacePanel(obj.data);

               break;

            }

         });



         // 显示更换电池单体面板

         function showReplacePanel() {

				
         function showReplacePanel(obj) {

            $('#setMatchGroupData').data('data', obj);

			
            // 显示面板

            layer.open({

               type: 2,

               title: '更换电池',

               area: ['1200px', '500px'],

               fixed: false, //不固定

               maxmin: true,

               content: 'iframe/set-match-group.html'

            });

         }

         

         // 查询省下拉框

@@ -338,45 +354,6 @@
                  form.render('select', 'groupFilter');

               }

            });

         }

			
         // 生成特定的select列表

         function createLayuiSelect(ele, list) {

            // 清空内容

            ele.text('');

            // 遍历list结果集生成下拉

            for(var i=0; i<list.length; i++) {

               var _list = list[i];

               var option = $('<option></option>');   // option元素

               // 设置option的文本/属性值/data值

               option.text(_list.txt);

               option.val(_list.val);

               option.data('data', _list.data);

               Object.keys(_list.attr).forEach(function(key){

                  var val = _list.attr[key];

                  option.attr(key, val);

               });

               ele.append(option);

            }

         }

			
         // 构造生成select列表的对象数组

         function getLayuiSelect(txt, val, attr, data) {

            var obj = {

               val: '',

               txt: '',

               attr: {},

               data: {}

            };

				
            // 设置内容的值

            obj.val = val;      // option的value值

            obj.txt = txt;      // option的文本值	
            obj.attr = attr;   // option的自定义的属性

            obj.data = data;   // option的data值

				
            // 返回构造的对象

            return obj;

         }

      });

   </script>