zc

src/assets/styles/ZDindex.sass

@@ -3,11 +3,5 @@
 @import 'ZDelement'
 @import 'ZDpageCss'
 @import 'ZDvideo'
-@import 'ZDmapOne'
-@import 'ZDmapTwo'
-@import 'ZDmapThree'
-@import 'ZDmapFour'
-@import 'ZDmapFive'
-@import 'ZDmapSix'
-@import 'ZDmapSeven'
+@import 'ZDmap'
 @import 'ZDbigData'

src/assets/styles/ZDmap.scss

@@ -0,0 +1,170 @@
+.colorA{
+  color:$lv4Danger;
+}
+.colorB{
+  color:$lv3Danger;
+}
+.colorC{
+  color:$lv2Danger;
+}
+.colorD{
+  color:$lv1Danger;
+}
+.map-one-max-box{
+  background :url("../ZDimages/icon_bj_syspmtcy_jinan.png");
+  background-size:100%;
+  overflow :hidden;
+  position:relative;
+  p{
+    margin:0;
+  }
+  .map-min-box{
+    overflow:hidden;
+    cursor:pointer;
+    display :inline-block;
+    position :relative;
+    p:nth-child(1){
+      margin-top:40px;
+      padding:0 4px;
+      color:#333;
+      font-size:13px;
+      text-align :center;
+    }
+    p:nth-child(2){
+      opacity: 0;
+      background: rgba(0,0,0,0.7);
+      color:#fff;
+      position: absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      line-height:123px;
+      font-size:12px;
+      text-align:center;
+    }
+    p:nth-child(2):hover{
+      opacity: 1;
+    }
+  }
+  .map-min-box:nth-child(1){
+    margin:4px 102px 0 0;
+    height:114px;
+    width:115px;
+  }
+  .map-min-box:nth-child(2){
+    margin: 4px 0 0 0;
+    height: 114px;
+    width: 72px;
+  }
+  .map-min-box:nth-child(3){
+    margin: 4px 0 0 0;
+    height: 114px;
+    width: 71px;
+  }
+  .map-min-box:nth-child(4){
+    margin: 4px 0 0 0;
+    height: 114px;
+    width: 71px;
+  }
+  .map-min-box:nth-child(5){
+    margin: 4px 0 0 0;
+    height: 114px;
+    width: 71px;
+  }
+  .map-min-box:nth-child(6){
+    margin: 4px 0 0 0;
+    height: 114px;
+    width: 71px;
+  }
+  .map-min-box:nth-child(7){
+    margin: 4px 0 0 0;
+    height: 114px;
+    width: 71px;
+  }
+  .map-min-box:nth-child(8){
+    margin: 4px 60px 0 0;
+    height: 114px;
+    width: 71px;
+  }
+  .map-min-box:nth-child(9){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 65px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(10){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 76px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(11){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 76px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(12){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 72px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(13){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 71px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(14){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 71px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(15){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 71px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(16){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 71px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(17){
+    margin: 63px 0 0 0;
+    height: 171px;
+    width: 72px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+  .map-min-box:nth-child(18){
+    margin: 63px 35px 0 0;
+    height: 171px;
+    width: 71px;
+    p:nth-child(1){
+      margin-top:75px;
+    }
+  }
+}

src/assets/styles/ZDmapFive.scss

@@ -1,110 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-five-max-box{
-  background :url("../ZDimages/five.png");
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 93px 0 2px;
-    height:123px;
-    width:113px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:68px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:69px;
-  }
-  .map-min-box:nth-child(4){
-    margin:4px 370px 0 0;
-    height:123px;
-    width:69px;
-  }
-  .map-min-box:nth-child(5){
-    margin:4px 2px 0 117px;
-    height:123px;
-    width:89px;
-  }
-  .map-min-box:nth-child(6){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:124px;
-  }
-  .map-min-box:nth-child(7){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:83px;
-  }
-  .map-min-box:nth-child(8){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:78px;
-  }
-  .map-min-box:nth-child(9){
-    margin:103px 2px 43px 0;
-    height:80px;
-    width:57px;
-  }
-  .map-min-box:nth-child(10){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:103px;
-  }
-  .map-min-box:nth-child(11){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:38px;
-  }
-  .map-min-box:nth-child(12){
-    margin:103px 0 0 0;
-    height:123px;
-    width:86px;
-  }
-}

src/assets/styles/ZDmapFour.scss

@@ -1,100 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-four-max-box{
-  background :url("../ZDimages/four.png");
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 93px 0 2px;
-    height:123px;
-    width:113px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:123px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 330px 0 0;
-    height:123px;
-    width:84px;
-  }
-  .map-min-box:nth-child(4){
-    margin:103px 2px 0 117px;
-    height:123px;
-    width:214px;
-  }
-  .map-min-box:nth-child(5){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:84px;
-  }
-  .map-min-box:nth-child(6){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:78px;
-  }
-  .map-min-box:nth-child(7){
-    margin:103px 2px 43px 0;
-    height:80px;
-    width:57px;
-  }
-  .map-min-box:nth-child(8){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:103px;
-  }
-  .map-min-box:nth-child(9){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:38px;
-  }
-  .map-min-box:nth-child(10){
-    margin:103px 0 0 0;
-    height:123px;
-    width:86px;
-  }
-}

src/assets/styles/ZDmapOne.scss

@@ -1,120 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-one-max-box{
-  background :url("../ZDimages/one.png");
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 2px 0 2px;
-    height:123px;
-    width:61px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 46px 0 0;
-    height:123px;
-    width:60px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 44px 0 0;
-    height:123px;
-    width:120px;
-  }
-  .map-min-box:nth-child(4){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:181px;
-  }
-  .map-min-box:nth-child(5){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:121px;
-  }
-  .map-min-box:nth-child(6){
-    margin:4px 89px 0 0;
-    height:123px;
-    width:61px;
-  }
-  .map-min-box:nth-child(7){
-    margin:103px 2px 0 2px;
-    height:123px;
-    width:116px;
-  }
-  .map-min-box:nth-child(8){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:168px;
-  }
-  .map-min-box:nth-child(9){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:96px;
-  }
-  .map-min-box:nth-child(10){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:83px;
-  }
-  .map-min-box:nth-child(11){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:82px;
-  }
-  .map-min-box:nth-child(12){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:82px;
-  }
-  .map-min-box:nth-child(13){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:60px;
-  }
-  .map-min-box:nth-child(14){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:86px;
-  }
-}

src/assets/styles/ZDmapSeven.scss

@@ -1,90 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-seven-max-box{
-  background :url("../ZDimages/seven.png") no-repeat;
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 2px 0 271px;
-    height:95px;
-    width:77px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 2px 0 0;
-    height:95px;
-    width:77px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 2px 0 0;
-    height:95px;
-    width:64px;
-  }
-  .map-min-box:nth-child(4){
-    margin:4px 180px 0 0;
-    height:95px;
-    width:114px;
-  }
-  .map-min-box:nth-child(5){
-    margin:79px 2px 0 267px;
-    height:95px;
-    width:119px;
-  }
-  .map-min-box:nth-child(6){
-    margin:79px 2px 0 0;
-    height:95px;
-    width:140px;
-  }
-  .map-min-box:nth-child(7){
-    margin:79px 2px 0 0;
-    height:95px;
-    width:78px;
-  }
-  .map-min-box:nth-child(8){
-    margin:79px 2px 0 0;
-    height:95px;
-    width:80px;
-  }
-}

src/assets/styles/ZDmapSix.scss

@@ -1,90 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-six-max-box{
-  background :url("../ZDimages/six.png");
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 2px 0 122px;
-    height:123px;
-    width:207px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:226px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 150px 0 0;
-    height:123px;
-    width:79px;
-  }
-  .map-min-box:nth-child(4){
-    margin:101px 2px 26px 117px;
-    height:98px;
-    width:90px;
-  }
-  .map-min-box:nth-child(5){
-    margin:101px 2px 26px 0;
-    height:98px;
-    width:122px;
-  }
-  .map-min-box:nth-child(6){
-    margin:101px 2px 0 0;
-    height:123px;
-    width:223px;
-  }
-  .map-min-box:nth-child(7){
-    margin:101px 42px 0 0;
-    height:123px;
-    width:103px;
-  }
-  .map-min-box:nth-child(8){
-    margin:101px 2px 0 0;
-    height:123px;
-    width:86px;
-  }
-}

src/assets/styles/ZDmapThree.scss

@@ -1,105 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-three-max-box{
-  background :url("../ZDimages/three.png");
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 2px 0 2px;
-    height:123px;
-    width:61px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 46px 0 0;
-    height:123px;
-    width:60px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 45px 0 0;
-    height:123px;
-    width:120px;
-  }
-  .map-min-box:nth-child(4){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:180px;
-  }
-  .map-min-box:nth-child(5){
-    margin:4px 89px 0 0;
-    height:123px;
-    width:184px;
-  }
-  .map-min-box:nth-child(6){
-    margin:103px 3px 0 2px;
-    height:123px;
-    width:115px;
-  }
-  .map-min-box:nth-child(7){
-    margin:103px 2px 0 0;
-    height:123px;
-    width:167px;
-  }
-  .map-min-box:nth-child(8){
-    margin:103px 2px 0 1px;
-    height:123px;
-    width:161px;
-  }
-  .map-min-box:nth-child(9){
-    margin:103px 2px 0 1px;
-    height:123px;
-    width:154px;
-  }
-  .map-min-box:nth-child(10){
-    margin:103px 2px 0 1px;
-    height:123px;
-    width:90px;
-  }
-  .map-min-box:nth-child(11){
-    margin:103px 2px 0 1px;
-    height:123px;
-    width:84px;
-  }
-}

src/assets/styles/ZDmapTwo.scss

@@ -1,110 +0,0 @@
-.colorA{
-  color:$lv4Danger;
-}
-.colorB{
-  color:$lv3Danger;
-}
-.colorC{
-  color:$lv2Danger;
-}
-.colorD{
-  color:$lv1Danger;
-}
-.map-two-max-box{
-  background :url("../ZDimages/two.png");
-  background-size:100%;
-  overflow :hidden;
-  position:relative;
-  p{
-    margin:0;
-  }
-  .map-min-box{
-    overflow:hidden;
-    cursor:pointer;
-    display :inline-block;
-    position :relative;
-    p:nth-child(1){
-      margin-top:40px;
-      padding:0 4px;
-      color:#333;
-      font-size:13px;
-      text-align :center;
-    }
-    p:nth-child(2){
-      opacity: 0;
-      background: rgba(0,0,0,0.7);
-      color:#fff;
-      position: absolute;
-      top:0;
-      left:0;
-      height:100%;
-      width:100%;
-      line-height:123px;
-      font-size:12px;
-      text-align:center;
-    }
-    p:nth-child(2):hover{
-      opacity: 1;
-    }
-  }
-  .map-min-box:nth-child(1){
-    margin:4px 2px 0 2px;
-    height:123px;
-    width:61px;
-  }
-  .map-min-box:nth-child(2){
-    margin:4px 46px 0 0;
-    height:123px;
-    width:60px;
-  }
-  .map-min-box:nth-child(3){
-    margin:4px 44px 0 0;
-    height:123px;
-    width:120px;
-  }
-  .map-min-box:nth-child(4){
-    margin:4px 2px 0 0;
-    height:123px;
-    width:180px;
-  }
-  .map-min-box:nth-child(5){
-    margin:4px 89px 0 0;
-    height:123px;
-    width:184px;
-  }
-  .map-min-box:nth-child(6){
-    margin:103px 1px 0 2px;
-    height:123px;
-    width:116px;
-  }
-  .map-min-box:nth-child(7){
-    margin:103px 2px 0 2px;
-    height:123px;
-    width:165px;
-  }
-  .map-min-box:nth-child(8){
-    margin:103px 1px 0 2px;
-    height:123px;
-    width:115px;
-  }
-  .map-min-box:nth-child(9){
-    margin:103px 2px 0 2px;
-    height:123px;
-    width:106px;
-  }
-  .map-min-box:nth-child(10){
-    margin:103px 1px 0 2px;
-    height:123px;
-    width:88px;
-  }
-  .map-min-box:nth-child(11){
-    margin:103px 1px 0 2px;
-    height:123px;
-    width:92px;
-  }
-  .map-min-box:nth-child(12){
-    margin:103px 2px 0 2px;
-    height:123px;
-    width:84px;
-  }
-}

src/views/comprehensive/laboratoryManagement/building/index.vue

@@ -9,8 +9,7 @@
     <div class="right-max-box">
       <p class="right-top-title color_33" v-if="rightDataList[0]">{{rightTitle}}</p>
       <div class="map-img-box border-solid-color-99" v-if="rightDataList[0]">
-        <div class="map-max-box" v-for="(item,index) in rightDataList" :key="index" v-if="index == fatherIndex"
-             :class="item.id==2?'map-one-max-box':(item.id==3?'map-two-max-box':(item.id==4?'map-three-max-box':(item.id==5?'map-four-max-box':(item.id==6?'map-six-max-box':(item.id==7?'map-seven-max-box':(item.id==8?'map-five-max-box':''))))))">
+        <div class="map-max-box map-one-max-box" v-for="(item,index) in rightDataList" :key="index" v-if="index == fatherIndex">
         <!--<div class="map-max-box map-seven-max-box" v-for="(item,index) in rightDataList" :key="index" v-if="index == fatherIndex">-->
           <div class="map-min-box for-box" v-for="(minItem,minIndex) in item.list" :key="minIndex">
             <p>{{minItem.isSubject == 1?minItem.room:minItem.room}}</p>
@@ -267,56 +266,17 @@ export default {
       }
       .map-img-box{
         flex:1;
-        /*width:1218px;*/
-        /*height:579px;*/
         margin:0 30px;
         position: relative;
-        /*overflow: hidden;*/
         .map-max-box{
           position: absolute;
           top:50%;
           left:50%;
           display: block;
-          width:791px;
+          width:806px;
           height:360px;
           margin-left:-395px;
           margin-top:-180px;
-          /*height:613px;
-          width:1344px;
-          margin-left:-672px;
-          margin-top:-306px;
-          */
-
-
-          /*.map-min-box{*/
-            /*overflow:hidden;*/
-            /*cursor:pointer;*/
-            /*display :inline-block;*/
-            /*position :relative;*/
-            /*p:nth-child(1){*/
-              /*margin-top:40px;*/
-              /*padding:0 4px;*/
-              /*color:#333;*/
-              /*font-size:13px;*/
-              /*text-align :center;*/
-            /*}*/
-            /*p:nth-child(2){*/
-              /*opacity: 0;*/
-              /*backAnimation: rgba(0,0,0,0.7);*/
-              /*color:#fff;*/
-              /*position: absolute;*/
-              /*top:0;*/
-              /*left:0;*/
-              /*height:100%;*/
-              /*width:100%;*/
-              /*line-height:123px;*/
-              /*font-size:12px;*/
-              /*text-align:center;*/
-            /*}*/
-            /*p:nth-child(2):hover{*/
-              /*opacity: 1;*/
-            /*}*/
-          /*}*/
         }
       }
       .carousel{

src/views/emergencyEvacuationBig.vue

@@ -51,7 +51,7 @@
                  v-for="(item,index) in fjList" :key="index">
               {{item.room}}
             </div>
-            <img class="map-min-img" src="@/assets/ZDimages/icon_zjt.gif" v-show="lightList[0].type">
+            <img class="map-min-img" src="@/assets/ZDimages/icon_sjt.gif" v-show="lightList[0].type">
             <img class="map-min-img" src="@/assets/ZDimages/icon_yjt.gif" v-show="lightList[1].type">
             <img class="map-min-img" src="@/assets/ZDimages/icon_zjt.gif" v-show="lightList[2].type">
             <img class="map-min-img" src="@/assets/ZDimages/icon_yjt.gif" v-show="lightList[3].type">
@@ -131,7 +131,7 @@
         type:"",
         value:"0",
         title:"",
-        minTitle:"环境与测绘大楼1F",
+        minTitle:"环境学院-祈福楼 环境与气象研究所",
         //疏散方向数据
         routeList:[
           {
@@ -793,7 +793,7 @@
             height:505px;
             width:1133px;
             margin:50px auto;
-            background: url("../assets/ZDimages/icon_bj_syspmtcy.png");
+            background: url("../assets/ZDimages/icon_bj_syspmtcy_jinan.png");
             position: relative;
             .map-min-for-box{
               overflow: hidden;
@@ -805,83 +805,133 @@
               background: rgba(0,189,255,0.3);
             }
             .map-min-for-box:nth-child(1){
-              margin:6px 0 0 2px;
-              width:136px;
-              height:173px;
+              margin:4px 143px 0 0;
+              width:162px;
+              height:162px;
             }
             .map-min-for-box:nth-child(2){
-              margin:6px 0 0 154px;
-              width:172px;
-              height:173px;
+              margin:4px 0 0 0;
+              width:101px;
+              height:162px;
             }
             .map-min-for-box:nth-child(3){
-              margin:6px 500px 0 2px;
-              width:119px;
-              height:173px;
+              margin:4px 0 0 0;
+              width:101px;
+              height:162px;
             }
             .map-min-for-box:nth-child(4){
-              margin:143px 0 0 164px;
-              width:300px;
-              height:173px;
+              margin:4px 0 0 0;
+              width:100px;
+              height:162px;
             }
             .map-min-for-box:nth-child(5){
-              margin:143px 0 0 2px;
-              width:118px;
-              height:173px;
+              margin:4px 0 0 0;
+              width:100px;
+              height:162px;
             }
             .map-min-for-box:nth-child(6){
-              margin:143px 0 0 2px;
-              width:102px;
-              height:173px;
+              margin:4px 0 0 0;
+              width:100px;
+              height:162px;
             }
             .map-min-for-box:nth-child(7){
-              margin:143px 0 59px 2px;
-              width:60px;
-              height:114px;
+              margin:4px 0 0 0;
+              width:100px;
+              height:162px;
             }
             .map-min-for-box:nth-child(8){
-              margin:143px 0 0 2px;
-              width:152px;
-              height:173px;
+              margin:4px 60px 0 0;
+              width:100px;
+              height:162px;
             }
             .map-min-for-box:nth-child(9){
-              margin:143px 0 0 2px;
-              width:76px;
-              height:173px;
+              margin: 90px 0 0 0;
+              width: 92px;
+              height: 240px;
+              line-height:230px;
             }
             .map-min-for-box:nth-child(10){
-              margin:143px 0 0 2px;
-              width:90px;
-              height:173px;
+              margin: 90px 0 0 0;
+              width: 107px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(11){
+              margin: 90px 0 0 0;
+              width: 107px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(12){
+              margin: 90px 0 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(13){
+              margin: 90px 0 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(14){
+              margin: 90px 0 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(15){
+              margin: 90px 0 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(16){
+              margin: 90px 0 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(17){
+              margin: 90px 0 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
+            }
+            .map-min-for-box:nth-child(18){
+              margin: 90px 60px 0 0;
+              width: 100px;
+              height: 240px;
+              line-height:230px;
             }
             .map-min-img{
               position: absolute;
               width:40px;
               height:28px;
             }
-            .map-min-img:nth-child(11){
-              top:240px;
-              left:126px;
+            .map-min-img:nth-child(19){
+              top: 128px;
+              left: 175px;
             }
-            .map-min-img:nth-child(12){
-              top:240px;
-              left:190px;
+            .map-min-img:nth-child(20){
+              top: 194px;
+              left: 231px;
             }
-            .map-min-img:nth-child(13){
-              top:240px;
-              left:424px;
+            .map-min-img:nth-child(21){
+              top: 194px;
+              left: 540px;
             }
-            .map-min-img:nth-child(14){
-              top:240px;
-              left:490px;
+            .map-min-img:nth-child(22){
+              top: 194px;
+              left: 630px;
             }
-            .map-min-img:nth-child(15){
-              top:240px;
-              left:648px;
+            .map-min-img:nth-child(23){
+              top: 194px;
+              left: 940px;
             }
-            .map-min-img:nth-child(16){
-              top:240px;
-              left:716px;
+            .map-min-img:nth-child(24){
+              top: 194px;
+              left: 1030px;
             }
           }
         }

src/views/emergencyManagement/evacuation/emergencyEvacuation/addPage.vue

@@ -49,7 +49,7 @@
               <p><i v-if="!item.checkType&&item.subjectId != -1" class="el-icon-circle-plus-outline" @click="addItem(item)"></i></p>
               <p>{{item.room}}</p>
             </div>
-            <img class="map-min-img" src="@/assets/ZDimages/icon_zjt.gif">
+            <img class="map-min-img" src="@/assets/ZDimages/icon_sjt.gif">
             <img class="map-min-img" src="@/assets/ZDimages/icon_yjt.gif">
             <img class="map-min-img" src="@/assets/ZDimages/icon_zjt.gif">
             <img class="map-min-img" src="@/assets/ZDimages/icon_yjt.gif">
@@ -124,8 +124,8 @@
     },
     data() {
       return {
-        lou:"环境与测绘大楼",
-        cen:"1楼C区",
+        lou:"环境学院-祈福楼",
+        cen:"环境与气象研究所",
         //下啦选项
         options:[],
         //继电器路数数据
@@ -314,7 +314,7 @@
         height:505px;
         width:1133px;
         margin:20px auto;
-        background: url("../../../../assets/ZDimages/icon_bj_syspmtcy.png");
+        background: url("../../../../assets/ZDimages/icon_bj_syspmtcy_jinan.png");
         position: relative;
         .map-min-for-box{
           overflow: hidden;
@@ -342,83 +342,133 @@
           background: rgba(0,189,255,0.3);
         }
         .map-min-for-box:nth-child(1){
-          margin:6px 0 0 2px;
-          width:136px;
-          height:173px;
+          margin:4px 143px 0 0;
+          width:162px;
+          height:162px;
         }
         .map-min-for-box:nth-child(2){
-          margin:6px 0 0 154px;
-          width:172px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:101px;
+          height:162px;
         }
         .map-min-for-box:nth-child(3){
-          margin:6px 500px 0 2px;
-          width:119px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:101px;
+          height:162px;
         }
         .map-min-for-box:nth-child(4){
-          margin:143px 0 0 164px;
-          width:300px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(5){
-          margin:143px 0 0 2px;
-          width:118px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(6){
-          margin:143px 0 0 2px;
-          width:102px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(7){
-          margin:143px 0 59px 2px;
-          width:60px;
-          height:114px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(8){
-          margin:143px 0 0 2px;
-          width:152px;
-          height:173px;
+          margin:4px 60px 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(9){
-          margin:143px 0 0 2px;
-          width:76px;
-          height:173px;
+          margin: 90px 0 0 0;
+          width: 92px;
+          height: 240px;
+          line-height:230px;
         }
         .map-min-for-box:nth-child(10){
-          margin:143px 0 0 2px;
-          width:90px;
-          height:173px;
+          margin: 90px 0 0 0;
+          width: 107px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(11){
+          margin: 90px 0 0 0;
+          width: 107px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(12){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(13){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(14){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(15){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(16){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(17){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(18){
+          margin: 90px 60px 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
         }
         .map-min-img{
           position: absolute;
           width:40px;
           height:28px;
         }
-        .map-min-img:nth-child(11){
-          top:240px;
-          left:126px;
+        .map-min-img:nth-child(19){
+          top: 128px;
+          left: 175px;
         }
-        .map-min-img:nth-child(12){
-          top:240px;
-          left:190px;
+        .map-min-img:nth-child(20){
+          top: 194px;
+          left: 231px;
         }
-        .map-min-img:nth-child(13){
-          top:240px;
-          left:424px;
+        .map-min-img:nth-child(21){
+          top: 194px;
+          left: 540px;
         }
-        .map-min-img:nth-child(14){
-          top:240px;
-          left:490px;
+        .map-min-img:nth-child(22){
+          top: 194px;
+          left: 630px;
         }
-        .map-min-img:nth-child(15){
-          top:240px;
-          left:648px;
+        .map-min-img:nth-child(23){
+          top: 194px;
+          left: 940px;
         }
-        .map-min-img:nth-child(16){
-          top:240px;
-          left:716px;
+        .map-min-img:nth-child(24){
+          top: 194px;
+          left: 1030px;
         }
       }
     }

src/views/emergencyManagement/evacuation/emergencyEvacuation/index.vue

@@ -3,7 +3,7 @@
   <div class="app-container emergencyEvacuation">
     <div class="emergencyEvacuation-page scrollbar-box" v-if="pageType == 1">
       <div class="top-title-box">
-        环境与测绘大楼
+        环境学院-祈福楼
         <!--<i class="el-icon-arrow-down"></i>-->
       </div>
       <div class="for-button-box">
@@ -16,7 +16,7 @@
           <div class="map-min-for-box" v-for="(item,index) in fjList" :key="index">
             {{item.room}}
           </div>
-          <img class="map-min-img" src="@/assets/ZDimages/icon_zjt.gif">
+          <img class="map-min-img" src="@/assets/ZDimages/icon_sjt.gif">
           <img class="map-min-img" src="@/assets/ZDimages/icon_yjt.gif">
           <img class="map-min-img" src="@/assets/ZDimages/icon_zjt.gif">
           <img class="map-min-img" src="@/assets/ZDimages/icon_yjt.gif">
@@ -74,7 +74,7 @@
         tableButtonType:this.hasPermiDom(['laboratory:line:query','laboratory:line:edit','laboratory:line:remove']),
         pageType:1,
         buttonList:[
-          {name:"1楼C区",}
+          {name:"环境与气象研究所",}
         ],
         buttonIndex:0,
         fjList:[],
@@ -233,7 +233,7 @@
           height:505px;
           width:1133px;
           margin:20px auto;
-          background: url("../../../../assets/ZDimages/icon_bj_syspmtcy.png");
+          background: url("../../../../assets/ZDimages/icon_bj_syspmtcy_jinan.png");
           position: relative;
           .map-min-for-box{
             overflow: hidden;
@@ -242,83 +242,133 @@
             text-align: center;
           }
           .map-min-for-box:nth-child(1){
-            margin:6px 0 0 2px;
-            width:136px;
-            height:173px;
+            margin:4px 143px 0 0;
+            width:162px;
+            height:162px;
           }
           .map-min-for-box:nth-child(2){
-            margin:6px 0 0 154px;
-            width:172px;
-            height:173px;
+            margin:4px 0 0 0;
+            width:101px;
+            height:162px;
           }
           .map-min-for-box:nth-child(3){
-            margin:6px 500px 0 2px;
-            width:119px;
-            height:173px;
+            margin:4px 0 0 0;
+            width:101px;
+            height:162px;
           }
           .map-min-for-box:nth-child(4){
-            margin:146px 0 0 164px;
-            width:300px;
-            height:173px;
+            margin:4px 0 0 0;
+            width:100px;
+            height:162px;
           }
           .map-min-for-box:nth-child(5){
-            margin:146px 0 0 2px;
-            width:118px;
-            height:173px;
+            margin:4px 0 0 0;
+            width:100px;
+            height:162px;
           }
           .map-min-for-box:nth-child(6){
-            margin:146px 0 0 2px;
-            width:102px;
-            height:173px;
+            margin:4px 0 0 0;
+            width:100px;
+            height:162px;
           }
           .map-min-for-box:nth-child(7){
-            margin:146px 0 59px 2px;
-            width:60px;
-            height:114px;
+            margin:4px 0 0 0;
+            width:100px;
+            height:162px;
           }
           .map-min-for-box:nth-child(8){
-            margin:146px 0 0 2px;
-            width:152px;
-            height:173px;
+            margin:4px 60px 0 0;
+            width:100px;
+            height:162px;
           }
           .map-min-for-box:nth-child(9){
-            margin:146px 0 0 2px;
-            width:76px;
-            height:173px;
+            margin: 90px 0 0 0;
+            width: 92px;
+            height: 240px;
+            line-height:230px;
           }
           .map-min-for-box:nth-child(10){
-            margin:146px 0 0 2px;
-            width:90px;
-            height:173px;
+            margin: 90px 0 0 0;
+            width: 107px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(11){
+            margin: 90px 0 0 0;
+            width: 107px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(12){
+            margin: 90px 0 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(13){
+            margin: 90px 0 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(14){
+            margin: 90px 0 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(15){
+            margin: 90px 0 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(16){
+            margin: 90px 0 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(17){
+            margin: 90px 0 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
+          }
+          .map-min-for-box:nth-child(18){
+            margin: 90px 60px 0 0;
+            width: 100px;
+            height: 240px;
+            line-height:230px;
           }
           .map-min-img{
             position: absolute;
             width:40px;
             height:28px;
           }
-          .map-min-img:nth-child(11){
-            top:240px;
-            left:126px;
+          .map-min-img:nth-child(19){
+            top: 128px;
+            left: 175px;
           }
-          .map-min-img:nth-child(12){
-            top:240px;
-            left:190px;
+          .map-min-img:nth-child(20){
+            top: 194px;
+            left: 231px;
           }
-          .map-min-img:nth-child(13){
-            top:240px;
-            left:424px;
+          .map-min-img:nth-child(21){
+            top: 194px;
+            left: 540px;
           }
-          .map-min-img:nth-child(14){
-            top:240px;
-            left:490px;
+          .map-min-img:nth-child(22){
+            top: 194px;
+            left: 630px;
           }
-          .map-min-img:nth-child(15){
-            top:240px;
-            left:648px;
+          .map-min-img:nth-child(23){
+            top: 194px;
+            left: 940px;
           }
-          .map-min-img:nth-child(16){
-            top:240px;
-            left:716px;
+          .map-min-img:nth-child(24){
+            top: 194px;
+            left: 1030px;
           }
         }
       }

src/views/emergencyManagement/evacuation/emergencyEvacuation/performEvacuation.vue

@@ -3,7 +3,7 @@
     <div class="app-container performEvacuation">
       <div class="performEvacuation-page scrollbar-box" v-if="pageType == 1">
         <div class="top-title-box">
-          环境与测绘大楼
+          环境学院-祈福楼
           <!--<i class="el-icon-arrow-down"></i>-->
         </div>
         <div class="for-button-box">
@@ -54,7 +54,7 @@
         subId:"",
         title:"",
         buttonList:[
-          {name:"1楼C区",}
+          {name:"环境与气象研究所",}
         ],
         buttonIndex:0,
         routeList:[
@@ -239,7 +239,7 @@
         height:505px;
         width:1133px;
         margin:20px auto;
-        background: url("../../../../assets/ZDimages/icon_bj_syspmtcy.png");
+        background: url("../../../../assets/ZDimages/icon_bj_syspmtcy_jinan.png");
         position: relative;
         .map-min-for-box{
           overflow: hidden;
@@ -255,83 +255,133 @@
           background: rgba(0,189,255,0.3);
         }
         .map-min-for-box:nth-child(1){
-          margin:6px 0 0 2px;
-          width:136px;
-          height:173px;
+          margin:4px 143px 0 0;
+          width:162px;
+          height:162px;
         }
         .map-min-for-box:nth-child(2){
-          margin:6px 0 0 154px;
-          width:172px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:101px;
+          height:162px;
         }
         .map-min-for-box:nth-child(3){
-          margin:6px 500px 0 2px;
-          width:119px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:101px;
+          height:162px;
         }
         .map-min-for-box:nth-child(4){
-          margin:143px 0 0 164px;
-          width:300px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(5){
-          margin:143px 0 0 2px;
-          width:118px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(6){
-          margin:143px 0 0 2px;
-          width:102px;
-          height:173px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(7){
-          margin:143px 0 59px 2px;
-          width:60px;
-          height:114px;
+          margin:4px 0 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(8){
-          margin:143px 0 0 2px;
-          width:152px;
-          height:173px;
+          margin:4px 60px 0 0;
+          width:100px;
+          height:162px;
         }
         .map-min-for-box:nth-child(9){
-          margin:143px 0 0 2px;
-          width:76px;
-          height:173px;
+          margin: 90px 0 0 0;
+          width: 92px;
+          height: 240px;
+          line-height:230px;
         }
         .map-min-for-box:nth-child(10){
-          margin:143px 0 0 2px;
-          width:90px;
-          height:173px;
+          margin: 90px 0 0 0;
+          width: 107px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(11){
+          margin: 90px 0 0 0;
+          width: 107px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(12){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(13){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(14){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(15){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(16){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(17){
+          margin: 90px 0 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
+        }
+        .map-min-for-box:nth-child(18){
+          margin: 90px 60px 0 0;
+          width: 100px;
+          height: 240px;
+          line-height:230px;
         }
         .map-min-img{
           position: absolute;
           width:40px;
           height:28px;
         }
-        .map-min-img:nth-child(11){
-          top:240px;
-          left:126px;
+        .map-min-img:nth-child(19){
+          top: 128px;
+          left: 175px;
         }
-        .map-min-img:nth-child(12){
-          top:240px;
-          left:190px;
+        .map-min-img:nth-child(20){
+          top: 194px;
+          left: 231px;
         }
-        .map-min-img:nth-child(13){
-          top:240px;
-          left:424px;
+        .map-min-img:nth-child(21){
+          top: 194px;
+          left: 540px;
         }
-        .map-min-img:nth-child(14){
-          top:240px;
-          left:490px;
+        .map-min-img:nth-child(22){
+          top: 194px;
+          left: 630px;
         }
-        .map-min-img:nth-child(15){
-          top:240px;
-          left:648px;
+        .map-min-img:nth-child(23){
+          top: 194px;
+          left: 940px;
         }
-        .map-min-img:nth-child(16){
-          top:240px;
-          left:716px;
+        .map-min-img:nth-child(24){
+          top: 194px;
+          left: 1030px;
         }
       }
     }