172 lines
8.2 KiB
HTML
172 lines
8.2 KiB
HTML
{layout name="manager/layout" /}
|
||
<div class="layuimini-container location-operate-page">
|
||
<div class="layuimini-main">
|
||
<div class="layui-form layuimini-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">工地名称</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="name" placeholder="请输入名称" class="layui-input" value="{$item.name ?? ''}" maxlength="250">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">地址</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="address" lay-verify="required" value="{$item.address ?? ''}" lay-reqtext="详细地址不能为空" placeholder="请输入详细地址" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 经纬度 -->
|
||
<!-- <div class="layui-form-item">-->
|
||
<!-- <label class="layui-form-label required">经纬度</label>-->
|
||
<!-- <div class="layui-input-block">-->
|
||
<!-- <div class="layui-input-inline">-->
|
||
<!-- <input type="number" name="lng" value="{$item.lng ?? ''}" id="longitude" placeholder="请填写经度" lay-reqtext="经度不能为空" lay-verify="required" autocomplete="off" class="layui-input">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="layui-input-inline">-->
|
||
<!-- <input type="number" name="lat" value="{$item.lat ?? ''}" id="latitude" placeholder="请填写纬度" lay-reqtext="纬度不能为空" lay-verify="required" autocomplete="off" class="layui-input">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="layui-input-inline"><button type="button" class="layui-btn-normal layui-btn" id="locationBtn">定位</button></div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
|
||
<!-- 经纬度 -->
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">经纬度</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-inline">
|
||
<input type="number" name="lng" value="{$item.lng ?? ''}" id="lng" placeholder="请填写经度" lay-reqtext="经度不能为空" lay-verify="required" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<input type="number" name="lat" value="{$item.lat ?? ''}" id="lat" placeholder="请填写纬度" lay-reqtext="纬度不能为空" lay-verify="required" autocomplete="off" class="layui-input">
|
||
</div>
|
||
|
||
<div class="layui-form-mid layui-word-aux">
|
||
地图坐标查询可能有频率限制，当出现不准确或者无法使用等情况，请通过 <a href="https://lbs.qq.com/getPoint/" style="color: red" target="_blank">腾讯地图坐标拾取</a> 自助查询坐标。 如获取到的坐标：30.656691,104.136461 逗号前的为维度，之后为经度
|
||
</div>
|
||
|
||
<div class="layui-form-item map-item" style="display: none" id="tengxun_map">
|
||
<iframe src="/manager/map/index?template=tengxun&lng={$item.lng??''}&lat={$item.lat??''}" style="width: 70%;height: 600px"></iframe>
|
||
</div>
|
||
|
||
<div class="layui-form-item map-item" style="display: none" id="gaode_map">
|
||
<iframe src="/manager/map/index?template=gaode&lng={$item.lng??''}&lat={$item.lat??''}" style="width: 70%;height: 600px"></iframe>
|
||
</div>
|
||
|
||
<div class="layui-form-item map-item" style="display: none" id="baidu_map">
|
||
<iframe src="/manager/map/index?template=baidu&lng={$item.lng??''}&lat={$item.lat??''}" style="width: 70%;height: 600px"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">绑定负责人</label>
|
||
<div class="layui-input-block">
|
||
<div id="bind-account" data-list="{$jsonStr ?? ''}"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">上午工作时间</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="am-time" name="am" class="layui-input" value="{$item.am ?? ''}">
|
||
<div class="layui-form-mid layui-word-aux">
|
||
工作时间修改后，第二天生效
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">下午工作时间</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="pm-time" name="pm" class="layui-input" value="{$item.pm ?? ''}">
|
||
<div class="layui-form-mid layui-word-aux">
|
||
工作时间修改后，第二天生效
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<input type="hidden" name="id" value="{$item.id ?? 0}">
|
||
<button class="layui-btn layui-btn-normal" data-url="/manager/worksite/edit" lay-submit lay-filter="saveBtn">确认保存</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="__MANAGER__/js/worksite/worksite.js?v={:mt_rand()}"></script>
|
||
<script src="__STATIC__/js/iPicker/iPicker.min.js"></script>
|
||
<script src="__STATIC__/common/jquery-3.4.1.min.js"></script>
|
||
<script src="__MANAGER__/js/common/address.js?v={:mt_rand()}"></script>
|
||
<script>
|
||
function setLngLat(lng,lat){
|
||
$("#lng").val(lng)
|
||
$("#lat").val(lat)
|
||
}
|
||
layui.use(["form"], function(){
|
||
let form = layui.form;
|
||
$("#tengxun_map").show();
|
||
form.on("select(map_type)",function (data) {
|
||
console.log(data.value)
|
||
$(".map-item").hide()
|
||
$("#"+data.value+"_map").show()
|
||
})
|
||
$("#map_type").val("tengxun")
|
||
})
|
||
|
||
</script>
|
||
<script>
|
||
layui.use(['layer','form','jquery','location', 'laydate'],function(){
|
||
let $ = layui.jquery;
|
||
let form = layui.form;
|
||
let location = layui.location;
|
||
|
||
// let lng = $('#longitude').val();
|
||
// let lat = $('#latitude').val();
|
||
//
|
||
// lng = lng.length > 0 ? lng : '116.404';
|
||
// lat = lat.length > 0 ? lat : '39.915';
|
||
// let locationData = {lng: lng,lat: lat};
|
||
|
||
let laydate = layui.laydate;
|
||
laydate.render({
|
||
elem: '#am-time' //指定元素
|
||
,type: 'time'
|
||
,range: true
|
||
});
|
||
laydate.render({
|
||
elem: '#pm-time' //指定元素
|
||
,type: 'time'
|
||
,range: true
|
||
});
|
||
|
||
// location.render("#locationBtn",{
|
||
// type: 1,
|
||
// apiType: "gaodeMap",
|
||
// coordinate: "gaodeMap",
|
||
// mapType: 0,
|
||
// zoom: 15,
|
||
// title: '区域定位',
|
||
// init: function(){
|
||
// // 打开地图时 延迟一定时间搜索
|
||
// $('body').on('click', '#locationBtn', function () {
|
||
// let address = $("input[name='address']").val();
|
||
// setTimeout(function () {
|
||
// $('#ew-map-select-input-search').val(address).trigger('input');
|
||
// }, 1500)
|
||
// })
|
||
// return {longitude: $("#longitude").val()?$("#longitude").val():locationData.lng,latitude: $("#latitude").val()?$("#latitude").val():locationData.lat};
|
||
// },
|
||
// success: function (data) {
|
||
// $("#longitude").val(data.lng);
|
||
// $("#latitude").val(data.lat);
|
||
// },
|
||
// onClickTip: function (data) {
|
||
// console.log(data);
|
||
// }
|
||
//
|
||
// });
|
||
});
|
||
</script> |