|
@@ -12,7 +12,7 @@
|
|
|
<div class="aside-top">
|
|
|
<div class="aside-top-left">
|
|
|
<p><b>空间功能区类型:</b>{{spaceDetails.RoomFuncType?spaceDetails.RoomFuncType:"-"}}</p>
|
|
|
- <p><b>备注文字:</b>{{spaceDetails.Intro?spaceDetails.Intro:"-"}}</p>
|
|
|
+ <p style="padding-right: 10px"><b>备注文字:</b>{{spaceDetails.Intro?spaceDetails.Intro:"-"}}</p>
|
|
|
</div>
|
|
|
<div class="aside-top-right">
|
|
|
<p><b>空间二维码:</b><span v-if="!spaceDetails.RoomQRCode">-</span></p>
|
|
@@ -24,6 +24,7 @@
|
|
|
<p><b>位置图片:</b></p>
|
|
|
<div v-show="spaceDetails.Outline && spaceDetails.Outline[0] && spaceDetails.Outline[0].length" id="graphy" ref="graphy"
|
|
|
style="width:400px;height:280px;" v-loading="canvasLoading">
|
|
|
+ <div style="color:#333;font-weight: 700">{{buildingFloor}}</div>
|
|
|
<canvas id="floorCanvas" :width="canvasWidth" :height="canvasHeight" ref="canvas" tabindex="0"></canvas>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -36,8 +37,8 @@
|
|
|
<el-scrollbar>
|
|
|
<p><b>空间照片:</b></p>
|
|
|
<div v-if="spaceDetails.Pic">
|
|
|
- <div class="img-box" v-for="(item) in spaceDetails.Pic" :key='`${item.Id}+${item.key}`'>
|
|
|
- <img :src="`/image-service/common/image_get?systemId=dataPlatform&key=${item.key}`" alt="空间图片">
|
|
|
+ <div class="img-box" v-for="(item) in spaceDetails.Pic" :key='`${item.Id}+${item.Key}`'>
|
|
|
+ <img :src="`/image-service/common/image_get?systemId=dataPlatform&key=${item.Key}`" alt="空间图片">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-show="!spaceDetails.Pic" style="height:100%;transform: translateY(50%);textAlign:center;">
|
|
@@ -51,9 +52,12 @@
|
|
|
<el-tabs v-model="activeTab" type='card'>
|
|
|
<template v-for="(item,index) in tabsList">
|
|
|
<el-tab-pane :name="item.Code" :key="index" :label="item.Name">
|
|
|
- <div v-show="activeTab === 'staticData'" style="width:100%;height:100%;textAlign:left;" id="iframe-box"></div>
|
|
|
+ <div v-show="activeTab === 'staticData'" style="width:100%;height:100%;text-align: left;"
|
|
|
+ id="iframe-box"></div>
|
|
|
<div v-show="activeTab === 'dynamicData'" style="width:100%;height:100%;">
|
|
|
<div class="content-box">
|
|
|
+ <div style="text-align: left;margin-bottom: 10px"> <el-checkbox v-model="onlyMessage" @change="handleCheckbox">只看需采集的信息点</el-checkbox></div>
|
|
|
+
|
|
|
<el-table ref="multipleTable" :data="tableData" stripe :header-cell-style="headerStyle">
|
|
|
<el-table-column prop="InfoPointName" label="信息点名称">
|
|
|
<template slot-scope="scope">
|
|
@@ -65,6 +69,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="functionNo" label="表号功能号"></el-table-column>
|
|
|
<el-table-column prop="functionNoDynamicData" label="动态数据"></el-table-column>
|
|
|
+ <el-table-column prop="functionNoTime" label="数据采集时间"></el-table-column>
|
|
|
<!-- 后台未提供,暂不显示 -->
|
|
|
<!-- <el-table-column prop="LastUpdate" label="数据采集时间"></el-table-column> -->
|
|
|
<template slot="empty">
|
|
@@ -100,66 +105,68 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapGetters } from "vuex";
|
|
|
-import { zoneQuery, getAllbusiness, getDataDictionary, floorQuery, buildingQuery, BeatchQueryParam } from '@/api/scan/request'
|
|
|
-import eqToSpaceTable from '@/components/business_space/newTables/eqToSpaceTable'
|
|
|
-import syInSpaceTable from '@/components/business_space/newTables/syInSpaceTable'
|
|
|
-import { DivideFloorScene, SpaceItem, ZoneItem, FloorView } from "@saga-web/cad-engine/lib";
|
|
|
-import tools from "@/utils/scan/tools";
|
|
|
+ import {BeatchQueryParam, floorQuery, getDataDictionary, zoneQuery} from '@/api/scan/request'
|
|
|
+ import eqToSpaceTable from '@/components/business_space/newTables/eqToSpaceTable'
|
|
|
+ import syInSpaceTable from '@/components/business_space/newTables/syInSpaceTable'
|
|
|
+ import {DivideFloorScene, FloorView} from "@saga-web/cad-engine/lib";
|
|
|
+ import tools from "@/utils/scan/tools";
|
|
|
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- tabsList: [
|
|
|
- { Code: 'staticData', Name: '静态数据' },
|
|
|
- { Code: 'dynamicData', Name: '动态数据' },
|
|
|
- { Code: 'objectRelationship', Name: '对象关系' }
|
|
|
- ],
|
|
|
- activeTab: 'staticData',
|
|
|
- checked: true,
|
|
|
- spaceDetails: {},
|
|
|
- iframeSrc: '',
|
|
|
- proId: '',
|
|
|
- params: {},
|
|
|
- view: null,
|
|
|
- scene: null,
|
|
|
- canvasWidth: 410,
|
|
|
- canvasHeight: 300,
|
|
|
- page: {
|
|
|
- pageSize: 50,
|
|
|
- pageSizes: [10, 20, 50, 100],
|
|
|
- pageNumber: 1,
|
|
|
- total: 0
|
|
|
- },
|
|
|
- tableData: [],
|
|
|
- headerStyle: {// 列表样式
|
|
|
- backgroundColor: '#e1e4e5',
|
|
|
- color: '#2b2b2b',
|
|
|
- lineHeight: '30px'
|
|
|
- },
|
|
|
- secret: '',
|
|
|
- canvasLoading: false
|
|
|
- }
|
|
|
- },
|
|
|
- components: {
|
|
|
- eqToSpaceTable,
|
|
|
- syInSpaceTable
|
|
|
- },
|
|
|
- beforeRouteEnter(to, from, next) {
|
|
|
- if (to.query.RoomID && to.query.zone) {
|
|
|
- next();
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- if (this.$route.name === "spaceLedger" && this.$route.query.RoomID && this.$route.query.zone) {
|
|
|
- this.getData();
|
|
|
- }
|
|
|
- },
|
|
|
- updated() { },
|
|
|
- computed: {},
|
|
|
- methods: {
|
|
|
- getData() {
|
|
|
- this.params = this.$route.query;
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tabsList: [
|
|
|
+ {Code: 'staticData', Name: '静态数据'},
|
|
|
+ {Code: 'dynamicData', Name: '动态数据'},
|
|
|
+ {Code: 'objectRelationship', Name: '对象关系'}
|
|
|
+ ],
|
|
|
+ activeTab: 'staticData',
|
|
|
+ checked: true,
|
|
|
+ spaceDetails: {},
|
|
|
+ iframeSrc: '',
|
|
|
+ proId: '',
|
|
|
+ params: {},
|
|
|
+ view: null,
|
|
|
+ scene: null,
|
|
|
+ canvasWidth: 410,
|
|
|
+ canvasHeight: 300,
|
|
|
+ page: {
|
|
|
+ pageSize: 50,
|
|
|
+ pageSizes: [10, 20, 50, 100],
|
|
|
+ pageNumber: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ headerStyle: {// 列表样式
|
|
|
+ backgroundColor: '#e1e4e5',
|
|
|
+ color: '#2b2b2b',
|
|
|
+ lineHeight: '30px'
|
|
|
+ },
|
|
|
+ secret: '',
|
|
|
+ canvasLoading: false,
|
|
|
+ buildingFloor: localStorage.getItem('buildingFloor'),
|
|
|
+ onlyMessage: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ eqToSpaceTable,
|
|
|
+ syInSpaceTable
|
|
|
+ },
|
|
|
+ beforeRouteEnter(to, from, next) {
|
|
|
+ if (to.query.RoomID && to.query.zone) {
|
|
|
+ next();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ if (this.$route.name === "spaceLedger" && this.$route.query.RoomID && this.$route.query.zone) {
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updated() {
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ getData() {
|
|
|
+ this.params = this.$route.query;
|
|
|
// 获取空间数据
|
|
|
let params = {
|
|
|
Filters: `RoomID="${this.$route.query.RoomID}"`,
|
|
@@ -182,7 +189,7 @@ export default {
|
|
|
let box = document.getElementById('iframe-box');
|
|
|
box.innerHTML = '';
|
|
|
let iframe = document.createElement('iframe');
|
|
|
- iframe.src = this.iframeSrc;
|
|
|
+ iframe.src = this.iframeSrc
|
|
|
iframe.style.width = '100%';
|
|
|
iframe.style.height = '100%';
|
|
|
box.appendChild(iframe);
|
|
@@ -251,27 +258,39 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
getDataDictionary(params, res => {// 获取表号功能号
|
|
|
- this.tableData = res.Content;
|
|
|
+ // this.tableData = res.Content;
|
|
|
+
|
|
|
+ if (this.onlyMessage) {
|
|
|
+ this.tableData = res.Content.filter(i => i.Visible)
|
|
|
+ } else {
|
|
|
+ this.tableData = res.Content
|
|
|
+ }
|
|
|
this.tableData.map(item => {
|
|
|
let cur = tools.dataForKey(this.spaceDetails, item.Path);
|
|
|
- item.functionNo = cur;
|
|
|
+ // item.functionNo = cur;
|
|
|
param.data.criterias.push({
|
|
|
id: this.spaceDetails.RoomID,
|
|
|
code: item.InfoPointCode
|
|
|
});
|
|
|
})
|
|
|
BeatchQueryParam(param, res => {// 获取动态数据
|
|
|
- res.Content.map((item, index) => {
|
|
|
+ res.Content.forEach((item, index) => {
|
|
|
+ this.$set(this.tableData[index], 'functionNo', item.data)
|
|
|
+ this.$set(this.tableData[index], 'functionNoTime', item.receivetime)
|
|
|
tools.setDataForKey(
|
|
|
this.spaceDetails,
|
|
|
this.tableData[index].Path,
|
|
|
- this.$set(this.tableData[index], "functionNoDynamicData", item.error ? item.value ? "表号功能号格式错误" : "表号功能号不存在" : "暂未采集到实时数据")
|
|
|
+ this.$set(this.tableData[index], "functionNoDynamicData", item.interrupt ? '已断数' :(item.error ? item.value ? "表号功能号不存在" : "未维护" : "暂未采集到实时数据"))
|
|
|
);
|
|
|
})
|
|
|
});
|
|
|
})
|
|
|
- }
|
|
|
- },
|
|
|
+ },
|
|
|
+ handleCheckbox(val) {
|
|
|
+ this.onlyMessage = val
|
|
|
+ this.getInFormationPoitnName()
|
|
|
+ }
|
|
|
+ },
|
|
|
watch: {
|
|
|
// 监听路由地址,并判断有RoomID和zone,重新请求空间数据
|
|
|
"$route"(to, from) {
|
|
@@ -411,4 +430,4 @@ export default {
|
|
|
/deep/ .el-tabs__content {
|
|
|
height: 100%;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|