添加机房省市区联动

hdw

2018-12-21 6b8db8a4e41ef07981ebceb8a632336489bb0cee

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

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

                <label class="layui-form-label">省</label>

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

                    <input type="text" name="StationName1" lay-verify="required" id="province" autocomplete="off" class="layui-input" value="{{= d.StationName1 }}">

               <select name="StationName1" id="province" lay-filter="province"></select>

                </div>

            </div>

        </div>

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

                <label class="layui-form-label">市</label>

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

                    <input type="text" name="StationName2" lay-verify="required" id="StationName2" autocomplete="off" class="layui-input" value="{{= d.StationName2 }}">

               <select name="StationName2" id="city" lay-filter="city"></select>

                </div>

            </div>

        </div>

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

                <label class="layui-form-label">区/县</label>

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

                    <input type="text" name="StationName5" lay-verify="required" id="county" autocomplete="off" class="layui-input" value="{{= d.StationName5 }}">

               <select name="StationName5" id="county"></select>

                </div>

            </div>

        </div>

@@ -350,6 +350,7 @@
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>

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

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

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

    <script  type="text/javascript">

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

            var form = layui.form;

@@ -416,8 +417,43 @@
                    elem: '#usedate'

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

                });

            });

            
            // 添加省-市-区/县联动操作

            var linkAge = new LinkAge('../json/cut-area.json', $('#province'), $('#city'), $('#county'), function() {

               form.render();

            });

            
            // 省切换 更新 市-区/县

            form.on('select(province)', function(data) {

               var elem = $(data.elem);

               var val = elem.find('option:selected').attr('num');

            	
               // 市

                var citiesData = linkAge._getCities(val);

                var citiesOptions = linkAge._createDom(citiesData);

                linkAge.city.html(citiesOptions);

                

                // 区/县

                var countiesData = linkAge._getCounty(val, linkAge.city.find('option:selected').attr('num'));

                var countiesOptions = linkAge._createDom(countiesData);

                linkAge.county.html(countiesOptions);

                

                form.render();

            });

            
            
            // 市切换 更新区/县

            form.on('select(city)', function(data) {

               var elem = $(data.elem);

               var val = elem.find('option:selected').attr('num');

                console.log(linkAge.province.find('option:selected').attr('num'));

                // 区/县

                var countiesData = linkAge._getCounty(linkAge.province.find('option:selected').attr('num'), val);

                var countiesOptions = linkAge._createDom(countiesData);

                linkAge.county.html(countiesOptions);

                
                form.render();

            });

            

            // 验证信息

@@ -465,7 +501,7 @@
            

            // 提交内容

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

               // console.log(data);

               //console.log(data);

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

                   var _data = data.field;

                   var province = _data.StationName1;      // 省

@@ -473,7 +509,7 @@
                   var home = _data.StationName3;         // 机房名称

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

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

                   // console.log(_data);

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

                   //console.log(temp);

                   checkDevId(_data.FBSDeviceId, function(devid){