Bläddra i källkod

位置图片调整

yangjunjing 5 år sedan
förälder
incheckning
5ede3e3a3f
1 ändrade filer med 22 tillägg och 6 borttagningar
  1. 22 6
      src/views/screen/splitscreen/spaceledger/index.vue

+ 22 - 6
src/views/screen/splitscreen/spaceledger/index.vue

@@ -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;