|
|
@@ -36,11 +36,11 @@
|
|
|
</el-form>
|
|
|
</el-header>
|
|
|
<el-container>
|
|
|
- <el-aside>
|
|
|
+ <el-aside v-if="isdrawSectionInfo > 0">
|
|
|
<crossSectionChart :drawSectionInfo="drawSectionInfo" />
|
|
|
</el-aside>
|
|
|
- <el-main>
|
|
|
- <detailsTable :detailsData="detailsData" @location="location($event)" v-if="detailsData.length > 0" />
|
|
|
+ <el-main v-if="detailsData.length > 0">
|
|
|
+ <detailsTable :detailsData="detailsData" @location="location($event)" />
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
</el-container>
|
|
|
@@ -60,8 +60,6 @@ import Config from './config.json'
|
|
|
import detailsTable from './detailsTable.vue'
|
|
|
const Cesium = (window as any).Cesium
|
|
|
const SuperMap = (window as any).SuperMap
|
|
|
-const queryUrl = 'http://221.182.8.141:8090/iserver/services/map-sxgk_yc/rest/maps/hnyy_geoquery'
|
|
|
-const queryDataService = 'http://221.182.8.141:8090/iserver/services/data-sxgk_yc/rest/data'
|
|
|
//管道开挖综合分析
|
|
|
@Component({ name: 'ExcavationAnalysis', components: { crossSectionChart, detailsTable } })
|
|
|
export default class ExcavationAnalysis extends Vue {
|
|
|
@@ -99,19 +97,25 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
g_crossResult = []
|
|
|
g_crossInfos = []
|
|
|
drawSectionInfo = {} //断面图表信息
|
|
|
+ isdrawSectionInfo = 0
|
|
|
detailsData = []
|
|
|
get AppX() {
|
|
|
return this.$store.state.bigScreen.mapConfig
|
|
|
}
|
|
|
- mounted() {
|
|
|
+ get isInitViewer() {
|
|
|
+ return this.$store.state.bigScreen.isInitViewer
|
|
|
+ }
|
|
|
+ @Watch('isInitViewer', { immediate: true })
|
|
|
+ onChangeMethod() {
|
|
|
if (!(window as any).viewer) return
|
|
|
this.viewer = (window as any).viewer
|
|
|
this.init()
|
|
|
}
|
|
|
+ mounted() {}
|
|
|
init() {
|
|
|
if (!this.AppX) return
|
|
|
this.apiUrls.sjfw = this.AppX.gisResource.tiplayers.config['sjfw'].url
|
|
|
- this.apiUrls.bjsmidfw = this.AppX.gisResource.tiplayers.config['bjsmidfw'].url
|
|
|
+ this.apiUrls.bjsmidfw = this.AppX.gisResource.tiplayers.config['geoquery'].url
|
|
|
this.apiUrls.sjdt = this.AppX.gisResource.maps.config['sjdt'].url
|
|
|
}
|
|
|
//选取事件
|
|
|
@@ -403,7 +407,7 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
spinner: 'el-icon-loading',
|
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
|
})
|
|
|
- const url = queryUrl
|
|
|
+ const url = this.apiUrls.bjsmidfw
|
|
|
const layers = this.viewer.scene.layers
|
|
|
const pipes = PipeQueryHelper.pipe.filter((item) => {
|
|
|
const layer = layers.find(item.name)
|
|
|
@@ -804,7 +808,7 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
* @param queryType
|
|
|
*/
|
|
|
query(geometry) {
|
|
|
- const url = queryUrl
|
|
|
+ const url = this.apiUrls.bjsmidfw
|
|
|
const layers = this.viewer.scene.layers
|
|
|
const pipes = PipeQueryHelper.pipe.filter((item) => {
|
|
|
const layer = layers.find(item.name)
|
|
|
@@ -972,7 +976,7 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
}
|
|
|
const SID = crossInfo.feature.fieldValues[crossInfo.feature.fieldNames.indexOf(queryField)]
|
|
|
PipeQueryHelper.queryByAttribute({
|
|
|
- url: queryDataService,
|
|
|
+ url: this.apiUrls.sjfw,
|
|
|
datasetNames: [pipe.datasource + ':' + pipe.origindataset],
|
|
|
whereclause: queryField + "='" + SID + "'",
|
|
|
fields: [],
|
|
|
@@ -985,10 +989,12 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
let crossResult = this.g_crossResult
|
|
|
let SelectPipe = this.currentSelectPipe
|
|
|
let crossLinePoints = this.g_crossLinePoints
|
|
|
+
|
|
|
+ this.isdrawSectionInfo = 1
|
|
|
this.drawSectionInfo = {
|
|
|
- crossResult: crossResult,
|
|
|
- SelectPipe: SelectPipe,
|
|
|
- crossLinePoints: crossLinePoints
|
|
|
+ crossResult,
|
|
|
+ SelectPipe,
|
|
|
+ crossLinePoints
|
|
|
}
|
|
|
}
|
|
|
//地形开挖
|
|
|
@@ -1062,6 +1068,7 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
radius: '3'
|
|
|
}
|
|
|
this.drawSectionInfo = {} //断面图表信息
|
|
|
+ this.isdrawSectionInfo = 0
|
|
|
this.detailsData = []
|
|
|
this.init()
|
|
|
}
|
|
|
@@ -1082,8 +1089,8 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
}
|
|
|
.widget-ExcavationAnalysis {
|
|
|
bottom: 0.078125rem /* 15/192 */;
|
|
|
- left: calc(50% - 4.322917rem /* 830/192 */);
|
|
|
- width: 8.854167rem /* 1700/192 */;
|
|
|
+ left: calc(50% - 1.5625rem /* 300/192 */);
|
|
|
+ max-width: 8.854167rem /* 1700/192 */;
|
|
|
height: 1.770833rem /* 340/192 */;
|
|
|
position: absolute;
|
|
|
font-family: Source Han Sans CN;
|
|
|
@@ -1189,10 +1196,10 @@ export default class ExcavationAnalysis extends Vue {
|
|
|
height: calc(100% - 0.197917rem /* 38/192 */);
|
|
|
}
|
|
|
.el-aside {
|
|
|
- flex: 0.4;
|
|
|
+ width: 3.4375rem /* 660/192 */ !important;
|
|
|
}
|
|
|
.el-main {
|
|
|
- flex: 0.6;
|
|
|
+ width: calc(100% - 3.4375rem /* 660/192 */);
|
|
|
padding: 0 !important;
|
|
|
height: 100%;
|
|
|
}
|