|
@@ -24,20 +24,35 @@
|
|
|
v-if="spaceDetails.RoomQRCode">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="spaceDetails.Outline && spaceDetails.Outline[0] && spaceDetails.Outline[0].length" id="graphy" ref="graphy"
|
|
|
+ <div v-show="spaceDetails.Outline && spaceDetails.Outline[0] && spaceDetails.Outline[0].length" id="graphy" ref="graphy"
|
|
|
style="width:400px;height:400px;">
|
|
|
<p><b>位置图片:</b></p>
|
|
|
<canvas id="floorCanvas" :width="canvasWidth" :height="canvasHeight" ref="canvas" tabindex="0"></canvas>
|
|
|
</div>
|
|
|
+ <div v-show="spaceDetails.Outline && !spaceDetails.Outline[0] || !spaceDetails.Outline"
|
|
|
+ style="height: 400px;transform: translateY(50%);textAlign:center;">
|
|
|
+ <i class="icon-wushuju iconfont"></i>
|
|
|
+ 数据暂无
|
|
|
+ </div>
|
|
|
<div class="space-img" 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>
|
|
|
</div>
|
|
|
- <div v-if="spaceDetails.Outline && !spaceDetails.Outline[0] || !spaceDetails.Outline" style="height: 100%;transform: translateY(150%);textAlign:center;">
|
|
|
- <i class="icon-wushuju iconfont"></i>
|
|
|
- 数据暂无
|
|
|
- </div>
|
|
|
+ <!-- <div class="space-img" v-if="!spaceDetails.Pic">
|
|
|
+ <div class="img-box">
|
|
|
+ <img src="https://hbimg.huabanimg.com/2787ad434fc2bc819a5d7deda3855d897a99d528ab4a-e3HRgR_fw658" alt="空间图片">
|
|
|
+ </div>
|
|
|
+ <div class="img-box">
|
|
|
+ <img src="https://hbimg.huabanimg.com/5e4e3239dc7eca56eb92ca612d49d824f022b13621d5a-Ga7voM_fw658" alt="空间图片">
|
|
|
+ </div>
|
|
|
+ <div class="img-box">
|
|
|
+ <img src="https://hbimg.huabanimg.com/60e2a25564f6ac13e7e16a19dcc3e194d565776231347-1Cw8dg_fw658" alt="空间图片">
|
|
|
+ </div>
|
|
|
+ <div class="img-box">
|
|
|
+ <img src="https://hbimg.huabanimg.com/2ea712954c75ff1b1e13329e7e4209f0691b88945c73-JCmkXX_fw658" alt="空间图片">
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
</el-scrollbar>
|
|
|
</el-aside>
|
|
|
<el-main>
|
|
@@ -196,7 +211,6 @@ export default {
|
|
|
this.FloorMap = res.Content[0].StructureInfo.FloorMap;
|
|
|
this.getGraphy();
|
|
|
}
|
|
|
-
|
|
|
})
|
|
|
},
|
|
|
getGraphy() {// 绘制空间位置图片
|
|
@@ -334,6 +348,8 @@ export default {
|
|
|
}
|
|
|
.space-img {
|
|
|
width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 20px;
|
|
|
.img-box {
|
|
|
float: left;
|
|
|
position: relative;
|