From 52cffc4ab8e9787a6f233295502c7c9788dddae1 Mon Sep 17 00:00:00 2001
From: fxl <473369119@qq.com>
Date: 星期二, 07 三月 2023 10:45:17 +0800
Subject: [PATCH] 3.7
---
src/main/webapp/hxzk/fence/drawFence.jsp | 169 ++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 128 insertions(+), 41 deletions(-)
diff --git a/src/main/webapp/hxzk/fence/drawFence.jsp b/src/main/webapp/hxzk/fence/drawFence.jsp
index f10a640..89256ab 100644
--- a/src/main/webapp/hxzk/fence/drawFence.jsp
+++ b/src/main/webapp/hxzk/fence/drawFence.jsp
@@ -177,8 +177,17 @@
<option value="鑰冨嫟鍖哄煙">鑰冨嫟鍖哄煙</option>
<option value="杩涘叆鍛婅">杩涘叆鍛婅</option>
<option value="鍑哄幓鍛婅">鍑哄幓鍛婅</option>
+ <option value="瓒呭憳鎶ヨ">瓒呭憳鎶ヨ</option>
+ <option value="瓒呮椂鎶ヨ">瓒呮椂鎶ヨ</option>
<option value="宸℃鍖哄煙">宸℃鍖哄煙</option>
+ <option value="瀹氫綅鍖哄煙">瀹氫綅鍖哄煙</option>
+ <option value="瀹ゅ唴鍖哄煙">瀹ゅ唴鍖哄煙</option>
+ <option value="鍒囨崲鍖哄煙">鍒囨崲鍖哄煙</option>
<option value="瑙嗛鍖哄煙">瑙嗛鍖哄煙</option>
+ <option value="鏃犳晥鍖哄煙">鏃犳晥鍖哄煙</option>
+ <option value="浣滀笟鍖哄煙">浣滀笟鍖哄煙</option>
+ <option value="杩涢棬鍛婅">杩涢棬鍛婅</option>
+ <option value="鍑洪棬鍛婅">鍑洪棬鍛婅</option>
</select>
</div>
<div style="margin-left: 20px; padding: 10px; width: 100%;">
@@ -269,6 +278,9 @@
<div style="margin-top: 35px;margin-left: 30px" id="baiduti">
<label id="draw_hin">缁樺埗瀹屾垚鍙屽嚮缁撴潫缁樺埗</label>
</div>
+ <div style="margin-top: 35px;margin-left: 30px;display:none;" id="tiaofu3">
+ <label id="tiaofu3a"></label>
+ </div>
</div>
<div id="baidumap" style="width: 78%; height: 600px; float: right">
</div>
@@ -298,6 +310,7 @@
<input type="hidden" name="alertq" id="alertq" value="<%=alertq%>">
<input type="hidden" name="deleteall" id="deleteall" value="<%=deleteall%>">
<input type="hidden" name="fenceq" id="fenceq" value="<%=fenceq%>">
+ <input type="hidden" name="xianusera" id="xianusera" value="<%=username%>">
<!-- > BEGIN PAGE FUNCTION SCRIPTS -->
<script type="text/javascript">
@@ -373,6 +386,7 @@
document.getElementById("wrap").style.display = "none";
document.getElementById("xuanxingzhuang").style.display = "none";
document.getElementById("tiaofu").style.display = "none";
+ document.getElementById("tiaofu3").style.display = "none";
document.getElementById("yanseaa").style.display = "none";
document.getElementById("fencegao").style.display = "";
document.getElementById("bdbaocun").style.display = "";
@@ -411,6 +425,7 @@
document.getElementById("wrap").style.display = "";
document.getElementById("xuanxingzhuang").style.display = "";
document.getElementById("tiaofu").style.display = "";
+ document.getElementById("tiaofu3").style.display = "";
document.getElementById("yanseaa").style.display = "";
document.getElementById("fencegao").style.display = "none";
document.getElementById("bdbaocun").style.display = "none";
@@ -431,7 +446,6 @@
value: select_value
},
success: function (data) {
- //console.log(data);
console.log(data[0].mapname);
imgUrl = '/hxzkoa/hxzk/image/mapfile/' + data[0].mapname;
// imgUrl = '/hxzkoa/hxzk/image/mapfile/office.jpg';
@@ -1031,12 +1045,11 @@
this.existFence = [];
this.existFenceColor = [];
this.existFenceName = [];
- // 璇诲彇鏁版嵁搴撲腑鐨勬墍鏈夊洿鏍� 杩涜缁樺埗 姝ゅ鍔犱笂棰滆壊鍙婂舰鐘�
- this.getImgLoad(Imgurl);
+ // 璇诲彇鏁版嵁搴撲腑鐨勬墍鏈夊洿鏍� 杩涜缁樺埗 姝ゅ鍔犱笂棰滆壊鍙婂舰鐘�
+ this.getImgLoad(Imgurl);
this.init();
document.oncontextmenu = new Function("event.returnValue=false;");
document.onselectstart = new Function("event.returnValue=false;");
-
}
MarkPoints.prototype = {
@@ -1080,11 +1093,6 @@
var _this = this;
_this.context.clearRect(0, 0, _this.canvas.width, _this.canvas.height);
_this.context.drawImage(_this.img, 0, 0, _this.img.naturalWidth, _this.img.naturalHeight, _this.imgX, _this.imgY, _this.img.naturalWidth * _this.imgScale * _this.rateNum, _this.img.naturalHeight * _this.imgScale * _this.rateNum);
- //console.log("original width", _this.img.naturalWidth);
- //console.log("original height", _this.img.naturalHeight);
- //console.log("pianyi", _this.imgX, _this.imgY);
- //console.log("ratenum",_this.rateNum);
- //console.log("imagescale", _this.imgScale);
_this.FenceList = getExistFence("zuobiao");
_this.FenceColor = getExistFence("color");
_this.FenceName = getExistFence("name");
@@ -1096,10 +1104,6 @@
var x_ratio = new Number(_this.img.naturalWidth / trueLength);
var y_ratio = new Number(_this.img.naturalHeight / trueWidth);
- //console.log(_this.FenceList);
- //console.log(_this.FenceColor);
- //console.log(_this.FenceName);
-
if (_this.FenceList.length) {
//閬嶅巻姣忎釜fence锛屽苟鐢诲嚭
for (var m = 0; m < _this.FenceList.length; m++) {
@@ -1107,7 +1111,6 @@
var points_list = _this.FenceList[m].split(",");//鍥存爮瀹為檯鍧愭爣
var draw_points_list = [];
var tmp_list = [];
- //console.log(points_list);
//瀹為檯鍧愭爣杞垚鍥句笂鍧愭爣
for (var i = 0; i < points_list.length; i++) {
if (i % 2 == 0) {
@@ -1123,14 +1126,11 @@
draw_points_list.push(tmp_list);
}
}
- //console.log(draw_points_list);
//var color = _this.FenceColor[m];
var color = getDrawColor(_this.FenceColor[m]);
var name = _this.FenceName[m];
if (draw_points_list.length == 2) {
- //console.log("draw rect");
- //console.log(draw_points_list);
var can = _this.context;
can.beginPath();
can.fillStyle = color;
@@ -1140,12 +1140,10 @@
can.fillText(name, (draw_points_list[0][0] + draw_points_list[1][0]) / 2, (draw_points_list[0][1] + draw_points_list[1][1]) / 2);
can.closePath();
} else {
- //console.log("draw poly");
var can = _this.context;
can.beginPath();
can.fillStyle = color;
can.lineWidth = 2;
- //console.log(draw_points_list);
var text_x = new Number(0);
var text_y = new Number(0);
for (var j = 0; j < draw_points_list.length; j++) {
@@ -1172,7 +1170,6 @@
can.strokeStyle = color;
can.stroke();
can.fillStyle = "red";
- //console.log(text_x, text_y);
can.fillText(name, text_x, text_y);
can.closePath();
@@ -1186,16 +1183,12 @@
for (var m = 0; m < _this.allMarkLins.length; m++) {
var color = _this.allFenceColor[m];
//var color = getDrawColor(_this.allFenceColor[m]);
- //console.log(_this.allFenceColor[m], color);
var points = _this.allMarkLins[m];
- //console.log("points", points);
var newPoints = _this.getNewPoints(points);
- //console.log("newpoints", newPoints);
if (points.length == 2 && getShape() == "鐭╁舰") { // draw rectangle
if (m == _this.allMarkLins.length - 1 && _this.markFlag) {
if (getShape() == "鐭╁舰") {
for (var i = 0; i < newPoints.length; i++) {
- //console.log("new",newPoints);
var can = _this.context;
can.beginPath();
can.arc(newPoints[i].x, newPoints[i].y, 6, 0, Math.PI * 2, true);
@@ -1299,11 +1292,10 @@
_this.onmouseWheel(event);
};
document.getElementById('begin_draw').onclick = function () {
- //console.log(_this.CreatLinepoints);
if (_this.CreatLinepoints.length == 0) {
var shape_value = getShape();
if (shape_value) {
- $("#draw_hint").html("璇峰湪鍦板浘涓婂崟鍑婚紶鏍囧乏閿繘琛屽皝闂洿鏍忕粯鍒�");
+ $("#draw_hint").html("璇峰湪鍦板浘涓婂崟鍑婚紶鏍囧乏閿繘琛屽皝闂洿鏍忕粯鍒�,鐐瑰嚮璧峰鐐圭粨鏉熺粯鍒�");
_this.MarkBorderline();
}
} else {
@@ -1335,9 +1327,15 @@
//var color = getColor();
var color = getDrawColor(getColor());
var shape = getShape();
+ var x_x0 = new Number(getYuandian()[0]);
+ var y_y0 = new Number(getYuandian()[1]);
+ var trueMeasure = getTruemap();
+ var trueLength = new Number(trueMeasure[0]);
+ var trueWidth = new Number(trueMeasure[1]);
+ var x_ratio = new Number(_this.img.naturalWidth / trueLength);
+ var y_ratio = new Number(_this.img.naturalHeight / trueWidth);
if (shape == "澶氳竟褰�") {
- //console.log(_this.CreatLinepoints);
if (_this.CreatLinepoints.length >= 3) {
start_x = _this.CreatLinepoints[0].x;
start_y = _this.CreatLinepoints[0].y;
@@ -1346,10 +1344,7 @@
posXY.y = (posXY.y - _this.imgY) / _this.imgScale;
now_x = posXY.x;
now_y = posXY.y;
- /* //console.log(now_x, now_y);
- //console.log("length",_this.CreatLinepoints.length); */
if (Math.abs(now_x - start_x) <= 5 && Math.abs(now_y - start_y) <= 5) { //杩炴垚闂悎鍥惧舰鏃讹紙浠ｆ浛鍘熼紶鏍囧彸閿級
- //console.log("close");
$("#draw_hint").html("缁樺埗瀹屾垚锛岃鐐瑰嚮淇濆瓨锛屾斁寮冪粯鍒惰鐐瑰嚮鍙栨秷");
_this.CreateLineColor.push(color);
@@ -1363,8 +1358,23 @@
posXY.x = (posXY.x - _this.imgX) / _this.imgScale;
posXY.y = (posXY.y - _this.imgY) / _this.imgScale;
+
+ if (_this.CreatLinepoints.length > 0) {
+ var jposXY = _this.CreatLinepoints[_this.CreatLinepoints.length - 1]
+ var jrealx = (new Number(jposXY.x)) / (_this.rateNum * x_ratio) + x_x0;
+ jrealx = jrealx.toFixed(0);
+ var jrealy = (new Number(jposXY.y)) / (_this.rateNum * y_ratio) + y_y0;
+ jrealy = jrealy.toFixed(0);
+ var realx = (new Number(posXY.x)) / (_this.rateNum * x_ratio) + x_x0;
+ realx = realx.toFixed(0);
+ var realy = (new Number(posXY.y)) / (_this.rateNum * y_ratio) + y_y0;
+ realy = realy.toFixed(0);
+ var juli = Math.sqrt(Math.pow(realx - jrealx, 2) + Math.pow(realy - jrealy, 2))
+ juli = (juli / 100).toFixed(2);
+ $("#draw_hint").html("璺濈涓婁釜鐐�" + juli + "绫�")
+ }
+
_this.CreatLinepoints.push(posXY);
- //console.log("add", posXY);
_this.allMarkLins.pop();
_this.allMarkLins.push(_this.CreatLinepoints);
_this.allFenceColor.pop();
@@ -1377,6 +1387,22 @@
posXY.x = (posXY.x - _this.imgX) / _this.imgScale;
posXY.y = (posXY.y - _this.imgY) / _this.imgScale;
+
+ if (_this.CreatLinepoints.length > 0) {
+ var jposXY = _this.CreatLinepoints[_this.CreatLinepoints.length - 1]
+ var jrealx = (new Number(jposXY.x)) / (_this.rateNum * x_ratio) + x_x0;
+ jrealx = jrealx.toFixed(0);
+ var jrealy = (new Number(jposXY.y)) / (_this.rateNum * y_ratio) + y_y0;
+ jrealy = jrealy.toFixed(0);
+ var realx = (new Number(posXY.x)) / (_this.rateNum * x_ratio) + x_x0;
+ realx = realx.toFixed(0);
+ var realy = (new Number(posXY.y)) / (_this.rateNum * y_ratio) + y_y0;
+ realy = realy.toFixed(0);
+ var juli = Math.sqrt(Math.pow(realx - jrealx, 2) + Math.pow(realy - jrealy, 2))
+ juli = (juli / 100).toFixed(2);
+ $("#draw_hint").html("璺濈涓婁釜鐐�" + juli + "绫�")
+ }
+
_this.CreatLinepoints.push(posXY);
_this.allMarkLins.pop();
@@ -1393,6 +1419,22 @@
posXY.x = (posXY.x - _this.imgX) / _this.imgScale;
posXY.y = (posXY.y - _this.imgY) / _this.imgScale;
+
+ if (_this.CreatLinepoints.length > 0) {
+ var jposXY = _this.CreatLinepoints[_this.CreatLinepoints.length - 1]
+ var jrealx = (new Number(jposXY.x)) / (_this.rateNum * x_ratio) + x_x0;
+ jrealx = jrealx.toFixed(0);
+ var jrealy = (new Number(jposXY.y)) / (_this.rateNum * y_ratio) + y_y0;
+ jrealy = jrealy.toFixed(0);
+ var realx = (new Number(posXY.x)) / (_this.rateNum * x_ratio) + x_x0;
+ realx = realx.toFixed(0);
+ var realy = (new Number(posXY.y)) / (_this.rateNum * y_ratio) + y_y0;
+ realy = realy.toFixed(0);
+ var juli = Math.sqrt(Math.pow(realx - jrealx, 2) + Math.pow(realy - jrealy, 2))
+ juli = (juli / 100).toFixed(2);
+ $("#draw_hint").html("璺濈涓婁釜鐐�" + juli + "绫�")
+ }
+
_this.CreatLinepoints.push(posXY);
_this.allMarkLins.pop();
@@ -1400,19 +1442,19 @@
_this.allFenceColor.pop();
_this.allFenceColor.push(color);
- //console.log(_this.CreatLinepoints, _this.CreateLineColor, _this.allMarkLins, _this.allFenceColor);
-
_this.drawImg();
if (_this.CreatLinepoints.length == 2) {
- $("#draw_hint").html("缁樺埗瀹屾垚锛岃鐐瑰嚮淇濆瓨锛屾斁寮冪粯鍒惰鐐瑰嚮鍙栨秷");
+ setTimeout(function(){
+ $("#draw_hint").html("缁樺埗瀹屾垚锛岃鐐瑰嚮淇濆瓨锛屾斁寮冪粯鍒惰鐐瑰嚮鍙栨秷");
+ },1500)
+
_this.CreateLineColor.push(color);
_this.markFlag = false;
_this.dragFlag = true;
_this.canvas.style.cursor = "normal";
_this.drawImg();
- ////console.log(_this.CreatLinepoints);
return;
}
}
@@ -1558,14 +1600,14 @@
var trueWidth = new Number(trueMeasure[1]);
var x_ratio = new Number(_this.img.naturalWidth / trueLength);
var y_ratio = new Number(_this.img.naturalHeight / trueWidth);
+ //console.log(_this.img.naturalWidth,trueLength,_this.img.naturalHeight,trueWidth,_this.rateNum)
var zuobiao = _this.CreatLinepoints;
- //console.log(zuobiao);
+
var real_zuobiao = [];
for (i = 0; i < zuobiao.length; i++) {
//var real_x = (new Number(zuobiao[i].x)) / (_this.imgScale * _this.rateNum * x_ratio);
var real_x = (new Number(zuobiao[i].x)) / (_this.rateNum * x_ratio) + x_x0;
real_x = real_x.toFixed(0);
- //console.log(zuobiao[i].x, real_x);
//var real_y = (new Number(zuobiao[i].y)) / (_this.imgScale * _this.rateNum * y_ratio);
var real_y = (new Number(zuobiao[i].y)) / (_this.rateNum * y_ratio) + y_y0;
real_y = real_y.toFixed(0)
@@ -1634,8 +1676,48 @@
<script type="text/javascript"
src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script>
<script>
- $(document).ready(function () {
- App.init(); $.ajax({ async: false, type: "POST", url: "/hxzkoa/getSysSetting_list.do", data: {}, dataType: "json", success: function (data) {/* title = data[0].title;document.title = title; */ }, });
+ window.onload = function () {
+ App.init();
+ $.ajax({
+ async: false,
+ type: "POST",
+ url: "/hxzkoa/getSysSetting_list2.do",
+ data: {},
+ dataType: "json",
+ success: function (data) {
+ /* title = data[0].title;document.title = title; */
+ if (data.dataList2[0].label == 0) {
+ $("#labela").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].achor == 0) {
+ $("#anchora").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].gps == 0) {
+ $("#gpsa").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].fence == 0) {
+ $("#fencea").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].warning == 0) {
+ $("#warninga").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].history == 0) {
+ $("#historya").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].attendance == 0) {
+ $("#attendancea").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].basiclnfo == 0) {
+ $("#basiclnfoa").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].video == 0) {
+ $("#videoa").css({ 'display': 'none' });
+ };
+ if (data.dataList2[0].gas == 0) {
+ $("#gasa").css({ 'display': 'none' });
+ };
+ },
+ });
var bm_sysSetting = getSystemSetting();
var fences = getfence();
var superuser = document.getElementById("superuser").value;
@@ -1643,15 +1725,20 @@
var alertq = document.getElementById("alertq").value;
var deleteall = document.getElementById("deleteall").value;
var fenceq = document.getElementById("fenceq").value;
+ document.getElementById("xianuser").innerHTML = document.getElementById("xianusera").value
//console.log(superuser)
//console.log(superuser+"---------"+fenceq)
- if (fenceq == "鍚�" && superuser == "璁垮") {
+ if (superuser == "璁垮") {
$("#begin_draw").attr("disabled", "true");
$("#save_fence").attr("disabled", "true");
$("#cancel_draw").attr("disabled", "true");
$("#bdbaocun").attr("disabled", "true");
$("#bdquxiao").attr("disabled", "true");
}
+ if (fenceq == "鍚�") {
+ $("#save_fence").attr("disabled", "true");
+ $("#bdbaocun").attr("disabled", "true");
+ }
var bm_baidu_j = bm_sysSetting[0].baidu_j;//鐧惧害鍦板浘绮惧害
var bm_baidu_w = bm_sysSetting[0].baidu_w;//鐧惧害鍦板浘缁村害
var bm = new BMap.Map("baidumap"); // 鍒涘缓Map瀹炰緥
@@ -1712,7 +1799,7 @@
//娣诲姞榧犳爣缁樺埗宸ュ叿鐩戝惉浜嬩欢锛岀敤浜庤幏鍙栫粯鍒剁粨鏋�
drawingManager.addEventListener('overlaycomplete', overlaycomplete);
- });
+ };
$('.header-page').load('/hxzkoa/hxzk/top.html'); $('.login-page').load('/hxzkoa/hxzk/head.html');
</script>
<script src="/hxzkoa/hxzk/assets/js/custom.js"></script>
--
Gitblit v1.10.0