添加机房省市区联动

hdw

2018-12-21 6b8db8a4e41ef07981ebceb8a632336489bb0cee

添加机房省市区联动

 gx_tieta/WebRoot/WEB-INF/classes/com/fgkj/actions/Battinf_applyAction$6.class

Binary files differ

 gx_tieta/WebRoot/WEB-INF/classes/com/fgkj/actions/Battinf_applyAction$7.class

Binary files differ

 gx_tieta/WebRoot/WEB-INF/classes/com/fgkj/dao/impl/BattInfImpl$69.class

Binary files differ

 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){


 gx_tieta/WebRoot/json/cut-area.json

New file
@@ -0,0 +1,392 @@
{

    "450000": {

        "name": "广西省",

        "child": {

            "450100": {

                "name": "南宁市",

                "child": {

                    "450101": "市辖区",

                    "450102": "兴宁区",

                    "450103": "青秀区",

                    "450105": "江南区",

                    "450107": "西乡塘区",

                    "450108": "良庆区",

                    "450109": "邕宁区",

                    "450110": "武鸣区",

                    "450123": "隆安县",

                    "450124": "马山县",

                    "450125": "上林县",

                    "450126": "宾阳县",

                    "450127": "横县"

                }

            },

            "450200": {

                "name": "柳州市",

                "child": {

                    "450201": "市辖区",

                    "450202": "城中区",

                    "450203": "鱼峰区",

                    "450204": "柳南区",

                    "450205": "柳北区",

                    "450206": "柳江区",

                    "450222": "柳城县",

                    "450223": "鹿寨县",

                    "450224": "融安县",

                    "450225": "融水苗族自治县",

                    "450226": "三江侗族自治县"

                }

            },

            "450300": {

                "name": "桂林市",

                "child": {

                    "450301": "市辖区",

                    "450302": "秀峰区",

                    "450303": "叠彩区",

                    "450304": "象山区",

                    "450305": "七星区",

                    "450311": "雁山区",

                    "450312": "临桂区",

                    "450321": "阳朔县",

                    "450323": "灵川县",

                    "450324": "全州县",

                    "450325": "兴安县",

                    "450326": "永福县",

                    "450327": "灌阳县",

                    "450328": "龙胜各族自治县",

                    "450329": "资源县",

                    "450330": "平乐县",

                    "450331": "荔浦县",

                    "450332": "恭城瑶族自治县"

                }

            },

            "450400": {

                "name": "梧州市",

                "child": {

                    "450401": "市辖区",

                    "450403": "万秀区",

                    "450405": "长洲区",

                    "450406": "龙圩区",

                    "450421": "苍梧县",

                    "450422": "藤县",

                    "450423": "蒙山县",

                    "450481": "岑溪市"

                }

            },

            "450500": {

                "name": "北海市",

                "child": {

                    "450501": "市辖区",

                    "450502": "海城区",

                    "450503": "银海区",

                    "450512": "铁山港区",

                    "450521": "合浦县"

                }

            },

            "450600": {

                "name": "防城港市",

                "child": {

                    "450601": "市辖区",

                    "450602": "港口区",

                    "450603": "防城区",

                    "450621": "上思县",

                    "450681": "东兴市"

                }

            },

            "450700": {

                "name": "钦州市",

                "child": {

                    "450701": "市辖区",

                    "450702": "钦南区",

                    "450703": "钦北区",

                    "450721": "灵山县",

                    "450722": "浦北县"

                }

            },

            "450800": {

                "name": "贵港市",

                "child": {

                    "450801": "市辖区",

                    "450802": "港北区",

                    "450803": "港南区",

                    "450804": "覃塘区",

                    "450821": "平南县",

                    "450881": "桂平市"

                }

            },

            "450900": {

                "name": "玉林市",

                "child": {

                    "450901": "市辖区",

                    "450902": "玉州区",

                    "450903": "福绵区",

                    "450921": "容县",

                    "450922": "陆川县",

                    "450923": "博白县",

                    "450924": "兴业县",

                    "450981": "北流市"

                }

            },

            "451000": {

                "name": "百色市",

                "child": {

                    "451001": "市辖区",

                    "451002": "右江区",

                    "451021": "田阳县",

                    "451022": "田东县",

                    "451023": "平果县",

                    "451024": "德保县",

                    "451026": "那坡县",

                    "451027": "凌云县",

                    "451028": "乐业县",

                    "451029": "田林县",

                    "451030": "西林县",

                    "451031": "隆林各族自治县",

                    "451081": "靖西市"

                }

            },

            "451100": {

                "name": "贺州市",

                "child": {

                    "451101": "市辖区",

                    "451102": "八步区",

                    "451103": "平桂区",

                    "451121": "昭平县",

                    "451122": "钟山县",

                    "451123": "富川瑶族自治县"

                }

            },

            "451200": {

                "name": "河池市",

                "child": {

                    "451201": "市辖区",

                    "451202": "金城江区",

                    "451221": "南丹县",

                    "451222": "天峨县",

                    "451223": "凤山县",

                    "451224": "东兰县",

                    "451225": "罗城仫佬族自治县",

                    "451226": "环江毛南族自治县",

                    "451227": "巴马瑶族自治县",

                    "451228": "都安瑶族自治县",

                    "451229": "大化瑶族自治县",

                    "451281": "宜州市"

                }

            },

            "451300": {

                "name": "来宾市",

                "child": {

                    "451301": "市辖区",

                    "451302": "兴宾区",

                    "451321": "忻城县",

                    "451322": "象州县",

                    "451323": "武宣县",

                    "451324": "金秀瑶族自治县",

                    "451381": "合山市"

                }

            },

            "451400": {

                "name": "崇左市",

                "child": {

                    "451401": "市辖区",

                    "451402": "江州区",

                    "451421": "扶绥县",

                    "451422": "宁明县",

                    "451423": "龙州县",

                    "451424": "大新县",

                    "451425": "天等县",

                    "451481": "凭祥市"

                }

            }

        }

    },

    "420000": {

        "name": "湖北省",

        "child": {

            "420100": {

                "name": "武汉市",

                "child": {

                    "420101": "市辖区",

                    "420102": "江岸区",

                    "420103": "江汉区",

                    "420104": "硚口区",

                    "420105": "汉阳区",

                    "420106": "武昌区",

                    "420107": "青山区",

                    "420111": "洪山区",

                    "420112": "东西湖区",

                    "420113": "汉南区",

                    "420114": "蔡甸区",

                    "420115": "江夏区",

                    "420116": "黄陂区",

                    "420117": "新洲区"

                }

            },

            "420200": {

                "name": "黄石市",

                "child": {

                    "420201": "市辖区",

                    "420202": "黄石港区",

                    "420203": "西塞山区",

                    "420204": "下陆区",

                    "420205": "铁山区",

                    "420222": "阳新县",

                    "420281": "大冶市"

                }

            },

            "420300": {

                "name": "十堰市",

                "child": {

                    "420301": "市辖区",

                    "420302": "茅箭区",

                    "420303": "张湾区",

                    "420304": "郧阳区",

                    "420322": "郧西县",

                    "420323": "竹山县",

                    "420324": "竹溪县",

                    "420325": "房县",

                    "420381": "丹江口市"

                }

            },

            "420500": {

                "name": "宜昌市",

                "child": {

                    "420501": "市辖区",

                    "420502": "西陵区",

                    "420503": "伍家岗区",

                    "420504": "点军区",

                    "420505": "猇亭区",

                    "420506": "夷陵区",

                    "420525": "远安县",

                    "420526": "兴山县",

                    "420527": "秭归县",

                    "420528": "长阳土家族自治县",

                    "420529": "五峰土家族自治县",

                    "420581": "宜都市",

                    "420582": "当阳市",

                    "420583": "枝江市"

                }

            },

            "420600": {

                "name": "襄阳市",

                "child": {

                    "420601": "市辖区",

                    "420602": "襄城区",

                    "420606": "樊城区",

                    "420607": "襄州区",

                    "420624": "南漳县",

                    "420625": "谷城县",

                    "420626": "保康县",

                    "420682": "老河口市",

                    "420683": "枣阳市",

                    "420684": "宜城市"

                }

            },

            "420700": {

                "name": "鄂州市",

                "child": {

                    "420701": "市辖区",

                    "420702": "梁子湖区",

                    "420703": "华容区",

                    "420704": "鄂城区"

                }

            },

            "420800": {

                "name": "荆门市",

                "child": {

                    "420801": "市辖区",

                    "420802": "东宝区",

                    "420804": "掇刀区",

                    "420821": "京山县",

                    "420822": "沙洋县",

                    "420881": "钟祥市"

                }

            },

            "420900": {

                "name": "孝感市",

                "child": {

                    "420901": "市辖区",

                    "420902": "孝南区",

                    "420921": "孝昌县",

                    "420922": "大悟县",

                    "420923": "云梦县",

                    "420981": "应城市",

                    "420982": "安陆市",

                    "420984": "汉川市"

                }

            },

            "421000": {

                "name": "荆州市",

                "child": {

                    "421001": "市辖区",

                    "421002": "沙市区",

                    "421003": "荆州区",

                    "421022": "公安县",

                    "421023": "监利县",

                    "421024": "江陵县",

                    "421081": "石首市",

                    "421083": "洪湖市",

                    "421087": "松滋市"

                }

            },

            "421100": {

                "name": "黄冈市",

                "child": {

                    "421101": "市辖区",

                    "421102": "黄州区",

                    "421121": "团风县",

                    "421122": "红安县",

                    "421123": "罗田县",

                    "421124": "英山县",

                    "421125": "浠水县",

                    "421126": "蕲春县",

                    "421127": "黄梅县",

                    "421181": "麻城市",

                    "421182": "武穴市"

                }

            },

            "421200": {

                "name": "咸宁市",

                "child": {

                    "421201": "市辖区",

                    "421202": "咸安区",

                    "421221": "嘉鱼县",

                    "421222": "通城县",

                    "421223": "崇阳县",

                    "421224": "通山县",

                    "421281": "赤壁市"

                }

            },

            "421300": {

                "name": "随州市",

                "child": {

                    "421301": "市辖区",

                    "421303": "曾都区",

                    "421321": "随县",

                    "421381": "广水市"

                }

            },

            "422800": {

                "name": "恩施土家族苗族自治州",

                "child": {

                    "422801": "恩施市",

                    "422802": "利川市",

                    "422822": "建始县",

                    "422823": "巴东县",

                    "422825": "宣恩县",

                    "422826": "咸丰县",

                    "422827": "来凤县",

                    "422828": "鹤峰县"

                }

            },

            "429000": {

                "name": "省直辖县级行政区划",

                "child": {

                    "429004": "仙桃市",

                    "429005": "潜江市",

                    "429006": "天门市",

                    "429021": "神农架林区"

                }

            }

        }

    }

}

 gx_tieta/WebRoot/json/province-city-county.json

New file
Diff too large

 gx_tieta/WebRoot/pages/js/mylayui.js

@@ -251,3 +251,141 @@
    }

};



// 省-市-区联动

var LinkAge = function(url, province, city, county, callback) {

    this.province = province;

    this.city = city;

    this.county = county;

    this.url = url;

    this.callback= callback;

    this.data = {};

    this._init();

};

LinkAge.prototype = {

    _init: function() {

        // 设置回调函数

        if(typeof this.callback === 'function') {

            this.callback = this.callback;

        }else {

            this.callback = function() {};

        }

    	
        this._setData();

        this._updateDom();

        // this._addEvent();

    }

    ,_setData: function() {

        var _this = this;

        // 请求json数据

        $.ajax({

            type: 'post'

            ,async: false

            ,url: this.url

            ,data: null

            ,dataType: 'json'

            ,success: function(res) {

                _this.data = res;

            },

            error: function(res) {

                console.log(res)

            }

        });

    }

    ,_getProvinces: function() {

        var provinces = this._analyseData(this.data);

        return provinces;

    }

    ,_getCities: function(province) {

        var cities = this.data[province].child;

        var rsCities = this._analyseData(cities);

        return rsCities;

    }

    ,_getCounty: function(province, city) {

        var cities = this.data[province].child;

        var counties = cities[city].child;

        var rsCounties = this._analyseData(counties);

        return rsCounties;

    }

    ,_analyseData: function(data) {

        var rsData = [];

        // 解析数据

        Object.keys(data).forEach(function(key) {

            var _data = data[key];

            if(_data)

            var tmp = {

                id: key

                ,name: _data.name

            };



            if(!_data.child && _data == '市辖区') {



            }else {

                tmp.id = key;

                tmp.name = _data.child?_data.name:_data;

                rsData.push(tmp);

            }

            
        });



        return rsData;

    }

    ,_updateDom: function() {

        // 省

        var proData = this._getProvinces();

        var proOptions = this._createDom(proData);

        this.province.html(proOptions);

        
        // 市

        var citiesData = this._getCities(this.province.find('option:selected').attr('num'));

        var citiesOptions = this._createDom(citiesData);

        this.city.html(citiesOptions);



        // 区/县

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

        var countiesOptions = this._createDom(countiesData);

        this.county.html(countiesOptions);

        
        this.callback();

    }

    ,_createDom: function(data) {

        var options = '';

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

            var _data = data[i];

            options += '<option num="'+_data.id+'" value="'+_data.name+'">'+_data.name+'</option>';

        }



        return options;

    }

    ,_addEvent: function() {

        var _this = this;

        // 切换省调整市和区/县

        this.province.off('change.LinkAge.event').on('change.LinkAge.event', function() {

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

            console.log(val);

            // 市

            var citiesData = _this._getCities(val);

            var citiesOptions = _this._createDom(citiesData);

            _this.city.html(citiesOptions);





            // 区/县

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

            var countiesOptions = _this._createDom(countiesData);

            _this.county.html(countiesOptions);

            
            _this.callback();

        });



        // 切换市

        this.city.off('change.LinkAge.event').on('change.LinkAge.event', function() {

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

            console.log(val);

            // 区/县

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

            var countiesOptions = _this._createDom(countiesData);

            _this.county.html(countiesOptions);

            _this.callback();

        });

    }

};