20220902

xiaoyong931011

2022-09-22 d4801f6c6d821c3b1ebd6174498149ee0e0159ee

 src/main/resources/templates/febs/views/modules/leader/addLeader.html

@@ -29,52 +29,62 @@
            </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="name" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
            </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="phone" lay-verify="required" autocomplete="off" class="layui-input" >
                <input type="text" name="phone" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">省：</label>
            <label class="layui-form-label febs-form-item-require">团长码：</label>
            <div class="layui-input-block">
                <input type="text" id="province" name="province" lay-verify="required" autocomplete="off" class="layui-input" >
                <input type="text" name="uniqueCode" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
            </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="city" lay-verify="required" autocomplete="off" class="layui-input" >
            </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="township" lay-verify="required" autocomplete="off" class="layui-input" >
            </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="detailAddress" lay-verify="required" autocomplete="off" class="layui-input" >
            </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="bonusPercent"-->
<!--                       lay-verify="text" autocomplete="off" class="layui-input" >-->
<!--                <div class="layui-form-mid layui-word-aux">请输入0到1之间的小数,团长收益百分比如0.15表示15%</div>-->
<!--            </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="addressArea" lay-verify="required" autocomplete="off" class="layui-input" >
                <input type="text" name="addressArea" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" >
                <div class="layui-form-mid layui-word-aux">小区名称(自提点名称)</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">自提点照片：</label>
            <div class="layui-input-block">
<!--                <img alt="头像" data-th-src="${leaderInfo.addressPic}" readonly>-->
                <button type="button" class="layui-btn" id="imageUpload" style="background-color: #009688; margin-bottom: 2px">图片上传</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    <div class=" layui-upload-list view-images" id="addressPicImage">
                    </div>
                </blockquote>
                <div>
                    <input type="text" id="addressPic"  name="addressPic" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly>
                </div>
            </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" id="detailAddress" name="detailAddress" class="layui-input">
                <div class="layui-form-mid layui-word-aux">地图选择后，可以继续填写楼栋单元号</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">地图选择：</label>
            <div class="layui-input-block">
                <div class="layui-fluid layui-anim febs-anim" id="febs-map-demo" lay-title="高德地图">
                <div class="layui-fluid layui-anim febs-anim" id="febs-map-demo-add" lay-title="高德地图">
                    <div class="layui-row febs-container">
                        <div class="layui-card">
                            <div style="padding: .1rem;">
@@ -89,13 +99,13 @@
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">经度：</label>
            <div class="layui-input-block">
                <input type="text" id="longitude" name="longitude" class="layui-input" readonly>
                <input type="text" id="longitude" name="longitude" lay-verify="required" placeholder="" class="layui-input" readonly>
            </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" id="latitude" name="latitude" class="layui-input" readonly>
                <input type="text" id="latitude" name="latitude" lay-verify="required" placeholder="" class="layui-input" readonly>
            </div>
        </div>
        <div class="layui-form-item febs-hide">
@@ -105,14 +115,15 @@
</div>

<script data-th-inline="javascript">
    layui.use(['febs', 'form', 'formSelects',  'treeSelect', 'eleTree'], function () {
    layui.use(['febs', 'form', 'formSelects',  'treeSelect', 'eleTree', 'upload'], function () {
        var $ = layui.$,
            febs = layui.febs,
            layer = layui.layer,
            form = layui.form,
            memberId = [[${memberId}]],
            mallMember = [[${mallMember}]],
            upload = layui.upload,
            $view = $('#user-addLeader'),
            $viewMap = $('#febs-map-demo'),
            $viewMap = $('#febs-map-demo-add'),
            _deptTree;

        $viewMap.find('#container').css({"height": document.documentElement.clientHeight - 97 + 'px'});
@@ -122,33 +133,57 @@
            zoom: 14 //初始地图级别
        });

        // function currentLocationInfo() {
        //     map.getCity(function (info) {
        //         febs.alert.success('当前位置：' + info.province + '，' + info.city + '，' + info.district + '，区号：' + info.citycode);
        //     });
        // }
        //
        // currentLocationInfo();

        //为地图注册click事件获取鼠标点击出的经纬度坐标
        map.on('click', function (e) {
            febs.alert.success('经度：' + e.lnglat.getLng() + '，纬度：' + e.lnglat.getLat()+e.province);
            febs.alert.success('经度：' + e.lnglat.getLng() + '，纬度：' + e.lnglat.getLat());
            $("#longitude").val(e.lnglat.getLng());
            $("#latitude").val(e.lnglat.getLat());
            $("#province").val(e.province);

            // map.getCity(function (info) {
            //     $("#province").val(info.province);
            //     febs.alert.success('当前位置：' + info.province + '，' + info.city + '，' + info.district + '，区号：' + info.citycode);
            // });
            //这边是数组
            var lnglatXY=[e.lnglat.getLng(),e.lnglat.getLat()];
            regeocoder(lnglatXY);
        });
        //坐标-地址
        function regeocoder(lnglatXY) {  //逆地理编码
            var geocoder = new AMap.Geocoder({
                radius: 1000,
                extensions: "all"
            });
            geocoder.getAddress(lnglatXY, function(status, result) {
                if (status === 'complete' && result.info === 'OK') {
                    geocoder_CallBack(result);
                }
            });
        }
        function geocoder_CallBack(data) {
            var address = data.regeocode.formattedAddress; //返回地址描述
            document.getElementById("detailAddress").value=address;
        }
        form.render();

        upload.render({
            elem: '#imageUpload'
            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
            ,multiple: false
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#addressPicImage').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">')
                });
            }
            ,done: function(res){
                $("#addressPic").val(res.data.src);
            }
        });

        initUserValue();

        function initUserValue() {
            form.val("user-addLeader-form", {
                "memberId": memberId,
                "memberId": mallMember.id,
                "name": mallMember.name,
                "phone": mallMember.phone,
                "uniqueCode": mallMember.inviteId,
            });
        }