This commit is contained in:
彭桃 2023-03-14 09:38:53 +08:00
parent 6d60092cd5
commit 40fcd50f22
2 changed files with 96 additions and 17 deletions

View File

@ -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) {

View File

@ -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) {