From 9f7c5e673846ac86c83d6a1f9d6d02c02f7ea9f7 Mon Sep 17 00:00:00 2001 From: KKSU <15274802129@163.com> Date: Fri, 12 Jan 2024 14:50:27 +0800 Subject: [PATCH] 套餐 --- src/main/resources/templates/febs/views/modules/leader/addLeader.html | 123 ++++++++++++++++++++++++++-------------- 1 files changed, 79 insertions(+), 44 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/leader/addLeader.html b/src/main/resources/templates/febs/views/modules/leader/addLeader.html index 9c1f20f..f7484f1 100644 --- a/src/main/resources/templates/febs/views/modules/leader/addLeader.html +++ b/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, }); } -- Gitblit v1.9.1