修改电池面板中添加电池组

hdw

2018-12-14 6dfb3274dcc7c1a5475d5c45a538ec1fed78ac93

 gx_tieta/WebRoot/iframe/batt-info-edit.html

@@ -27,7 +27,8 @@
                <div class="layui-row layui-col-space8" id="battInfo"></div>

                <div style="height: 8px;"></div>

                <div class="layui-row">

                    <div class="layui-col-xs3 layui-col-xs-offset9 layui-col-sm3 layui-col-sm-offset9 layui-col-md2 layui-col-md-offset10 layui-col-lg2 layui-col-lg-offset10">

                    <div class="layui-col-xs5 layui-col-xs-offset7 layui-col-sm5 layui-col-sm-offset7 layui-col-md3 layui-col-md-offset9 layui-col-lg3 layui-col-lg-offset9">

                        <button class="layui-btn layui-btn-sm layui-btn-normal" id="addGroup">添加电池组</button>

                        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="" lay-filter="enEidt">确认编辑</button>

                        <button class="layui-btn layui-btn-sm layui-btn-normal" id="closePage">关闭面板</button>

                    </div>

@@ -301,9 +302,9 @@
                </div>

             </div>

        </div>

      <div class="layui-row layui-col-space8">

      <div class="layui-row layui-col-space8" id="battGroupInfo">

      {{# layui.each(d.btsinfo, function(index, item) { }}

         <div class="layui-col-lg6">

         <div class="layui-col-lg6 batt-group-item">

            <div class="layui-card">

               <div class="layui-card-header layui-bg-gray">{{item.BattGroupName}}</div>

               <div class="layui-card-body">

@@ -328,7 +329,7 @@
                        <div class="layui-block">

                               <label class="layui-form-label">电池组ID</label>

                               <div class="layui-input-block">

                                   <input type="text" name="group{{item.GroupIndexInFBSDevice}}.id" lay-verify="required" disabled="" autocomplete="off" class="layui-input layui-bg-gray" value="{{item.BattGroupId}}">

                                   <input type="text" name="group{{item.GroupIndexInFBSDevice}}.id" lay-verify="required" disabled="" autocomplete="off" class="layui-input layui-bg-gray battid" value="{{item.BattGroupId}}">

                               </div>

                            </div>

                     </div>

@@ -347,6 +348,66 @@
      {{# }); }}

      </div>

    </script>

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

      {{# layui.each(d, function(index, item) { }}

         <div class="layui-col-lg6 batt-group-item">

            <div class="layui-card">

               <div class="layui-card-header layui-bg-gray">{{item.name}}</div>

                  <div class="layui-card-body">

                     <div class="layui-row layui-col-space8">

                        <div class="layui-col-lg6">

                           <div class="layui-block">

                                  <label class="layui-form-label">设备索引<span class="red">*</span></label>

                              <div class="layui-input-block">

                                 <select name="group{{item.num}}.index">

                                    {{# layui.each([0,1,2,3], function(k) { }}

                                              {{# if(item.num == k) { }}

                                                  <option value="{{ k }}" selected>{{ k }}</option>

                                              {{# }else{ }}

                                                  <option value="{{ k }}">{{ k }}</option>

                                              {{# } }}

                                          {{# });  }}

                                 </select>

                                  </div>

                           </div>

                        </div>

                        <div class="layui-col-lg6">

                           <div class="layui-block">

                                  <label class="layui-form-label">电池组ID</label>

                                  <div class="layui-input-block">

                                      <input type="text" name="group{{item.num}}.id" lay-verify="required" disabled="" autocomplete="off" class="layui-input layui-bg-gray battid" value="{{item.id}}">

                                  </div>

                               </div>

                        </div>

                        <div class="layui-col-lg6">

                           <div class="layui-block">

                                  <label class="layui-form-label">电池组名称</label>

                                  <div class="layui-input-block">

                                      <input type="text" name="group{{item.num}}.name" lay-verify="required" autocomplete="off" class="layui-input" value="{{item.name}}">

                                  </div>

                               </div>

                        </div>

                     </div>

                  </div>

               </div>

            </div>

         </div>

      {{# }); }}

	
   </script>

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

      <div style="width:300px; height: 40px;">

         <div style="margin-top: 20px;margin-left: 8px; margin-right: 8px; text-algin: center;">

            <span>新建&nbsp;</span>

            <select id="addGroupnum" style="width: 190px;height: 26px; border: 1px solid #ccc">

                {{# layui.each(d.num, function(index, item) { }}

                   <option value="{{ item }}">{{ item }}</option>

                {{# }); }}

            </select>个电池组

            <br><br>

         </div>

      </div>

   </script>

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

    <script  type="text/javascript">

        layui.use(['form', 'laytpl', 'jquery', 'element', 'laydate'], function() {

@@ -358,7 +419,7 @@


            var battInfoTpl = $('#battInfoTpl').html();

         var editInfo = parent.$('#iframeEdit').data('data');

         //console.log(editInfo);

         // console.log(editInfo);

            var data = {

                StationId: '4011100'

                ,StationName1: '广西省'

@@ -411,8 +472,6 @@
                    elem: '#usedate'

                    ,format: 'yyyy-MM-dd HH:mm:ss'

                });

                
                
            });

            

            // 验证信息

@@ -460,6 +519,7 @@
            

            // 提交内容

            form.on('submit(enEidt)', function(data) {

               // console.log(data);

               layer.confirm('是否确认修改', {icon: 3, title:'提示'}, function(index){

                   var _data = data.field;

                   var province = _data.StationName1;      // 省

@@ -467,7 +527,8 @@
                   var home = _data.StationName3;         // 机房名称

                   var bts = _data.StationName4;         // 设备名称

                   _data.StationName = province+'-'+city+'-'+home+'-'+bts;

                   var temp = analysisData(editInfo.btsinfo, _data);

                   var battNum = getBattGroupNum();

                   var temp = analysisData(battNum, _data);

                   // console.log(temp);

                   // 更新数据

                   updBatt(temp);

@@ -537,10 +598,10 @@
         function analysisData(btsinfo, data) {

            //console.log(arr);

            var rs = [];

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

            for(var i=0; i<btsinfo; i++) {

               var temp = {};

               var _btsinfo = btsinfo[i];

               var _num = _btsinfo.GroupIndexInFBSDevice;

					
               var _num = i;

               var _index = 'group'+_num+'.index';

               var _name = 'group'+_num+'.name';

               var _id = 'group'+_num+'.id';

@@ -570,6 +631,93 @@
            

            return patt.test(key);

         }

			
         var battGroupNum = $('#battGroupNum').html();

         // 点击添加电池组按钮

         $('#addGroup').click(function() {

            getPreMaxBattGroupId();

            var num = getBattGroupNum();

            if(num>=4) {

               layer.msg('最多4组电池组');

               return;

            }

            var addNum = 4-num;

            //console.log(typeof addNum);

            var tmp = {num:[]};

            // 构造生成添加电池个数的数据

            for(var i=0; i<addNum; i++) {

               tmp.num.push(i+1);

            }

            //console.log(tmp);

             // 渲染内容

               laytpl(battGroupNum).render(tmp, function(html) {

                  //console.log(html);

                  // 打开面板设置新建电池组个数

               layer.open({

                  type: 1

                  ,title: '选择新建电池组个数'

                  ,content: html

                  ,area: ['335px', '165px']

                  ,fixed: true

                  ,resize: false

                  ,btn:['确定', '取消']

                  ,yes: function(index) {

                     layer.close(index);

                     var _num = $('#addGroupnum').val();

                     var _min = getBattGroupNum();

                     getMaxBattGroupId(_min, _num);      // 获取最大的电池组ID并生成指定的数据格式

                  }

               });

               });			
         });

			
         // 获取最大的电池组数

         function getBattGroupNum() {

            var num = $('#battGroupInfo .batt-group-item').length;

            return num;

         }

			
         // 获取当前最大的电池组id

         function getPreMaxBattGroupId(battid) {

            var _maxid = $('#battGroupInfo .battid').eq(-1).val();      // 当前面板中最大的电池组id

            var rsMaxId = battid>_maxid?battid:Number(_maxid)+1;      // 当前数据库最大的电池组id

            return rsMaxId;                                    // 返回最大的电池组id

         }

			
         // 获取电池最大的id并生成指定格式的数据

         var addBattGroupTpl = $('#addBattGroupTpl').html();

         function getMaxBattGroupId(min, num) {

            var load = layer.load(1);   // 添加等待框

            // 请求后台获取最大电池组的id

            $.ajax({

               type: 'post'

               ,async: true

               ,url: "BattInfAction!searchMaxBattgroupId"

               ,data: null

               ,dataType: 'json'

               ,success: function(res) {

                  var rs = JSON.parse(res.result);

                  var battid = getPreMaxBattGroupId(rs.data);

                  var temp = [];

                  for(var i=0; i<num; i++) {

                     var _temp = {};

                     _temp.num = i+min;

                     _temp.id = i+battid;

                     _temp.name = '电池组'+(_temp.num+1);

							
                     temp.push(_temp);

                  }

                  laytpl(addBattGroupTpl).render(temp, function(html) {

                     var $html = $(html);

                     $('#battGroupInfo').append($html);

                     form.render();

                  });

               }

               ,complete: function() {

                  layer.close(load);      // 关闭等待框

               }

            });

         }

        });

    </script>

</body>