|
@@ -263,10 +263,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div id="JTDLChart" style="height: 12rem; width: 25rem;"></div>
|
|
|
<div id="JTOWNERChart" style="height:12rem; width: 25rem;"></div>
|
|
|
<div id="JTUSEChart" style="height: 12rem; width: 25rem;"></div>
|
|
|
+ <div id="JTDLChart" style="height: 12rem; width: 25rem;"></div>
|
|
|
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="青苗补偿评估" name="QMPG">
|
|
@@ -498,6 +497,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+
|
|
|
import {
|
|
|
polygon,
|
|
|
area,
|
|
@@ -1077,6 +1077,8 @@ export default {
|
|
|
qsEntities: [],
|
|
|
// handlerPolygon: null
|
|
|
// clipMode: Cesium.ModifyRegionMode.CLIP_OUTSIDE;
|
|
|
+ gyqsChartdatas: [],
|
|
|
+ jtqsChartDatas: []
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -1194,6 +1196,7 @@ export default {
|
|
|
"endDateTime": endDate,
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
debugger
|
|
|
getZdProjectList(queryParams).then((res) => {
|
|
|
that.projectList = res.rows;
|
|
@@ -1222,8 +1225,6 @@ export default {
|
|
|
that.rowsCount = list.length;
|
|
|
list = list.slice((that.currentPage - 1) * that.pageSize, that.pageSize)
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
onCurrentChange() {
|
|
|
this.queryProject()
|
|
@@ -1260,8 +1261,6 @@ export default {
|
|
|
second = second < 10 ? ('0' + second) : second;
|
|
|
return y.toString() + '-' + m.toString() + '-' + d.toString() + ' ' + h.toString() + ':' + minute.toString() + ':' + second.toString();
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
//关闭窗体
|
|
|
dialogClose() {
|
|
|
viewer.entities.removeAll();
|
|
@@ -1302,7 +1301,7 @@ export default {
|
|
|
},
|
|
|
// offset: [left.toString(), top.toString()], //left top 左上角(left=430px/2;top=(800px+header高)/2)
|
|
|
area: ["35rem", "40rem"],
|
|
|
- title: "拆迁补偿标准",
|
|
|
+ title: "拆迁补偿标准详情",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
|
shadeClose: false, //点击遮罩是否关闭
|
|
@@ -1330,7 +1329,7 @@ export default {
|
|
|
},
|
|
|
// offset: [left.toString(), top.toString()], //left top 左上角(left=430px/2;top=(800px+header高)/2)
|
|
|
area: ["50rem", "40rem"],
|
|
|
- title: "拆迁补偿标准设置",
|
|
|
+ title: "拆迁补偿标准配置",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
|
shadeClose: false, //点击遮罩是否关闭
|
|
@@ -1357,8 +1356,8 @@ export default {
|
|
|
data: { qmValue: that.ruleForm.qmValue }, //props
|
|
|
},
|
|
|
// offset: [left.toString(), top.toString()], //left top 左上角(left=430px/2;top=(800px+header高)/2)
|
|
|
- area: ["30rem", "15rem"],
|
|
|
- title: "青苗补偿标准",
|
|
|
+ area: ["30rem", "18rem"],
|
|
|
+ title: "青苗补偿标准详情",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
|
shadeClose: false, //点击遮罩是否关闭
|
|
@@ -1385,8 +1384,8 @@ export default {
|
|
|
data: { qmValue: that.ruleForm.qmValue }, //props
|
|
|
},
|
|
|
// offset: [left.toString(), top.toString()], //left top 左上角(left=430px/2;top=(800px+header高)/2)
|
|
|
- area: ["35rem", "20rem"],
|
|
|
- title: "青苗补偿标准设置",
|
|
|
+ area: ["35rem", "16rem"],
|
|
|
+ title: "青苗补偿标准配置",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
|
shadeClose: false, //点击遮罩是否关闭
|
|
@@ -1414,7 +1413,7 @@ export default {
|
|
|
},
|
|
|
// offset: [left.toString(), top.toString()], //left top 左上角(left=430px/2;top=(800px+header高)/2)
|
|
|
area: ["35rem", "32rem"],
|
|
|
- title: "征地补偿标准",
|
|
|
+ title: "征地补偿标准详情",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
|
shadeClose: false, //点击遮罩是否关闭
|
|
@@ -1442,7 +1441,7 @@ export default {
|
|
|
},
|
|
|
// offset: [left.toString(), top.toString()], //left top 左上角(left=430px/2;top=(800px+header高)/2)
|
|
|
area: ["35rem", "37rem"],
|
|
|
- title: "征地补偿标准",
|
|
|
+ title: "征地补偿标准配置",
|
|
|
maxmin: false,
|
|
|
shade: false, //是否显示遮罩
|
|
|
shadeClose: false, //点击遮罩是否关闭
|
|
@@ -1946,7 +1945,7 @@ export default {
|
|
|
myChart.clear()
|
|
|
myChart.setOption(option);
|
|
|
var showOrHide = false;
|
|
|
- that.JTDLLoad(null, showOrHide);
|
|
|
+ // that.JTDLLoad(null, showOrHide);
|
|
|
myChart.on("legendselectchanged", function (parmas) {
|
|
|
that.pickEntity('ZDJTYD');
|
|
|
var name = parmas.name
|
|
@@ -1989,10 +1988,10 @@ export default {
|
|
|
else {
|
|
|
|
|
|
var dlColor = that.getLandColor(dlmc);
|
|
|
- var color = dlColor.replace("rgb", "")
|
|
|
- .replace("(", "")
|
|
|
- .replace(")", "");
|
|
|
- var colorArr = color.split(",");
|
|
|
+ var color = dlColor.replace("rgb", "")
|
|
|
+ .replace("(", "")
|
|
|
+ .replace(")", "");
|
|
|
+ var colorArr = color.split(",");
|
|
|
attributes = {
|
|
|
fieldNames: that.zdResult.fieldInfos,
|
|
|
fieldValues: features[i].fieldValues,
|
|
@@ -2131,7 +2130,7 @@ export default {
|
|
|
myChart.setOption(option);
|
|
|
|
|
|
var shaowOrHide = false;
|
|
|
- that.GYDLLoad(null, shaowOrHide);
|
|
|
+ // that.GYDLLoad(null, shaowOrHide);
|
|
|
myChart.on("legendselectchanged", function (parmas) {
|
|
|
that.pickEntity('ZDGYDL');
|
|
|
var name = parmas.name
|
|
@@ -2509,7 +2508,7 @@ export default {
|
|
|
// var chartDom = document.getElementById('CQBCChart');
|
|
|
// var myChart = window.echarts.init(chartDom);
|
|
|
|
|
|
- item = {
|
|
|
+ var item = {
|
|
|
id: smid,
|
|
|
smid: smid,
|
|
|
cqr: cqrVal,
|
|
@@ -2533,7 +2532,7 @@ export default {
|
|
|
var that = this;
|
|
|
var chartDom = document.getElementById("GYQSChart");
|
|
|
var myChart = window.echarts.init(chartDom);
|
|
|
- var datas = [];
|
|
|
+ that.gyqsChartdatas = [];
|
|
|
var nameLength = 0;
|
|
|
var colors = ["rgb(63,177,227)", "rgb(107,230,193)", "rgb(196,235,173)", "rgb(150,222,232)"];
|
|
|
// ["rgb(245,248,220)", "rgb(191,233,170)", "rgb(104,177,103)", "rgb(205,245,122)",
|
|
@@ -2544,9 +2543,8 @@ export default {
|
|
|
var color = "";
|
|
|
var qsList = [];
|
|
|
|
|
|
-
|
|
|
for (var i = 0; i < that.qsResult.stateUsedList.length; i++) {
|
|
|
- datas.push({
|
|
|
+ that.gyqsChartdatas.push({
|
|
|
value: Number(that.qsResult.stateUsedList[i].mj.toFixed(2)),
|
|
|
name: that.qsResult.stateUsedList[i].qsdwmc,
|
|
|
});
|
|
@@ -2580,9 +2578,9 @@ export default {
|
|
|
pageTextStyle: {
|
|
|
color: "#ffffff"
|
|
|
},
|
|
|
- data: datas.map((t) => t.name),
|
|
|
+ data: that.gyqsChartdatas.map((t) => t.name),
|
|
|
formatter: function (name) {
|
|
|
- var val = datas.find((t) => t.name == name).value;
|
|
|
+ var val = that.gyqsChartdatas.find((t) => t.name == name).value;
|
|
|
var spname = '';
|
|
|
if (name.length > 13) {
|
|
|
|
|
@@ -2632,20 +2630,21 @@ export default {
|
|
|
labelLine: {
|
|
|
show: false,
|
|
|
},
|
|
|
- data: datas,
|
|
|
+ data: that.gyqsChartdatas,
|
|
|
},
|
|
|
],
|
|
|
};
|
|
|
+
|
|
|
myChart.clear();
|
|
|
myChart.setOption(option);
|
|
|
- that.GYQSLoad(datas);
|
|
|
+ // that.GYQSLoad(datas);
|
|
|
|
|
|
myChart.on("legendselectchanged", function (parmas) {
|
|
|
that.pickEntity('ZDGYQS');
|
|
|
var name = parmas.name
|
|
|
var showOrHide = parmas.selected[name]
|
|
|
// var index = Object.keys(parmas.selected).findIndex(t => t == name)
|
|
|
- that.GYQSLoad(datas, name, showOrHide);
|
|
|
+ that.GYQSLoad(that.gyqsChartdatas, name, showOrHide);
|
|
|
});
|
|
|
},
|
|
|
GYQSLoad(datas, name, showOrHide) {
|
|
@@ -2873,7 +2872,7 @@ export default {
|
|
|
myChart.clear();
|
|
|
myChart.setOption(option);
|
|
|
var shaowOrHide = false;
|
|
|
- that.JTUseLoad(datas, null, shaowOrHide)
|
|
|
+ // that.JTUseLoad(datas, null, shaowOrHide)
|
|
|
myChart.on("legendselectchanged", function (parmas) {
|
|
|
that.pickEntity('ZDJTUSE');
|
|
|
var name = parmas.name
|
|
@@ -3111,7 +3110,7 @@ export default {
|
|
|
],
|
|
|
};
|
|
|
var showOrHide = false;
|
|
|
- that.JTOwnerLoad(datas, null, showOrHide);
|
|
|
+ // that.JTOwnerLoad(datas, null, showOrHide);
|
|
|
myChart.clear();
|
|
|
myChart.setOption(option);
|
|
|
myChart.on("legendselectchanged", function (parmas) {
|
|
@@ -3774,6 +3773,7 @@ export default {
|
|
|
* point1(裁剪),points2(被裁剪) [{x:1,y:2}]
|
|
|
*/
|
|
|
computerInsertArea(points1, points2) {
|
|
|
+ var area = 0;
|
|
|
if (
|
|
|
points1 == null ||
|
|
|
points2 == null ||
|
|
@@ -3781,7 +3781,7 @@ export default {
|
|
|
points1.length == 0
|
|
|
) {
|
|
|
console.log("征地补偿图斑计算传入参数错误");
|
|
|
- return 0;
|
|
|
+ area = 0;
|
|
|
}
|
|
|
var parts1 = [];
|
|
|
var poly1 = [];
|
|
@@ -3793,18 +3793,28 @@ export default {
|
|
|
}
|
|
|
poly1 = polygon([parts1]);
|
|
|
var textarea = area(poly1) * window.earthRadius;
|
|
|
- console.log("分析范围:" + textarea);
|
|
|
+
|
|
|
for (var i = 0; i < points2.length; i++) {
|
|
|
parts2.push([points2[i].x, points2[i].y]);
|
|
|
}
|
|
|
poly2 = polygon([parts2]);
|
|
|
var isContain = booleanContains(poly1, poly2);
|
|
|
- if (isContain) return area(poly2) * window.earthRadius;
|
|
|
+ if (isContain) {
|
|
|
+ area = area(poly2) * window.earthRadius;
|
|
|
+ }
|
|
|
else {
|
|
|
var intersection = intersect(poly1, poly2);
|
|
|
- return area(intersection) * window.earthRadius;
|
|
|
+ area = area(intersection) * window.earthRadius;
|
|
|
}
|
|
|
- return 0;
|
|
|
+ return area;
|
|
|
+ },
|
|
|
+ areaFrom4326To4525(region) {
|
|
|
+ var fromProj = proj4.defs();
|
|
|
+ var toProj = proj4.defs(window.localWkid4525);
|
|
|
+ proj4.defs("EPSG:4525", "+proj=longlat +ellps=GRS80 +no_defs +type=crs");
|
|
|
+ var point;
|
|
|
+
|
|
|
+ proj4.transform(fromProj, toProj, point)
|
|
|
},
|
|
|
|
|
|
/**
|