|
@@ -2,7 +2,7 @@
|
|
|
* @Author: zhangyu
|
|
|
* @Date: 2019-11-13 17:00:59
|
|
|
* @Info: 系统集成成果辅助屏
|
|
|
- * @LastEditTime: 2019-11-15 11:10:58
|
|
|
+ * @LastEditTime: 2019-11-18 16:49:55
|
|
|
-->
|
|
|
<template>
|
|
|
<div>
|
|
@@ -17,11 +17,19 @@
|
|
|
<div class="data-box">
|
|
|
<realtime-data :queryParams="queryParams"></realtime-data>
|
|
|
</div>
|
|
|
- <div class="buildFloor-box">
|
|
|
- <buildfloor-list :queryParams="queryParams"></buildfloor-list>
|
|
|
+ <div class="example-box">
|
|
|
+ <example-list :queryParams="queryParams" @changeExample="handleChangeExample"></example-list>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-right">
|
|
|
+ <canvas v-if="drawCanvas" height="100%" :width="canvasWidth" class="instanceMap" :id="form.instanceId" :k="refreshCanvas"></canvas>
|
|
|
+ <div class="no-data" v-else>
|
|
|
+ <div class="position-icon">
|
|
|
+ <i class="icon-wushuju iconfont"></i>
|
|
|
+ 数据暂无
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-right"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -29,12 +37,12 @@
|
|
|
<script>
|
|
|
import { mapGetters } from 'vuex'
|
|
|
import realtimeData from '@/components/screen/integrateresults/realtimeData'
|
|
|
-import buildfloorList from '@/components/screen/integrateresults/buildfloorList'
|
|
|
+import exampleList from '@/components/screen/integrateresults/exampleList'
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
|
realtimeData,
|
|
|
- buildfloorList
|
|
|
+ exampleList
|
|
|
},
|
|
|
computed: {
|
|
|
...mapGetters('layout', ['userInfo', 'projectId', 'projects', 'userId'])
|
|
@@ -51,7 +59,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
-
|
|
|
+ handleChangeExample(example) {
|
|
|
+ console.log(example)
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
$route(to,from){
|
|
@@ -91,7 +101,7 @@ $borderColor: rgba(201, 201, 201, 1);
|
|
|
height: 140px;
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
- .buildFloor-box{
|
|
|
+ .example-box{
|
|
|
flex-grow: 1;
|
|
|
flex-shrink: 1;
|
|
|
border: 1px solid $borderColor;
|
|
@@ -101,6 +111,18 @@ $borderColor: rgba(201, 201, 201, 1);
|
|
|
flex-grow: 1;
|
|
|
flex-shrink: 1;
|
|
|
border: 1px solid $borderColor;
|
|
|
+ .no-data{
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ .position-icon{
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%,-50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|