| leafletMapOur/loginMap/css/body.css | ●●●●● patch | view | raw | blame | history | |
| leafletMapOur/loginMap/js/vueMain.js | ●●●●● patch | view | raw | blame | history | |
| leafletMapOur/loginMap/loginMap.html | ●●●●● patch | view | raw | blame | history | |
| pages/registerUser/registerUser.vue | ●●●●● patch | view | raw | blame | history |
leafletMapOur/loginMap/css/body.css
@@ -23,6 +23,7 @@ } #mapVue { position: relative; overflow: hidden; /* border: solid 1px springgreen; */ } @@ -46,12 +47,12 @@ #seedata { bottom: 0; width: 100%; height: 50%; height: 40px; z-index: 400; background-color: #fff; display: flex; flex-direction: column; border-radius: 60px 60px 0 0; overflow: hidden; } .title { @@ -88,7 +89,6 @@ align-items: center; justify-content: center; flex-direction: column; border-top: 1px solid rgb(138, 138, 138); } .div-alarm-people { leafletMapOur/loginMap/js/vueMain.js
@@ -21,8 +21,13 @@ nowPosition: '', resultFeedbackPopupShow: false, popupDisplay: "none", regionName: '' }, methods: { getLocalPoliceStation () { window.parent.getRegionName(this.regionName) }, getDataList () { var that = this that.beginCome() @@ -39,6 +44,8 @@ }] //url解码 this.getdata = this.getQueryVariable('data') || data console.log(this.getdata, 456) this.map = this.beginMap(this.map, this.getdata) //创建并接受map this.map.invalidateSize(true) //应用地图高度 }, @@ -110,6 +117,11 @@ } function showPosition (position) { that.regionName = position.district || position.city console.log(position) var adCode = position.adCode //邮政编码 var nation = position.nation //中国 var city = position.city //城市 leafletMapOur/loginMap/loginMap.html
@@ -23,7 +23,8 @@ <!-- <script src="../map/lib/layui/layui.js" charset="utf-8"></script> --> <!-- 百度地图api --> <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script> <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"> </script> <!-- axios支持 --> <script src="../map/lib/axios.js"></script> @@ -56,13 +57,19 @@ <body> <div id="mapVue"> <div class="dingwei" @click="locationMap"> <img style="width: 80%;height: 80%;" src="./img/dingwei.png" alt=""> </div> <div id="map"> </div> <button style="position: absolute; bottom: 4px; top: auto; left: 0; right: 0; margin: auto; z-index: 111; width: 106px; height: 30px; background: #409eff; border: 1px solid #fff; color: #fff; border-radius: 4px;" @click="getLocalPoliceStation">获取当前辖区</button> </div> <!-- vue渲染 --> <script src="./js/vueMain.js"></script> pages/registerUser/registerUser.vue
@@ -14,8 +14,8 @@ v-if="xqShow"> <u-input v-model="form.obj" placeholder="请输入工作单位" /> </u-form-item> <u-form-item label="辖区" left-icon="account-fill" label-width="200"> <u-input type="select" placeholder="请选择辖区" :border="true" @click="openLoginMap" /> <u-form-item label="辖区" prop="xq" left-icon="account-fill" label-width="200" :required="true"> <u-input v-model="form.xq" type="select" placeholder="请选择辖区" :border="true" @click="openLoginMap" /> <!-- <u-select v-model="showxq" mode="mutil-column-auto" :list="listxq" @confirm="confirmxq"></u-select> --> </u-form-item> <u-form-item label="性别" label-width="200" left-icon="man"> @@ -43,8 +43,8 @@ <div class="login-map-content"> <u-icon class="login-map-close" name="close" @click="mapShow = false"></u-icon> <web-view style="width: 100%; height: 100%;" :src="loginMapUrl"> </web-view> <iframe style="width: 100%; height: 100%; position: absolute; " :src="loginMapUrl"> </iframe> </div> </div> @@ -59,6 +59,7 @@ export default { data() { return { regionName: '', loginMapUrl: "", radioList: [{ name: '是', @@ -227,6 +228,12 @@ // 可以单个或者同时写两个触发验证方式 trigger: ['change', 'blur'], }], xq: [{ required: true, message: '请选择辖区', // 可以单个或者同时写两个触发验证方式 trigger: ['change', 'blur'], }], depts: [{ required: true, message: '请输入姓名', @@ -318,6 +325,10 @@ "wd": res.latitude }] data = JSON.stringify(data); // that.loginMapUrl = 'http://127.0.0.1:5500/leafletMapOur/loginMap/loginMap.html?data=' + // data that.loginMapUrl = 'http://223.82.109.183:2082/loginMap/loginMap.html?data=' + data that.mapShow = true @@ -492,7 +503,20 @@ }, onReady() { this.$refs.uForm.setRules(this.rules); var that = this window.getRegionName = function(name) { console.log(name) if (name.indexOf('区') != -1) { that.regionName = name.replace('区', '派出所'); } else if (name.indexOf('县') != -1) { that.regionName = name.replace('县', '派出所'); } else if (name.indexOf('市') != -1) { that.regionName = name.replace('市', '市派出所'); } that.form.xq = that.regionName that.mapShow = false } }, watch: { faceState() { @@ -533,9 +557,13 @@ left: 0; width: 100%; height: 60%; z-index: 111; border-radius: 15px; z-index: 222; border-radius: 15px 15px 0 0; overflow: hidden; iframe { border: none; } } .login-map-close {
