浏览代码

修改租户放大备注 及样式

haojianlong 5 年之前
父节点
当前提交
22772adbda
共有 1 个文件被更改,包括 18 次插入7 次删除
  1. 18 7
      src/views/ledger/rentlist/manageTenantZone.vue

+ 18 - 7
src/views/ledger/rentlist/manageTenantZone.vue

@@ -47,12 +47,13 @@
               <div><i class="el-icon-caret-top"></i></div>
             </div>
             <div class="floor">
-              <div v-for="(fl,i) in floorList" :key="fl.id" :class="{'active':fl.active}" @click="floorChange(i)">
+              <div v-for="(fl,i) in floorList" :key="fl.id" :class="{'active':fl.active,'textParent':true}" @click="floorChange(i)">
                 <div class="text">
                   {{fl.FloorLocalID || fl.FloorLocalName}}
                   <span>9+</span>
                 </div>
               </div>
+              <div class="border"></div>
             </div>
             <div class="after">
               <div><i class="el-icon-caret-bottom"></i></div>
@@ -104,7 +105,7 @@ export default {
         isEdit: false,
         groupSelect: true
       },
-      hasMap: false
+      hasMap: true
     }
   },
   components: {
@@ -305,7 +306,6 @@ export default {
           // 绘制业务空间
           this.getBusinessSpace();
           this.view.fitSceneToView();
-          this.view.maxScale = this.view.scale * 10;
           this.view.minScale = this.view.scale;
           if (this.$refs.canvasFun) {
             this.$refs.canvasFun.everyScale = this.view.scale;
@@ -339,7 +339,8 @@ export default {
     "view.scale": {
       handler(n) {
         if (this.$refs.canvasFun) {
-          this.$refs.canvasFun.sliderVal = n * 10 / this.view.minScale;
+          let s = n * 10 / this.view.minScale
+          this.$refs.canvasFun.sliderVal = s > 1000 ? 1000 : s;
         }
       }
     },
@@ -418,12 +419,13 @@ export default {
         }
       }
       .floor {
+        position: relative;
         height: 210px;
         overflow-y: auto;
         &::-webkit-scrollbar {
           display: none;
         }
-        & > div {
+        .textParent {
           cursor: pointer;
           &.active {
             background-image: url(~@/assets/image/floorBG.png);
@@ -444,8 +446,6 @@ export default {
             margin: 0 auto;
             padding: 0 10px;
             box-sizing: border-box;
-            border-left: 1px solid @normal-border-color;
-            border-right: 1px solid @normal-border-color;
             &:hover {
               background-color: #409eff1a;
             }
@@ -466,6 +466,17 @@ export default {
             }
           }
         }
+        div.border {
+          position: absolute;
+          width: 52px;
+          height: 100%;
+          left: 50%;
+          top: 0;
+          z-index: -1;
+          transform: translateX(-50%);
+          border-left: 1px solid @normal-border-color;
+          border-right: 1px solid @normal-border-color;
+        }
       }
     }
     .canvas-fun {