|
|
@@ -1,91 +1,179 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
|
|
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
|
<head>
|
|
|
- <th:block th:include="include :: header('查看【防火检查站管理】详情')" />
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <link rel="stylesheet" th:href="@{/visualization/images/zhly_body.css}">
|
|
|
+ <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
|
|
|
</head>
|
|
|
-<body class="white-bg">
|
|
|
-<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
|
- <form class="form-horizontal m" id="form-stationfire-edit" th:object="${tResStationfire}">
|
|
|
- <input name="id" th:field="*{id}" type="hidden">
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label">名称：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <input name="name" th:field="*{name}" class="form-control" type="text">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label" style="cursor: pointer" onclick="choseLatLng()">经度啊：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <input maxlength="100" name="longitude" id="longitude" th:field="*{longitude}" class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label" style="cursor: pointer" onclick="choseLatLng()">纬度：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <input maxlength="100" name="latitude" id="latitude" th:field="*{latitude}" class="form-control" type="text" required>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label">地址：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <input name="address" th:field="*{address}" class="form-control" type="text">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label">联系人：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <input name="contactUser" th:field="*{contactUser}" class="form-control" type="text">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-3 control-label">电话：</label>
|
|
|
- <div class="col-sm-8">
|
|
|
- <input name="contactPhone" th:field="*{contactPhone}" class="form-control" type="text">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
-</div>
|
|
|
-<th:block th:include="include :: footer" />
|
|
|
-<script th:inline="javascript">
|
|
|
- var prefix = ctx + "business/manager/stationfiremanager";
|
|
|
- $("#form-stationfire-edit").validate({
|
|
|
- focusCleanup: true,
|
|
|
- rules:{
|
|
|
- contactPhone:{
|
|
|
- isPhone:true
|
|
|
- }
|
|
|
- }
|
|
|
+<body style=" margin: 0;overflow: hidden;background: #000033;width: 100%;height:100%;position: absolute;top: 0;">
|
|
|
+<div id="map" style="margin:0 auto;width: 100%;height: 100%;background: none;"></div>
|
|
|
+<script th:src="@{/js/jquery.min.js}"></script>
|
|
|
+<script th:src="@{/js/bootstrap.min.js}"></script>
|
|
|
+<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
|
|
|
+<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
|
|
|
+<script th:src="@{/js/jquery.contextMenu.min.js}"></script>
|
|
|
+<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
|
|
|
+<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
|
|
|
+<script th:src="@{/ruoyi/js/ry-ui.js}"></script>
|
|
|
+<script th:src="@{/ruoyi/js/common.js}"></script>
|
|
|
+<script th:src="@{/ruoyi/index.js}"></script>
|
|
|
+<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
|
|
|
+<script type="text/javascript" th:src="@{/visualization/superMap/dist/leaflet/include-leaflet.js}"></script>
|
|
|
+<script type="text/javascript" th:src="@{/util/businessutil.js}"></script>
|
|
|
+<script type="text/javascript">
|
|
|
+ let basePath = "[[${basepath}]]";
|
|
|
+ let dataUrl = "[[${datapath}]]";
|
|
|
+ let centerPoint = getSuperMapCenterPoint("[[${centerPoint}]]");
|
|
|
+ let map, resultLayer;
|
|
|
+ let yxt = L.supermap.tiledMapLayer(basePath+"1林场影像", {
|
|
|
+ noWrap: true
|
|
|
});
|
|
|
+ map = L.map('map', {
|
|
|
+ zoomControl: false,
|
|
|
+ preferCanvas: true,
|
|
|
+ crs: L.CRS.EPSG4326,
|
|
|
+ center:centerPoint,
|
|
|
+ maxZoom: 18,
|
|
|
+ zoom: 10.2
|
|
|
+ });
|
|
|
+ resultLayer = L.featureGroup().addTo(map);
|
|
|
+ yxt.addTo(map);//添加影像图
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+ $(function(){
|
|
|
+ let json = {
|
|
|
+ id:"[[${id}]]",
|
|
|
+ name:"[[${name}]]",
|
|
|
+ latitude:"[[${latitude}]]",
|
|
|
+ longitude:"[[${longitude}]]",
|
|
|
+ contact_USER:"[[${contactUser}]]",
|
|
|
+ contact_PHONE:"[[${contactPhone}]]",
|
|
|
+ address:"[[${address}]]"
|
|
|
+ };
|
|
|
+ console.log(json);
|
|
|
+ jczMarker(json);
|
|
|
+ });
|
|
|
+ function jczMarker(option){//防火检查站
|
|
|
+ let iconUrl = '[[@{/visualization/images/xfjcz.gif}]]';
|
|
|
+ let icon = L.icon({
|
|
|
+ iconUrl: iconUrl,
|
|
|
+ iconSize: [65, 67],
|
|
|
+ iconAnchor: [37, 57]
|
|
|
+ });
|
|
|
+ let markName="xfjcz"+option.id;
|
|
|
+ markName = L.marker(
|
|
|
+ [option.latitude , option.longitude],
|
|
|
+ {icon: icon}
|
|
|
+ );
|
|
|
+ resultLayer.addLayer(markName);
|
|
|
|
|
|
- function submitHandler() {
|
|
|
- if ($.validate.form()) {
|
|
|
- $.operate.save(prefix + "/edit", $('#form-stationfire-edit').serialize());
|
|
|
- }
|
|
|
- }
|
|
|
+ markName.on("mousemove", function () {
|
|
|
+ pop = L.popup({className:'div_tittle'})
|
|
|
+ .setLatLng([option.latitude,option.longitude])
|
|
|
+ .setContent(
|
|
|
+ "<span class='slfh_tit'>消防检查站</span>"+
|
|
|
+ "<h4>名称:"+option.name+"</h4>"+
|
|
|
+ "<p>联系人:"+option.contact_USER+"</p>"+
|
|
|
+ "<p>联系电话:"+option.contact_PHONE+"</p>"+
|
|
|
+ "<p>地址:"+option.address+"</p>"
|
|
|
|
|
|
- function choseLatLng() {
|
|
|
- var options = {
|
|
|
- url: ctx + "business/manager/superMap/choseLatLng",
|
|
|
- callBack: doLatLngSubmit
|
|
|
- };
|
|
|
- $.modal.openOptions(options);
|
|
|
+ ).openOn(map);
|
|
|
+ });
|
|
|
+ markName.on("mouseout", function () {
|
|
|
+ map.closePopup(pop);
|
|
|
+ });
|
|
|
}
|
|
|
- function doLatLngSubmit(index, layero){
|
|
|
+</script>
|
|
|
|
|
|
- var body = layer.getChildFrame('body', index);
|
|
|
- var longitude = body.find('#longitude').val();
|
|
|
- var latitude = body.find('#latitude').val();
|
|
|
|
|
|
- if (longitude.length === 0 || latitude.length === 0) {
|
|
|
- $.modal.alertWarning("请选择坐标点");
|
|
|
- return;
|
|
|
- }
|
|
|
|
|
|
- $("#longitude").val(longitude);
|
|
|
- $("#latitude").val(latitude);
|
|
|
+<!--<head>-->
|
|
|
+ <!--<th:block th:include="include :: header('查看【防火检查站管理】详情')" />-->
|
|
|
+<!--</head>-->
|
|
|
+<!--<body class="white-bg">-->
|
|
|
+<!--<div class="wrapper wrapper-content animated fadeInRight ibox-content">-->
|
|
|
+ <!--<form class="form-horizontal m" id="form-stationfire-edit" th:object="${tResStationfire}">-->
|
|
|
+ <!--<input name="id" th:field="*{id}" type="hidden">-->
|
|
|
+ <!--<div class="form-group">-->
|
|
|
+ <!--<label class="col-sm-3 control-label">名称：</label>-->
|
|
|
+ <!--<div class="col-sm-8">-->
|
|
|
+ <!--<input name="name" th:field="*{name}" class="form-control" type="text">-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="form-group">-->
|
|
|
+ <!--<label class="col-sm-3 control-label" style="cursor: pointer" onclick="choseLatLng()">经度：</label>-->
|
|
|
+ <!--<div class="col-sm-8">-->
|
|
|
+ <!--<input maxlength="100" name="longitude" id="longitude" th:field="*{longitude}" class="form-control" type="text" required>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="form-group">-->
|
|
|
+ <!--<label class="col-sm-3 control-label" style="cursor: pointer" onclick="choseLatLng()">纬度：</label>-->
|
|
|
+ <!--<div class="col-sm-8">-->
|
|
|
+ <!--<input maxlength="100" name="latitude" id="latitude" th:field="*{latitude}" class="form-control" type="text" required>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="form-group">-->
|
|
|
+ <!--<label class="col-sm-3 control-label">地址：</label>-->
|
|
|
+ <!--<div class="col-sm-8">-->
|
|
|
+ <!--<input name="address" th:field="*{address}" class="form-control" type="text">-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="form-group">-->
|
|
|
+ <!--<label class="col-sm-3 control-label">联系人：</label>-->
|
|
|
+ <!--<div class="col-sm-8">-->
|
|
|
+ <!--<input name="contactUser" th:field="*{contactUser}" class="form-control" type="text">-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="form-group">-->
|
|
|
+ <!--<label class="col-sm-3 control-label">电话：</label>-->
|
|
|
+ <!--<div class="col-sm-8">-->
|
|
|
+ <!--<input name="contactPhone" th:field="*{contactPhone}" class="form-control" type="text">-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</form>-->
|
|
|
+<!--</div>-->
|
|
|
+<!--<th:block th:include="include :: footer" />-->
|
|
|
+<!--<script th:inline="javascript">-->
|
|
|
+ <!--var prefix = ctx + "business/manager/stationfiremanager";-->
|
|
|
+ <!--$("#form-stationfire-edit").validate({-->
|
|
|
+ <!--focusCleanup: true,-->
|
|
|
+ <!--rules:{-->
|
|
|
+ <!--contactPhone:{-->
|
|
|
+ <!--isPhone:true-->
|
|
|
+ <!--}-->
|
|
|
+ <!--}-->
|
|
|
+ <!--});-->
|
|
|
|
|
|
- layer.close(index);
|
|
|
- }
|
|
|
-</script>
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+ <!--function submitHandler() {-->
|
|
|
+ <!--if ($.validate.form()) {-->
|
|
|
+ <!--$.operate.save(prefix + "/edit", $('#form-stationfire-edit').serialize());-->
|
|
|
+ <!--}-->
|
|
|
+ <!--}-->
|
|
|
+
|
|
|
+ <!--function choseLatLng() {-->
|
|
|
+ <!--var options = {-->
|
|
|
+ <!--url: ctx + "business/manager/superMap/choseLatLng",-->
|
|
|
+ <!--callBack: doLatLngSubmit-->
|
|
|
+ <!--};-->
|
|
|
+ <!--$.modal.openOptions(options);-->
|
|
|
+ <!--}-->
|
|
|
+ <!--function doLatLngSubmit(index, layero){-->
|
|
|
+
|
|
|
+ <!--var body = layer.getChildFrame('body', index);-->
|
|
|
+ <!--var longitude = body.find('#longitude').val();-->
|
|
|
+ <!--var latitude = body.find('#latitude').val();-->
|
|
|
+
|
|
|
+ <!--if (longitude.length === 0 || latitude.length === 0) {-->
|
|
|
+ <!--$.modal.alertWarning("请选择坐标点");-->
|
|
|
+ <!--return;-->
|
|
|
+ <!--}-->
|
|
|
+
|
|
|
+ <!--$("#longitude").val(longitude);-->
|
|
|
+ <!--$("#latitude").val(latitude);-->
|
|
|
+
|
|
|
+ <!--layer.close(index);-->
|
|
|
+ <!--}-->
|
|
|
+<!--</script>-->
|
|
|
+<!--</body>-->
|
|
|
+<!--</html>-->
|
limeng