From 9bd759f5a7ad5fe0b47105efd7cacf3f4bf7e9a8 Mon Sep 17 00:00:00 2001
From: Hentua <wangdoubleone@gmail.com>
Date: Thu, 20 Apr 2023 19:38:37 +0800
Subject: [PATCH] fix
---
src/main/resources/templates/febs/views/modules/shop/add.html | 91 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 73 insertions(+), 18 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/shop/add.html b/src/main/resources/templates/febs/views/modules/shop/add.html
index aa6da10..6e1e33a 100644
--- a/src/main/resources/templates/febs/views/modules/shop/add.html
+++ b/src/main/resources/templates/febs/views/modules/shop/add.html
@@ -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="shopName" 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>
@@ -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,10 @@
laydate = layui.laydate,
layedit = layui.layedit,
$view = $('#shop-add'),
- validate = layui.validate;
+ $selectAddress = $('#select-address'),
+ $tipinput = $('#tipinput'),
+ validate = layui.validate
+ , layarea = layui.layarea;
form.render();
@@ -198,20 +225,48 @@
// })
})
+ 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
+ document.getElementById('lnglat').value = lnglat;
+ marker.setPosition(lnglat);
+ map.add(marker);
+ map.setFitView(marker);
+ }else{
+ log.error('根据地址查询位置失败');
+ }
+ });
+ }
- // currentLocationInfo();
- //
- // //为地图注册click事件获取鼠标点击出的经纬度坐标
- // map.on('click', function (e) {
- // febs.alert.success('经度：' + e.lnglat.getLng() + '，纬度：' + e.lnglat.getLat());
- // });
+ 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>
\ No newline at end of file
--
Gitblit v1.9.1