fix

Hentua

2023-06-15 8bf923b44bbe9b45b73ddcc25df75c9c59f54e07

 src/main/resources/templates/febs/views/modules/shop/add.html

@@ -45,7 +45,7 @@
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">联系方式：</label>
            <div class="layui-input-block">
                <input type="text" name="shopName" autocomplete="off" class="layui-input" >
                <input type="text" name="phone" autocomplete="off" class="layui-input" >
            </div>
        </div>

@@ -63,15 +63,39 @@
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">地址：</label>
            <div class="layui-input-block">
                <input type="text" name="shopName" autocomplete="off" class="layui-input" id="tipinput">
        <div class="layui-form-item" id="area-picker">
            <div class="layui-form-label  febs-form-item-require">选择地区</div>
            <div class="layui-input-inline" style="width: 200px;">
                <select name="province" class="province-selector" lay-filter="province-1">
                    <option value="">请选择省</option>
                </select>
            </div>
            <div class="layui-input-inline" style="width: 200px;">
                <select name="city" class="city-selector" lay-filter="city-1">
                    <option value="">请选择市</option>
                </select>
            </div>
            <div class="layui-input-inline" style="width: 200px;">
                <select name="county" class="county-selector" lay-filter="county-1">
                    <option value="">请选择区</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">选择地址：</label>
            <label class="layui-form-label febs-form-item-require">详细地址</label>
            <div class="layui-input-block">
                <div class="layui-inline layui-col-md9">
                    <input type="text" name="shopAddress" autocomplete="off" class="layui-input" id="tipinput">
                </div>
                <div class="layui-inline">
                    <button class="layui-btn" id="select-address" type="button">选择地址</button>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
                <div style="padding: .1rem;">
                    <div id="container" class="map"></div>
@@ -81,8 +105,8 @@

        <div class="layui-form-item febs-hide">
            <div class="layui-input-block">
                <input type="text" name="longitude" autocomplete="off" class="layui-input" >
                <input type="text" name="latitude" autocomplete="off" class="layui-input" >
                <input type="text" name="longitude" id="longitude" autocomplete="off" class="layui-input" >
                <input type="text" name="latitude" id="latitude" autocomplete="off" class="layui-input" >
            </div>
        </div>

@@ -94,7 +118,7 @@
</div>

<script data-th-inline="javascript">
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','layedit', 'laydate', 'upload'], function () {
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','layedit', 'laydate', 'upload', 'layarea'], function () {
        var $ = layui.$,
            febs = layui.febs,
            layer = layui.layer,
@@ -104,7 +128,12 @@
            laydate = layui.laydate,
            layedit = layui.layedit,
            $view = $('#shop-add'),
            validate = layui.validate;
            $selectAddress = $('#select-address'),
            $tipinput = $('#tipinput'),
            $latitude = $('#latitude'),
            $longitude = $('#longitude'),
            validate = layui.validate
            , layarea = layui.layarea;


        form.render();
@@ -131,10 +160,15 @@

        formSelects.render();
        form.on('submit(shop-add-form-submit)', function (data) {
            febs.post(ctx + 'admin/news/addNewsInfo', data.field, function () {
            if(!data.field.longitude || !data.field.latitude) {
                febs.alert.warn('请点击选择地址');
                return;
            }

            febs.post(ctx + 'admin/shop/add', data.field, function () {
                layer.closeAll();
                febs.alert.success('操作成功');
                $('#febs-newInfo').find('#reset').click();
                $('#febs-shopInfo').find('#reset').click();
            });
            return false;
        });
@@ -181,7 +215,7 @@
            });
        }

        $view.find('#container').css({"height": document.documentElement.clientHeight - 97 + 'px'});
        $view.find('#container').css({"height": 500 + 'px'});

        var map = new AMap.Map("container", {
            resizeEnable: true,
@@ -198,20 +232,50 @@
            // })
        })

        var geocoder = new AMap.Geocoder({
        });

        var marker = new AMap.Marker();
        function geoCode() {
            var address = $tipinput.val()
            if (!address) {
                return;
            }

        // function currentLocationInfo() {
        //     map.getCity(function (info) {
        //         febs.alert.success('当前位置：' + info.province + '，' + info.city + '，' + info.district + '，区号：' + info.citycode);
        //     });
        // }
            geocoder.getLocation(address, function(status, result) {
                console.log(result);
                console.log(status)
                if (status === 'complete' && result.geocodes.length) {
                    var lnglat = result.geocodes[0].location
                    marker.setPosition(lnglat);
                    map.add(marker);
                    map.setFitView(marker);

        // currentLocationInfo();
        //
        // //为地图注册click事件获取鼠标点击出的经纬度坐标
        // map.on('click', function (e) {
        //     febs.alert.success('经度：' + e.lnglat.getLng() + '，纬度：' + e.lnglat.getLat());
        // });
                    $latitude.val(lnglat.lat);
                    $longitude.val(lnglat.lng);
                }else{
                    layui.msg('根据地址查询位置失败');
                }
            });
        }

        layarea.render({
            elem: '#area-picker',
            change: function (res) {
                //选择结果
                console.log(res);
                map.getCity(function(info) {
                    var city = info.city ? info.city : info.province
                    if (res.city && city !== res.city) {
                        map.setCity(res.city)
                    }
                });
            }
        });

        $selectAddress.on('click', function() {
            geoCode();
        })
    });
</script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>