|
@@ -1,13 +1,13 @@
|
|
|
<template>
|
|
|
<div class="xzjg">
|
|
|
<div>项目名称XXXXXX</div>
|
|
|
- <div class="box-sizing" style="height: 35%; width: 100%">
|
|
|
+ <div class="box-sizing" style="height: 47%; width: 100%">
|
|
|
<div class="title site-title">
|
|
|
<!-- <span class="block-title"
|
|
|
>意向地块{{ bgList ? bgList.length : 0 }})</span
|
|
|
> -->
|
|
|
意向地块({{ bgList ? bgList.length : 0 }})
|
|
|
- <span>导出报告</span>
|
|
|
+ <span @click="download">导出报告</span>
|
|
|
</div>
|
|
|
<el-scrollbar
|
|
|
class="height-100-50 max-width"
|
|
@@ -51,7 +51,7 @@
|
|
|
</el-collapse>
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
- <div class="box-sizing padding-bottom-60" style="height: 35%; width: 100%">
|
|
|
+ <div class="box-sizing padding-bottom-60" style="height: 47%; width: 100%">
|
|
|
<div class="title height-50 flex-box align-center">
|
|
|
<span class="block-title"
|
|
|
>备选地块({{
|
|
@@ -130,6 +130,9 @@ export default {
|
|
|
activeTabs: {
|
|
|
type: String,
|
|
|
},
|
|
|
+ scjgObj: {
|
|
|
+ type: Object,
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
data() {
|
|
@@ -138,54 +141,6 @@ export default {
|
|
|
model: null,
|
|
|
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",
|
|
|
- // },
|
|
|
rwObj: {
|
|
|
bsm: "6d39b2d4307b46e2a4cf6f8c68a30c31",
|
|
|
sjy: "SDE.XZYDYH",
|
|
@@ -205,14 +160,24 @@ export default {
|
|
|
geoJsonEntities: null,
|
|
|
xzjgObj: ghjgData,
|
|
|
tempObj: ghjgData,
|
|
|
+ copyData:null,
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
- console.log(drawData, "drawData", ghjgData);
|
|
|
+ this.copyData = JSON.parse(JSON.stringify(ghjgData))
|
|
|
this.addPolygon("规划结果", "ghjg");
|
|
|
this.addPolygon("draw", "draw");
|
|
|
},
|
|
|
methods: {
|
|
|
+ download() {
|
|
|
+ window.open(this.$props.scjgObj.task.fxbg);
|
|
|
+ },
|
|
|
+ viewReport() {
|
|
|
+ window.open(
|
|
|
+ this.$props.scjgObj.task.fxbg.replace(".docx", ".pdf"),
|
|
|
+ "_blank"
|
|
|
+ );
|
|
|
+ },
|
|
|
// 加载GeoJSON数据
|
|
|
addPolygon(label, id) {
|
|
|
let _this = this;
|
|
@@ -262,26 +227,46 @@ export default {
|
|
|
this.xzjgObj.features.push(temp[0]);
|
|
|
},
|
|
|
resetAll() {
|
|
|
+ // this.xzjgObj = JSON.parse(JSON.stringify(this.tempObj))
|
|
|
// parent.emit("update:xzjgObj", JSON.parse(JSON.stringify(this.tempObj)));
|
|
|
+ this.xzjgObj = this.copyData
|
|
|
this.reportText = "生成报告";
|
|
|
this.bgList = [];
|
|
|
},
|
|
|
mapview(item) {
|
|
|
- // e.stopPropagation()
|
|
|
- console.log(item, "=====");
|
|
|
- console.log(item.geometry.coordinates[0][0][0][0],'item.geometry.coordinates[0][0]');
|
|
|
- viewer.camera.flyTo({
|
|
|
- destination: Cesium.Cartesian3.fromDegrees(
|
|
|
- item.geometry.coordinates[0][0][0][0],
|
|
|
- item.geometry.coordinates[0][0][0][1],
|
|
|
- 15000.0
|
|
|
+ // e.stopPropagation()
|
|
|
+ // console.log(item, "=====");
|
|
|
+ // console.log(item.geometry.coordinates[0][0][0][0],'item.geometry.coordinates[0][0]');
|
|
|
+ // viewer.camera.flyTo({
|
|
|
+ // destination: Cesium.Cartesian3.fromDegrees(
|
|
|
+ // item.geometry.coordinates[0][0][0][0],
|
|
|
+ // item.geometry.coordinates[0][0][0][1],
|
|
|
+ // 15000.0
|
|
|
+ // ),
|
|
|
+ // orientation: {
|
|
|
+ // heading: Cesium.Math.toRadians(20.0),
|
|
|
+ // pitch: Cesium.Math.toRadians(-35.0),
|
|
|
+ // roll: 0.0,
|
|
|
+ // },
|
|
|
+ // });
|
|
|
+ let tempArr = item.geometry.coordinates[0];
|
|
|
+
|
|
|
+ let entity = new Cesium.Entity({
|
|
|
+ name: "地块",
|
|
|
+ show: true,
|
|
|
+ position: Cesium.Cartesian3.fromDegrees(
|
|
|
+ obj.centroid[0],
|
|
|
+ res.properties.centroid[1],
|
|
|
+ 5000
|
|
|
),
|
|
|
- orientation: {
|
|
|
- heading: Cesium.Math.toRadians(20.0),
|
|
|
- pitch: Cesium.Math.toRadians(-35.0),
|
|
|
- roll: 0.0,
|
|
|
- },
|
|
|
+ clampToGround: true,
|
|
|
+ stroke: Cesium.Color.BLUE,
|
|
|
+ fill: Cesium.Color.WHITE.withAlpha(0.3), //注意:颜色必须大写,即不能为blue
|
|
|
+ strokeWidth: 5,
|
|
|
});
|
|
|
+ earth.czm.viewer.entities.add(entity);
|
|
|
+ // 存ID
|
|
|
+ this.arrww.push(entity.id);
|
|
|
},
|
|
|
submit() {
|
|
|
console.log("生成报告");
|
|
@@ -327,46 +312,16 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.xzjg {
|
|
|
- height: calc(100vh - 108px);
|
|
|
+ // height: calc(100vh - 108px);
|
|
|
+ height: 49vh;
|
|
|
min-width: 300px;
|
|
|
box-sizing: border-box;
|
|
|
padding: 0px 10px;
|
|
|
- ::v-deep(.el-scrollbar__bar) {
|
|
|
- right: -15px;
|
|
|
- }
|
|
|
- td {
|
|
|
- padding-left: 15px;
|
|
|
- }
|
|
|
|
|
|
- .el-collapse-item__header {
|
|
|
- font-size: 18px;
|
|
|
- .fanan-caozuo {
|
|
|
- position: absolute;
|
|
|
- right: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-right: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-collapse-item__content {
|
|
|
- padding-bottom: 0;
|
|
|
- }
|
|
|
- ::v-deep(.el-collapse-item__header) {
|
|
|
- color: #303133 !important;
|
|
|
- position: relative;
|
|
|
- cursor: auto;
|
|
|
- }
|
|
|
.blue {
|
|
|
color: #409eff;
|
|
|
}
|
|
|
- ::v-deep(.el-tabs__item) {
|
|
|
- height: 55px;
|
|
|
- }
|
|
|
- ::v-deep(.el-form-item__content) {
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
- ::v-deep(.el-form-item__label) {
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
+
|
|
|
.title {
|
|
|
button {
|
|
|
padding: 0;
|
|
@@ -388,19 +343,7 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
- ::v-deep(.el-descriptions :not(.is-bordered) td),
|
|
|
- ::v-deep(.el-descriptions :not(.is-bordered) th) {
|
|
|
- padding-bottom: 3px;
|
|
|
- }
|
|
|
- ::v-deep(.el-collapse-item__content) {
|
|
|
- padding-bottom: 10px;
|
|
|
- }
|
|
|
- ::v-deep(.el-collapse-item__header) {
|
|
|
- cursor: pointer;
|
|
|
- &:hover {
|
|
|
- background-color: rgba(64, 158, 255, 0.09);
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
.clat-title {
|
|
|
padding-left: 10px;
|
|
|
padding-right: 5px;
|
|
@@ -425,6 +368,7 @@ export default {
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
// background-color: pink;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.oneItem {
|
|
|
span {
|