|
@@ -13,6 +13,7 @@
|
|
|
class="height-100-50 max-width"
|
|
|
style="border: 1px solid #e8e8e8"
|
|
|
>
|
|
|
+ <!-- {{ xzjgObj }} -->
|
|
|
<el-collapse accordion v-model="activeNames">
|
|
|
<el-collapse-item
|
|
|
:name="'gb' + index1"
|
|
@@ -21,7 +22,7 @@
|
|
|
>
|
|
|
<template slot="title">
|
|
|
<!-- 地块编号B_P_123 -->
|
|
|
- 地块编号{{ item1.dlbm }} ({{ item1.tbmj.toFixed(0) }})
|
|
|
+ 地块编号{{ item1.properties.dkbm }} ({{ item1.properties.ydmj.toFixed(0) }})
|
|
|
<span class="tools">
|
|
|
<i
|
|
|
class="header-icon el-icon-place"
|
|
@@ -35,8 +36,8 @@
|
|
|
</template>
|
|
|
<div class="collapseCon">
|
|
|
<p class="oneItem">
|
|
|
- <span>{{ item1.dlmc }}</span>
|
|
|
- <span>{{ item1.tbmj.toFixed(2) }}平方米</span>
|
|
|
+ <span>{{ item1.properties.kzxxgydmc }}</span>
|
|
|
+ <span>{{ item1.properties.ydmj.toFixed(2) }}平方米</span>
|
|
|
</p>
|
|
|
<p>基准地标价:<span style="color: #02a7f0">77.44万元</span></p>
|
|
|
</div>
|
|
@@ -47,7 +48,7 @@
|
|
|
<div class="box-sizing padding-bottom-60" style="height: 35%; width: 100%">
|
|
|
<div class="title height-50 flex-box align-center">
|
|
|
<span class="block-title"
|
|
|
- >备选地块({{ xzjgObj.items ? xzjgObj.items.length : 0 }})</span
|
|
|
+ >备选地块({{ xzjgObj.features ? xzjgObj.features.length : 0 }})</span
|
|
|
>
|
|
|
</div>
|
|
|
<el-scrollbar
|
|
@@ -57,12 +58,12 @@
|
|
|
<el-collapse accordion v-model="activeNames">
|
|
|
<el-collapse-item
|
|
|
:name="index"
|
|
|
- v-for="(item, index) in xzjgObj.items"
|
|
|
- :key="item.bsm"
|
|
|
+ v-for="(item, index) in xzjgObj.features"
|
|
|
+ :key="item.properties.dkbm"
|
|
|
>
|
|
|
<template slot="title">
|
|
|
<!-- 地块编号B_P_123 -->
|
|
|
- 地块编号{{ item.dlbm }} ({{ item.tbmj.toFixed(0) }})
|
|
|
+ 地块编号{{ item.properties.dkbm }} ({{ item.properties.ydmj.toFixed(0) }})
|
|
|
<span class="tools">
|
|
|
<i class="header-icon el-icon-place" @click="mapview(item)"></i>
|
|
|
<i
|
|
@@ -73,8 +74,8 @@
|
|
|
</template>
|
|
|
<div class="collapseCon">
|
|
|
<p class="oneItem">
|
|
|
- <span>{{ item.dlmc }}</span>
|
|
|
- <span>{{ item.tbmj.toFixed(2) }}平方米</span>
|
|
|
+ <span>{{ item.properties.kzxxgydmc }}</span>
|
|
|
+ <span>{{ item.properties.ydmj.toFixed(2) }}平方米</span>
|
|
|
</p>
|
|
|
<p>基准地标价:<span style="color: #02a7f0">77.44万元</span></p>
|
|
|
</div>
|
|
@@ -124,53 +125,53 @@ export default {
|
|
|
layer: null,
|
|
|
reportText: "生成报告",
|
|
|
tempObj: [],
|
|
|
- xzjgObj: {
|
|
|
- bsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
- xmmc: "111",
|
|
|
- jsdw: "111",
|
|
|
- fxbg: "/file/statics/shape/辅助选址报告/6d39b2d4307b46e2a4cf6f8c68a30c31/111(选址报告)_1676448756708.pdf",
|
|
|
- items: [
|
|
|
- {
|
|
|
- objectid: 13761,
|
|
|
- bsm: "7fe39bc0ad0811eda6d9f0def1935d90",
|
|
|
- rwbsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
- dlb: "SDE.XZYDYH",
|
|
|
- dlbm: "0602",
|
|
|
- dlmc: "种植设施建设用地",
|
|
|
- cjsj: "2023-02-15T16:12:34.000+08:00",
|
|
|
- yxfa: "0",
|
|
|
- bz: null,
|
|
|
- tbmj: 25.0850187,
|
|
|
- xzqdm: "150502",
|
|
|
- xzqmc: "科尔沁区",
|
|
|
- fxyzjg: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- tempObj: {
|
|
|
- bsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
- xmmc: "111",
|
|
|
- jsdw: "111",
|
|
|
- fxbg: "/file/statics/shape/辅助选址报告/6d39b2d4307b46e2a4cf6f8c68a30c31/111(选址报告)_1676448756708.pdf",
|
|
|
- items: [
|
|
|
- {
|
|
|
- objectid: 13761,
|
|
|
- bsm: "7fe39bc0ad0811eda6d9f0def1935d90",
|
|
|
- rwbsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
- dlb: "SDE.XZYDYH",
|
|
|
- dlbm: "0602",
|
|
|
- dlmc: "种植设施建设用地",
|
|
|
- cjsj: "2023-02-15T16:12:34.000+08:00",
|
|
|
- yxfa: "0",
|
|
|
- bz: null,
|
|
|
- tbmj: 25.0850187,
|
|
|
- xzqdm: "150502",
|
|
|
- xzqmc: "科尔沁区",
|
|
|
- fxyzjg: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- rwBsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
- },
|
|
|
+ // xzjgObj: {
|
|
|
+ // bsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
+ // xmmc: "111",
|
|
|
+ // jsdw: "111",
|
|
|
+ // fxbg: "/file/statics/shape/辅助选址报告/6d39b2d4307b46e2a4cf6f8c68a30c31/111(选址报告)_1676448756708.pdf",
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // objectid: 13761,
|
|
|
+ // bsm: "7fe39bc0ad0811eda6d9f0def1935d90",
|
|
|
+ // rwbsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
+ // dlb: "SDE.XZYDYH",
|
|
|
+ // dlbm: "0602",
|
|
|
+ // dlmc: "种植设施建设用地",
|
|
|
+ // cjsj: "2023-02-15T16:12:34.000+08:00",
|
|
|
+ // yxfa: "0",
|
|
|
+ // bz: null,
|
|
|
+ // tbmj: 25.0850187,
|
|
|
+ // xzqdm: "150502",
|
|
|
+ // xzqmc: "科尔沁区",
|
|
|
+ // fxyzjg: [],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // tempObj: {
|
|
|
+ // bsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
+ // xmmc: "111",
|
|
|
+ // jsdw: "111",
|
|
|
+ // fxbg: "/file/statics/shape/辅助选址报告/6d39b2d4307b46e2a4cf6f8c68a30c31/111(选址报告)_1676448756708.pdf",
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // objectid: 13761,
|
|
|
+ // bsm: "7fe39bc0ad0811eda6d9f0def1935d90",
|
|
|
+ // rwbsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
+ // dlb: "SDE.XZYDYH",
|
|
|
+ // dlbm: "0602",
|
|
|
+ // dlmc: "种植设施建设用地",
|
|
|
+ // cjsj: "2023-02-15T16:12:34.000+08:00",
|
|
|
+ // yxfa: "0",
|
|
|
+ // bz: null,
|
|
|
+ // tbmj: 25.0850187,
|
|
|
+ // xzqdm: "150502",
|
|
|
+ // xzqmc: "科尔沁区",
|
|
|
+ // fxyzjg: [],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // rwBsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
+ // },
|
|
|
rwObj: {
|
|
|
bsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
sjy: "SDE.XZYDYH",
|
|
@@ -187,6 +188,9 @@ export default {
|
|
|
xzfw: null,
|
|
|
zip: "/file/statics/shape/辅助选址报告/6d39b2d4307b46e2a4cf6f8c68a30c31/111_1676448756708.zip",
|
|
|
},
|
|
|
+ geoJsonEntities: null,
|
|
|
+ xzjgObj:ghjgData,
|
|
|
+ tempObj:ghjgData,
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -196,9 +200,27 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
addGeoJson() {
|
|
|
- viewer.dataSources.add(
|
|
|
- Cesium.GeoJsonDataSource.load("static/data/规划结果.json")
|
|
|
- );
|
|
|
+ // viewer.dataSources.add(
|
|
|
+ // Cesium.GeoJsonDataSource.load("static/data/规划结果.json", {
|
|
|
+ // stroke: Cesium.Color.BLUE,
|
|
|
+ // fill: Cesium.Color.WHITE.withAlpha(0.3), //注意:颜色必须大写,即不能为blue
|
|
|
+ // strokeWidth: 5,
|
|
|
+ // })
|
|
|
+ // );
|
|
|
+
|
|
|
+ // 加载GeoJSON数据
|
|
|
+ var geoJsonDataSource = new Cesium.GeoJsonDataSource();
|
|
|
+ geoJsonDataSource
|
|
|
+ .load("static/data/规划结果.json", {
|
|
|
+ stroke: Cesium.Color.BLUE,
|
|
|
+ fill: Cesium.Color.WHITE.withAlpha(0.3), //注意:颜色必须大写,即不能为blue
|
|
|
+ strokeWidth: 5,
|
|
|
+ })
|
|
|
+ .then((data) => {
|
|
|
+ this.geoJsonEntities = data;
|
|
|
+ // 将加载的GeoJSON实体添加到Cesium Viewer
|
|
|
+ viewer.dataSources.add(geoJsonDataSource);
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
init_hyqy() {
|
|
@@ -262,26 +284,26 @@ export default {
|
|
|
});
|
|
|
if (list.length == 0) {
|
|
|
this.bgList.push(item);
|
|
|
- const list = this.xzjgObj.items.filter((item1) => {
|
|
|
- return item1.bsm != item.bsm;
|
|
|
+ const list = this.xzjgObj.features.filter((item1) => {
|
|
|
+ return item1.properties.dkbm != item.properties.dkbm;
|
|
|
});
|
|
|
- this.xzjgObj.items = list;
|
|
|
+ this.xzjgObj.features = list;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
deleteprogramme(e, item) {
|
|
|
e.stopPropagation();
|
|
|
this.bgList = this.bgList.filter((item1) => {
|
|
|
- return item1.bsm != item.bsm;
|
|
|
+ return item1.properties.dkbm != item.properties.dkbm;
|
|
|
});
|
|
|
const temp = JSON.parse(
|
|
|
JSON.stringify(
|
|
|
this.tempObj.items.filter((item1) => {
|
|
|
- return item1.bsm == item.bsm;
|
|
|
+ return item1.properties.dkbm == item.properties.dkbm;
|
|
|
})
|
|
|
)
|
|
|
);
|
|
|
- this.xzjgObj.items.push(temp[0]);
|
|
|
+ this.xzjgObj.features.push(temp[0]);
|
|
|
},
|
|
|
resetAll() {
|
|
|
// parent.emit("update:xzjgObj", JSON.parse(JSON.stringify(this.tempObj)));
|
|
@@ -293,45 +315,6 @@ export default {
|
|
|
},
|
|
|
submit() {
|
|
|
console.log("生成报告");
|
|
|
- // if (this.reportText == "查看报告") {
|
|
|
- // window.open(this.model.fxbg.replace(".docx", ".pdf"), "_blank");
|
|
|
- // return;
|
|
|
- // }
|
|
|
- // if (this.bgList.length == 0) {
|
|
|
- // ElMessage.warning("请添加选址方案!");
|
|
|
- // return false;
|
|
|
- // }
|
|
|
- // const json = this.bgList.map((item) => {
|
|
|
- // return item.bsm;
|
|
|
- // });
|
|
|
- // ElMessageBox.confirm("请问是否生成报告?", "辅助选址报告", {
|
|
|
- // confirmButtonText: "确定",
|
|
|
- // cancelButtonText: "取消",
|
|
|
- // callback: (action) => {
|
|
|
- // if (action == "confirm") {
|
|
|
- // parent.emit("update:loading", true);
|
|
|
- // SaveWordFile({
|
|
|
- // bsm: this.rwBsm,
|
|
|
- // xzbsm: json,
|
|
|
- // })
|
|
|
- // .then((res) => {
|
|
|
- // parent.emit("update:loading", false);
|
|
|
- // if (res.success && res.data != null) {
|
|
|
- // ElMessage.success("报告生成成功!");
|
|
|
- // this.model = res.data;
|
|
|
- // this.reportText = "查看报告";
|
|
|
- // } else {
|
|
|
- // parent.emit("update:loading", false);
|
|
|
- // ElMessage.success("报告生成失败!");
|
|
|
- // }
|
|
|
- // })
|
|
|
- // .catch(() => {
|
|
|
- // parent.emit("update:loading", false);
|
|
|
- // ElMessage.success("报告生成失败!");
|
|
|
- // });
|
|
|
- // }
|
|
|
- // },
|
|
|
- // });
|
|
|
},
|
|
|
|
|
|
downReport() {
|
|
@@ -339,108 +322,16 @@ export default {
|
|
|
},
|
|
|
|
|
|
loadJgMap() {
|
|
|
- if (this.layer == null) {
|
|
|
- this.layer = arcMap.CreateVecLayer(
|
|
|
- "fzxz_layer",
|
|
|
- function (feature) {
|
|
|
- var mj = feature.get("TBMJ").toFixed(0);
|
|
|
- return new Style({
|
|
|
- fill: new Fill({
|
|
|
- color: "rgba(255, 255, 255, 0.2)",
|
|
|
- }),
|
|
|
- stroke: new Stroke({
|
|
|
- color: "#1171d6",
|
|
|
- width: 2,
|
|
|
- }),
|
|
|
- text: new Text({
|
|
|
- // scale:0.85,
|
|
|
- text: `${mj}`, //m²
|
|
|
- font: "14px sans-serif",
|
|
|
- fill: new Fill({
|
|
|
- color: "#1171d6",
|
|
|
- }),
|
|
|
- stroke: new Stroke({
|
|
|
- color: "#fff",
|
|
|
- width: 3,
|
|
|
- }),
|
|
|
- }),
|
|
|
- });
|
|
|
- },
|
|
|
- function (feature, popup) {
|
|
|
- console.log(feature);
|
|
|
- //获取选址结果
|
|
|
- GetXzJgByBsm({
|
|
|
- jgbsm: feature.get("BSM"),
|
|
|
- }).then((res) => {
|
|
|
- if (res.success) {
|
|
|
- var html = `<div id='popup_temp' class='map-popupinfo'><div class="popupinfo-title">${res.data.dlmc}<el-icon class='pointer popupinfo-close' id='closePop'><close /></el-icon>
|
|
|
- </div><div class='popupinfo-content'>`;
|
|
|
- html +=
|
|
|
- "<li><span>用地代码:</span><span>" +
|
|
|
- res.data.dlbm +
|
|
|
- "</span></li>";
|
|
|
- html +=
|
|
|
- "<li><span>用地名称:</span><span>" +
|
|
|
- res.data.dlmc +
|
|
|
- "</span></li>";
|
|
|
- html +=
|
|
|
- "<li><span>图斑面积:</span><span>" +
|
|
|
- res.data.tbmj.toFixed(0) +
|
|
|
- "m²</span></li>";
|
|
|
- if (res.data.yxfa == "0") {
|
|
|
- html += "<li><span>选址方案:</span><span>未选</span></li>";
|
|
|
- } else {
|
|
|
- html +=
|
|
|
- "<li><span>选址方案:</span><span style='color:rgb(0,120,215);'>已选</span></li>";
|
|
|
- }
|
|
|
- var yzf = res.data.fxyzjg.filter((t) => {
|
|
|
- return t.yztj == "F";
|
|
|
- });
|
|
|
- if (yzf.length) {
|
|
|
- html += "<li>分析因子</li>";
|
|
|
- yzf.map((jg) => {
|
|
|
- html += `<li><span>${
|
|
|
- jg.yxyzmc
|
|
|
- }:</span><span>压占面积${Number(jg.fxjg).toFixed(
|
|
|
- 0
|
|
|
- )}m²</span></li>`;
|
|
|
- });
|
|
|
- }
|
|
|
- popup({}, html);
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- );
|
|
|
- arcMap.addLayer(this.layer);
|
|
|
- }
|
|
|
- this.layer.getSource().clear();
|
|
|
- arcMap.SearchWfsFilter2(
|
|
|
- `${SYS_LAYERS.FZXZ}/0/query`,
|
|
|
- `RWBSM='${this.rwBsm}'`,
|
|
|
- function (fs) {
|
|
|
- this.layer.getSource().addFeatures(fs);
|
|
|
- }
|
|
|
- );
|
|
|
},
|
|
|
|
|
|
loadJg(bsm) {
|
|
|
- this.rwBsm = bsm;
|
|
|
- if (this.layer) {
|
|
|
- this.layer.getSource().clear();
|
|
|
- }
|
|
|
- if (bsm != "") {
|
|
|
- this.loadJgMap();
|
|
|
- this.bgList = [];
|
|
|
- }
|
|
|
- if (this.model.fxbg) {
|
|
|
- this.reportText = "查看报告";
|
|
|
- }
|
|
|
+console.log(bsm,'bsm');
|
|
|
},
|
|
|
|
|
|
initData() {
|
|
|
this.model = this.rwObj;
|
|
|
this.bgList = this.tempObj.items.filter(
|
|
|
- (item) => !this.xzjgObj.items.some((ele) => ele.bsm === item.bsm)
|
|
|
+ (item) => !this.xzjgObj.features.some((ele) => ele.properties.dkbm === item.properties.dkbm)
|
|
|
);
|
|
|
this.bgList.sort(function (a, b) {
|
|
|
return parseInt(a.yxfa) - parseInt(b.yxfa);
|
|
@@ -455,6 +346,14 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
+
|
|
|
+ beforeDestroy() {
|
|
|
+// console.log(888888888,this.geoJsonEntities);
|
|
|
+// // 移除加载的GeoJSON实体
|
|
|
+// // this.geoJsonEntities.forEach((entity) => {
|
|
|
+// viewer.entities.remove(this.geoJsonEntities);
|
|
|
+// // });
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|