地图
This commit is contained in:
parent
6d60092cd5
commit
40fcd50f22
@ -1,13 +1,24 @@
|
||||
{extend name="common/base"/}
|
||||
{block name="style"}
|
||||
<style type="text/css">
|
||||
|
||||
.addrhelper-ok-btn{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layui-form-select dl {
|
||||
z-index: 99999;
|
||||
}
|
||||
</style>
|
||||
{/block}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<form class="layui-form p-4">
|
||||
<h3 class="pb-3">新建供应链分组</h3>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr><td class="layui-td-gray-2">后台供应链团队分组名称<font>*</font></td>
|
||||
<td><input type="text" name="name" lay-verify="required" lay-reqText="请完善后台供应链团队分组名称" value="" autocomplete="off" placeholder="请输入后台供应链团队分组名称" class="layui-input"></td><td class="layui-td-gray-2">经度<font>*</font></td>
|
||||
<td><input type="text" name="lng" lay-verify="required" lay-reqText="请完善经度" value="" autocomplete="off" placeholder="请输入经度" class="layui-input"></td><td class="layui-td-gray-2">维度<font>*</font></td>
|
||||
<td><input type="text" name="lat" lay-verify="required" lay-reqText="请完善维度" value="" autocomplete="off" placeholder="请输入维度" class="layui-input"></td>
|
||||
<tr>
|
||||
<td >后台供应链团队分组名称<font>*</font></td>
|
||||
<td colspan="6"><input type="text" name="name" lay-verify="required" lay-reqText="请完善后台供应链团队分组名称" value="" autocomplete="off" placeholder="请输入后台供应链团队分组名称" class="layui-input"></td>
|
||||
</tr>
|
||||
<tr><td class="layui-td-gray-2">区县ID<font>*</font></td>
|
||||
<td>
|
||||
@ -26,7 +37,6 @@
|
||||
|
||||
<td class="layui-td-gray-2">团队所属等级<font>*</font></td>
|
||||
<td>
|
||||
|
||||
<select name="supply_level_id" lay-verify="required" lay-reqText="请完善团队所属等级">
|
||||
<option value="">请选择</option>
|
||||
{volist name='level' id='vo'}
|
||||
@ -44,6 +54,12 @@
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">坐标</td>
|
||||
<td colspan="6">
|
||||
<div id="map"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<div class="pt-3">
|
||||
@ -57,17 +73,40 @@
|
||||
|
||||
<!-- 脚本 -->
|
||||
{block name="script"}
|
||||
<script src="/static/assets/js/jquery.min.js"></script>
|
||||
<script src="/static/assets/js/addrHelper.js"></script>
|
||||
<script>
|
||||
var moduleInit = ['tool'];
|
||||
|
||||
function gouguInit() {
|
||||
var form = layui.form, tool = layui.tool;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 打开坐标拾取器
|
||||
addrHelper.render({
|
||||
key: "QNXBZ-GUKEX-I5Q4Q-THKU6-233DK-7ZBG7", //必传,腾讯地图api key 申请方法见:https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic
|
||||
el: '#map', //必选项,渲染容器
|
||||
lat: 28.913318, //可选项,初始化纬度
|
||||
lng: 105.437753, //可选项,初始化经度28.913318,105.437753
|
||||
zoom: 13, //可选项,地图缩放级别 默认值13
|
||||
width: "80vw", //可选项,弹窗的宽度 默认80vw
|
||||
height: "50vh", //可选项,弹窗的高度 默认80vh
|
||||
toolbar: false, //可选项,显示工具栏 默认true
|
||||
created: function () { //可选项,地图被创建后回调
|
||||
},
|
||||
});
|
||||
//监听提交
|
||||
form.on('submit(webform)', function (data) {
|
||||
|
||||
data.field.lng = $('.lng').text();
|
||||
data.field.lat = $('.lat').text();
|
||||
if (data.field.lng == '') {
|
||||
layer.msg('请选择经纬度');
|
||||
return false;
|
||||
}
|
||||
if (data.field.lat == '') {
|
||||
layer.msg('请选择经纬度');
|
||||
return false;
|
||||
}
|
||||
let callback = function (e) {
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 0) {
|
||||
|
@ -1,13 +1,23 @@
|
||||
{extend name="common/base"/}
|
||||
{block name="style"}
|
||||
<style type="text/css">
|
||||
|
||||
.addrhelper-ok-btn{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layui-form-select dl {
|
||||
z-index: 99999;
|
||||
}
|
||||
</style>
|
||||
{/block}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<form class="layui-form p-4">
|
||||
<h3 class="pb-3">编辑供应链分组</h3>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr><td class="layui-td-gray-2">后台供应链团队分组名称<font>*</font></td>
|
||||
<td><input type="text" name="name" lay-verify="required" lay-reqText="请完善后台供应链团队分组名称" value="{$detail.name}" autocomplete="off" placeholder="请输入后台供应链团队分组名称" class="layui-input"></td><td class="layui-td-gray-2">经度<font>*</font></td>
|
||||
<td><input type="text" name="lng" lay-verify="required" lay-reqText="请完善经度" value="{$detail.lng}" autocomplete="off" placeholder="请输入经度" class="layui-input"></td><td class="layui-td-gray-2">维度<font>*</font></td>
|
||||
<td><input type="text" name="lat" lay-verify="required" lay-reqText="请完善维度" value="{$detail.lat}" autocomplete="off" placeholder="请输入维度" class="layui-input"></td>
|
||||
<td colspan="6"><input type="text" name="name" lay-verify="required" lay-reqText="请完善后台供应链团队分组名称" value="{$detail.name}" autocomplete="off" placeholder="请输入后台供应链团队分组名称" class="layui-input"></td>
|
||||
</tr>
|
||||
<tr><td class="layui-td-gray-2">区县ID<font>*</font></td>
|
||||
<td>
|
||||
@ -40,7 +50,12 @@
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="layui-td-gray">坐标</td>
|
||||
<td colspan="6">
|
||||
<div id="map"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="py-3">
|
||||
<input type="hidden" name="id" value="{$detail.id}"/>
|
||||
@ -53,17 +68,42 @@
|
||||
|
||||
<!-- 脚本 -->
|
||||
{block name="script"}
|
||||
<script src="/static/assets/js/jquery.min.js"></script>
|
||||
<script src="/static/assets/js/addrHelper.js"></script>
|
||||
<script>
|
||||
var moduleInit = ['tool'];
|
||||
|
||||
function gouguInit() {
|
||||
var form = layui.form, tool = layui.tool;
|
||||
|
||||
|
||||
|
||||
var lat = "{$detail.lat}";
|
||||
var lng = "{$detail.lng}";
|
||||
// 打开坐标拾取器
|
||||
addrHelper.render({
|
||||
key: "QNXBZ-GUKEX-I5Q4Q-THKU6-233DK-7ZBG7", //必传,腾讯地图api key 申请方法见:https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic
|
||||
el: '#map', //必选项,渲染容器
|
||||
lat: 28.913318, //可选项,初始化纬度
|
||||
lng: 105.437753, //可选项,初始化经度28.913318,105.437753
|
||||
zoom: 13, //可选项,地图缩放级别 默认值13
|
||||
width: "80vw", //可选项,弹窗的宽度 默认80vw
|
||||
height: "50vh", //可选项,弹窗的高度 默认80vh
|
||||
toolbar: false, //可选项,显示工具栏 默认true
|
||||
created: function () { //可选项,地图被创建后回调
|
||||
},
|
||||
});
|
||||
$('.lng').text(lng);
|
||||
$('.lat').text(lat);
|
||||
//监听提交
|
||||
form.on('submit(webform)', function (data) {
|
||||
|
||||
data.field.lng = $('.lng').text();
|
||||
data.field.lat = $('.lat').text();
|
||||
if (data.field.lng == '') {
|
||||
layer.msg('请选择经纬度');
|
||||
return false;
|
||||
}
|
||||
if (data.field.lat == '') {
|
||||
layer.msg('请选择经纬度');
|
||||
return false;
|
||||
}
|
||||
let callback = function (e) {
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 0) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user