|
@@ -19,13 +19,14 @@
|
|
</div>
|
|
</div>
|
|
<div class="aside-top-right">
|
|
<div class="aside-top-right">
|
|
<p><b>空间二维码:</b><span v-if="!spaceDetails.RoomQRCode">-</span></p>
|
|
<p><b>空间二维码:</b><span v-if="!spaceDetails.RoomQRCode">-</span></p>
|
|
- <!-- <img src="./1.png" alt="" v-if="spaceDetails.QrCode"> -->
|
|
|
|
<img :src="'/image-service/common/file_get/'+ spaceDetails.RoomQRCode +'?systemId=dataPlatform'" alt="二维码图片"
|
|
<img :src="'/image-service/common/file_get/'+ spaceDetails.RoomQRCode +'?systemId=dataPlatform'" alt="二维码图片"
|
|
v-if="spaceDetails.RoomQRCode">
|
|
v-if="spaceDetails.RoomQRCode">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div>
|
|
|
|
|
|
+ <div v-if="spaceDetails.Outline && spaceDetails.Outline.length">
|
|
<p><b>位置图片:</b></p>
|
|
<p><b>位置图片:</b></p>
|
|
|
|
+ <!-- <graphy @getSp="checkSpace" @dimension="checkSpace" @businessDetails="getBuinessDetails" ref="graphy"></graphy> -->
|
|
|
|
+ <graphy ref="graphy"></graphy>
|
|
</div>
|
|
</div>
|
|
</el-aside>
|
|
</el-aside>
|
|
<el-main>
|
|
<el-main>
|
|
@@ -41,10 +42,19 @@
|
|
<!-- <iframe height="100%" width="100%" :src="iframeSrc"></iframe> -->
|
|
<!-- <iframe height="100%" width="100%" :src="iframeSrc"></iframe> -->
|
|
</div>
|
|
</div>
|
|
<!-- 对象关系 -->
|
|
<!-- 对象关系 -->
|
|
- <div v-if="activeTab === 'objectRelationship'" style="width:100%">
|
|
|
|
- <!-- <iframe height="100%" width="100%" :src="iframeSrc"></iframe>
|
|
|
|
- <iframe height="100%" width="100%" :src="iframeSrc"></iframe>
|
|
|
|
- <iframe height="100%" width="100%" :src="iframeSrc"></iframe> -->
|
|
|
|
|
|
+ <div v-if="activeTab === 'objectRelationship'" class="objectRelationship">
|
|
|
|
+ <div class="objectRelationship-left">
|
|
|
|
+ <h5>空间内设备:</h5>
|
|
|
|
+ <eqToSpaceTable :params="params" type="Equipment"></eqToSpaceTable>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="objectRelationship-center">
|
|
|
|
+ <h5>服务于空间的设备:</h5>
|
|
|
|
+ <eqToSpaceTable :params="params" type="EquipmentFor"></eqToSpaceTable>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="objectRelationship-right">
|
|
|
|
+ <h5>空间内系统:</h5>
|
|
|
|
+ <syInSpaceTable :params="params" type="generalSystem"></syInSpaceTable>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</template>
|
|
</template>
|
|
@@ -58,6 +68,9 @@
|
|
<script>
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
import { queryZone, getAllbusiness } from '@/api/scan/request'
|
|
import { queryZone, getAllbusiness } from '@/api/scan/request'
|
|
|
|
+import graphy from "@/components/business_space/newGraphy/graphy";
|
|
|
|
+import eqToSpaceTable from '@/components/business_space/newTables/eqToSpaceTable'
|
|
|
|
+import syInSpaceTable from '@/components/business_space/newTables/syInSpaceTable'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
@@ -70,12 +83,19 @@ export default {
|
|
activeTab: 'staticData',
|
|
activeTab: 'staticData',
|
|
spaceDetails: {},
|
|
spaceDetails: {},
|
|
iframeSrc: '',
|
|
iframeSrc: '',
|
|
- projectId: ''
|
|
|
|
|
|
+ projectId: '',
|
|
|
|
+ params: {}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ components: {
|
|
|
|
+ graphy,
|
|
|
|
+ eqToSpaceTable,
|
|
|
|
+ syInSpaceTable
|
|
|
|
+ },
|
|
created() {
|
|
created() {
|
|
- if (this.$route.query.RoomID && this.$route.query.zone) {
|
|
|
|
|
|
+ if (this.$route.query.RoomID && this.$route.query.zone && !this.$route.query.isMyTab) {
|
|
this.getData();
|
|
this.getData();
|
|
|
|
+ this.params = this.$route.query;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -83,7 +103,7 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
getData() {
|
|
getData() {
|
|
- // 获取空间信息
|
|
|
|
|
|
+ // 获取空间数据
|
|
let params = {
|
|
let params = {
|
|
data: {
|
|
data: {
|
|
Filters: `RoomID="${this.$route.query.RoomID}"`
|
|
Filters: `RoomID="${this.$route.query.RoomID}"`
|
|
@@ -91,22 +111,28 @@ export default {
|
|
zone: this.$route.query.zone
|
|
zone: this.$route.query.zone
|
|
}
|
|
}
|
|
queryZone(params, res => {
|
|
queryZone(params, res => {
|
|
|
|
+ console.log(res, 1111111)
|
|
this.spaceDetails = res.Content[0];
|
|
this.spaceDetails = res.Content[0];
|
|
if (this.$route.query.RoomID && this.$route.query.zone) {
|
|
if (this.$route.query.RoomID && this.$route.query.zone) {
|
|
this.setFrame();
|
|
this.setFrame();
|
|
|
|
+ this.getSpaceImg();
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- // 设置静态数据tab的iframe地址
|
|
|
|
setFrame() {
|
|
setFrame() {
|
|
|
|
+ // 设置静态数据tab的iframe地址
|
|
this.projectId = localStorage.getItem('projectId');
|
|
this.projectId = localStorage.getItem('projectId');
|
|
- document.getElementById("staticData").contentWindow.location.reload(true);
|
|
|
|
|
|
+ // document.getElementById("staticData").contentWindow.location.reload(true);
|
|
this.iframeSrc = `${process.env.BASE_URL}:8889/#/details?perjectId=${this.projectId}&secret=${this.secret}&FmId=${this.$route.query.RoomID}&type=0&code=${this.$route.query.zone}`
|
|
this.iframeSrc = `${process.env.BASE_URL}:8889/#/details?perjectId=${this.projectId}&secret=${this.secret}&FmId=${this.$route.query.RoomID}&type=0&code=${this.$route.query.zone}`
|
|
|
|
+ },
|
|
|
|
+ getSpaceImg() {
|
|
|
|
+ // 获取空间位置图片
|
|
|
|
+ console.log(this.spaceDetails, 222222)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
- // 监听路由地址,并判断有RoomID和zone,重新请求空间
|
|
|
|
- "$route"(){
|
|
|
|
|
|
+ // 监听路由地址,并判断有RoomID和zone,重新请求空间数据
|
|
|
|
+ "$route"() {
|
|
if (this.$route.query.RoomID && this.$route.query.zone) {
|
|
if (this.$route.query.RoomID && this.$route.query.zone) {
|
|
this.getData();
|
|
this.getData();
|
|
}
|
|
}
|
|
@@ -164,6 +190,17 @@ export default {
|
|
color: #333;
|
|
color: #333;
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
+.objectRelationship {
|
|
|
|
+ display: flex;
|
|
|
|
+ .objectRelationship-left,
|
|
|
|
+ .objectRelationship-center,
|
|
|
|
+ .objectRelationship-right {
|
|
|
|
+ flex: 1;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+}
|
|
.el-tabs__content {
|
|
.el-tabs__content {
|
|
height: 750px;
|
|
height: 750px;
|
|
}
|
|
}
|