| | |
|---|
| | | <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> |
|---|
| | | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> |
|---|
| | | <link rel="stylesheet" href="../../static/css/element.css"> |
|---|
| | | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/layui/layui.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/common.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/vue.min.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/element.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js?v=100"></script> |
|---|
| | | <script type="text/javascript" src="../../static/layui/layui.js?v=100"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js?v=100"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/common.js?v=100"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/vue.min.js?v=100"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/element.js?v=100"></script> |
|---|
| | | <style> |
|---|
| | | .pointContainer { |
|---|
| | | display: flex; |
|---|
| | |
|---|
| | | </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: { |
|---|
