| | |
| | | </head> |
| | | <body> |
| | | <div id="app" style="display: flex;justify-content: space-around;margin-top: 50px;flex-wrap: wrap;" @click="bgClick()"> |
| | | <div style="flex: 12;display: flex;" :style="{scale:showScale/100.0,marginTop:(showScale-100)*0.7 + 'px'}"> |
| | | <div style="flex: 18;display: flex;justify-content: center;" :style="{zoom:showScale/100.0,marginTop:(showScale)*4 + 'px'}"> |
| | | <div style="margin-top: -110px;"> |
| | | <div class="pointContainer" v-for="(x,index) in map" :key="index"> |
| | | <div v-if="index != 0 && (index != map.length-1)" v-for="(y,idx) in x" :key="idx"> |
| | |
| | | </div> |
| | | |
| | | </div> |
| | | <div style="padding: 40px 20px 10px 10px;flex: 5;margin-top: -70px;"> |
| | | <div style="padding: 40px 20px 10px 10px;" :style="window.innerWidth < 2000 ? 'margin-top: 0px;' : 'flex: 5;margin-top: -70px;'"> |
| | | <el-slider v-model="showScale" :marks="showScaleMarks"></el-slider> |
| | | <div style="display: flex;justify-content: space-between;flex-wrap: wrap;"> |
| | | <div class="hoverCard"> |
| | |
| | | <input id="03" type="radio" v-model="currentLev" name="r" value="3"> |
| | | <label for="04">4F</label> |
| | | <input id="04" type="radio" v-model="currentLev" name="r" value="4"> |
| | | <label for="05">5F</label> |
| | | <input id="05" type="radio" v-model="currentLev" name="r" value="5"> |
| | | <label for="06">6F</label> |
| | | <input id="06" type="radio" v-model="currentLev" name="r" value="6"> |
| | | <label for="07">7F</label> |
| | | <input id="07" type="radio" v-model="currentLev" name="r" value="7"> |
| | | <label for="08">8F</label> |
| | | <input id="08" type="radio" v-model="currentLev" name="r" value="8"> |
| | | <label for="09">9F</label> |
| | | <input id="09" type="radio" v-model="currentLev" name="r" value="9"> |
| | | <label for="10">10F</label> |
| | | <input id="10" type="radio" v-model="currentLev" name="r" value="10"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | searchLocNo: "", |
| | | outSite: null, |
| | | outSites: null, |
| | | showScale: 80, //控制地图显示大小比例 |
| | | showScale: 65, //控制地图显示大小比例 |
| | | showScaleMarks: {//比例滑动条显示标记 |
| | | 0: "0%", |
| | | 50: { |