derkj
/
NN2019090901


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
							<include file="public@header" />
<style>
    #map {
        width: 100%;
        height: 100%;
        min-height: 320px;
    }
    .collage {
        display: none;
    }
</style>
</head>
<body>
<div class="wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('/shop/devices/index')}">设备列表</a></li>
        <li class="active"><a href="#">添加设备</a></li>
    </ul>
    <form method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('/shop/devices/add')}">
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label"><span class="form-required">*</span>设备名称</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-name" name="name" placeholder="设备名称">
            </div>
        </div>
        <div class="form-group">
            <label for="input-api-key" class="col-sm-2 control-label"><span class="form-required">*</span>设备KEY</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-api-key" name="api_key" placeholder="32位密钥">
            </div>
            <label style="height: 30px; line-height: 30px;" for="show_device_code"><input id="show_device_code" name="show_device_code" type="checkbox" value="1" checked>显示设备号</label>
        </div>
        <div class="form-group">
            <label for="input-device_code" class="col-sm-2 control-label"><span class="form-required">*</span>序列号</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-device_code" name="device_code" placeholder="唯一序列号">
            </div>
        </div>
        <div class="form-group">
            <label for="input-number" class="col-sm-2 control-label"><span class="form-required">*</span>编号</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-number" name="number" >
            </div>
        </div>
        <div class="form-group">
            <label for="input-collage" class="col-sm-2 control-label">是否支持拼团</label>
            <div class="col-md-6 col-sm-4">
                <select class="form-control" name="is_collage" id="input-collage" onchange="changeCollage()">
                    <option value="1">不支持</option>
                    <option value="2">支持</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="input-price" class="col-sm-2 control-label"><span class="form-required">*</span>价格</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-price" name="price" >
            </div>
        </div>
        <div class="form-group">
            <label for="input-color_price" class="col-sm-2 control-label"><span class="form-required">*</span>彩印价格</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-color_price" name="color_price" >
            </div>
        </div>
        <div class="form-group collage">
            <label for="input-collage_price" class="col-sm-2 control-label"><span class="form-required">*</span>拼团价格</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-collage_price" name="collage_price" >
            </div>
        </div>
        <div class="form-group collage">
            <label for="input-collage_color_price" class="col-sm-2 control-label"><span class="form-required">*</span>拼团彩印价格</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-collage_color_price" name="collage_color_price" >
            </div>
        </div>
        <div class="form-group collage">
            <label for="input-collage_num" class="col-sm-2 control-label"><span class="form-required">*</span>成团人数</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-collage_num" name="collage_num" >
            </div>
        </div>
        <div class="form-group">
            <label for="input-address" class="col-sm-2 control-label"><span class="form-required">*</span>定位地址</label>
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" id="input-address" name="address" placeholder="定位获取" ><span>移动定位点击选择地址</span>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label"><span class="form-required"></span>定位</label>
            <div class="col-md-6 col-sm-8">
                <input type="hidden" id="lng" name="lng">
                <input type="hidden" id="lat" name="lat">
                <input type="hidden" id="province" name="province">
                <input type="hidden" id="city" name="city">
                <input type="hidden" id="district" name="district">
                <div id="map">获取定位</div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
                <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak={$mapKey|default=''}"></script>
<script src="__STATIC__/js/admin.js"></script>
<script>
    $(function(){
        var map = new BMap.Map('map');
        var poi = new BMap.Point(108.360806, 22.819143);
        map.enableScrollWheelZoom();
        map.centerAndZoom(poi, 12);
        var mark = new BMap.Marker(poi);
        map.addOverlay(mark);
        // 添加定位控件
        var geolocationControl = new BMap.GeolocationControl();
        map.addControl(geolocationControl);
        mark.addEventListener("dragend", showInfo);
        mark.enableDragging();    //可拖拽

        loadLocation();
        map.addEventListener("click",function(e){
            poi = new BMap.Point(e.point.lng, e.point.lat);
            mark = new BMap.Marker(poi);
            mark.addEventListener("dragend", showInfo);
            mark.enableDragging();    //可拖拽
        });

        /**
         * 获取地址
         * @param e
         */
        function showInfo(e){
            var gc = new BMap.Geocoder();
            gc.getLocation(e.point, function(rs){
                var addComp = rs.addressComponents;
                var address = addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址
                $("#province").val(addComp.province);
                $("#city").val(addComp.city);
                $("#district").val(addComp.district);
                $("#input-address").val(address);

                $("#lng").val(e.point.lng);
                $("#lat").val(e.point.lat);
            });
        }

        /**
         * 坐标转换
         * @param point
         * @returns {*}
         */
        function changePoint(point){
            var x_pi = 3.14159265358979324 * 3000.0 / 180.0;
            var x = point.lng - 0.0065;
            var y = point.lat - 0.006;
            var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
            var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
            point.lng = z * Math.cos(theta);
            point.lat = z * Math.sin(theta);
            return point;
        }

        // 定位
        function loadLocation() {
            var geolocation = new BMap.Geolocation();
            geolocation.getCurrentPosition(function (r) {
                console.log(r);
                if (this.getStatus() == BMAP_STATUS_SUCCESS) {

                    poi = new BMap.Point(r.point.lng, r.point.lat);
                    mark = new BMap.Marker(poi);
                    mark.addEventListener("dragend", showInfo);
                    mark.enableDragging();    //可拖拽

                    var address = r.address.province+' '+r.address.city +' '+r.address.district;
                    $("#lng").val(poi.lng);
                    $("#lat").val(poi.lat);
                    $("#province").val(r.address.province);
                    $("#city").val(r.address.city);
                    $("#district").val(r.address.district);
                    $("#input-address").val(address);

                    setTimeout(function(){
                        showMsg('您的城市：'+r.address.city);
                    }, 500)
                }
                else {
                    showMsg('获取您的位置信息失败');
                }
            }, {enableHighAccuracy: true});
        }
    })


    function changeCollage(){
        var _this = $("#input-collage");
        if(_this.val() == 2){
            $(".collage").show();
        }else{
            $(".collage").hide()
        }

    }


</script>
</body>
</html>