Skip to content

白杨 / shrae-app

Go to a project
Commit 1a49efd9 by 白杨
Options

添加网点接口

1 parent 7791ea74
Inline Side-by-side
Showing with 191 additions and 17 deletions
index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分享</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<style>
body{
background: #EEF2F6;
margin: 0px;
}
.div-main{
width: 100%;
height: 100%;
}
.div-logo{
text-align: center;
margin-top: 45%;
}
.div-share{
margin: 15px;
margin-top: 25px;
}
.div-person{
padding: 15px;
background: #19AC9E;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
overflow: hidden;
}
.div-password{
background: #FFFFFF;
padding: 15px;
border-radius: 0px 0px 5px 5px;
overflow: hidden;
}
input{
background: #F1F1F1;
border: none;
width: 60%;
height: 30px;
float: left;
}
button{
background: #19AC9E;
color: #FFFFFF;
font-size: 15px;
border: none;
border-radius: 2px;
padding-left: 35px;
padding-right: 35px;
padding-top: 6px;
padding-bottom: 6px;
float: right;
}
.img-photo{
width: 33px;
height: 33px;
border-radius: 33px;
}
</style>
</head>
<body>
<div class="div-main">
<!--logo-->
<div class="div-logo">
<img src="src/image/logo.png">
</div>
<!--分享验证-->
<div class="div-share">
<div class="div-person">
<!--<img class="img-photo" src="http://b.hiphotos.baidu.com/image/pic/item/b999a9014c086e069cd7964b00087bf40ad1cbb7.jpg" >-->
<!--<label style="margin-left: 15px;">Sure</label>-->
<label >打开加密地图</label>
</div>
<div class="div-password">
<label>请输入手机号：</label>
<div style="margin-top: 10px;">
<input type="text">
<button id="btn_test">提取</button>
</div>
</div>
</div>
<div style="width: 100%;text-align: center;">
<img src="src/image/image1.png" style="margin-top: 5rem">
</div>
</div>
</body>
<script type="text/javascript" src="dist/jquery/jquery-3.2.1.min.js"></script>
<script src="src/js/index.js"></script>
<script type="text/javascript">
$(function(){
index.init();
});
</script>
</html>
\ No newline at end of file
src/js/index.js 0 → 100644
var index = {
init: function () {
$('#btn_test').click(function () {
index.mainReturn();
});
},
mainReturn: function () {
//跳转主界面
window.location.href="main.html";
}
}
\ No newline at end of file
src/js/main.js
......@@ -57,24 +57,51 @@ var main = {
main.updateLocation("location_confirm");
});
$('#btn_update').click(function () {
main.getUpdate();
main.updateReturn();
});
//获取网点
// this.getInfo();
this.getInfoSuccess(11);
this.validate();
// this.getInfoSuccess(11);
},
getInfo:function () {
validate:function () {
var method = "/v1/point/search";
var parameter = {
custom_id:{"fieldName":"","fieldValue":""}
custom_id:"{\"fieldName\":\"名称\",\"fieldValue\":\"网点1\"}"
};
saas.saasHttpRequest(method,parameter,this.validateSuccess,this.validateError);
},
validateSuccess:function (data) {
if (data.code == "S001"){
var result = data.result;
if (result.length > 0){
var pointName = result[0].pointName;
var id = result[0].id;
main.getInfo(id);
}
}
},
validateError:function (error) {
},
getInfo:function (id) {
var method = "/v1/point/getPointById";
var parameter = {
pointId:id,
needExtCols:true
};
saas.saasHttpRequest(method,parameter,this.getInfoSuccess,this.getInfoError);
},
getInfoSuccess:function (data) {
var lonlat = {x:120.42995, y:36.131393};
var po = latLonToMeters(lonlat);
this.addMarker(po.x, po.y,1, "src/image/icon.png");
this.map.setCenter(new SuperMap.LonLat(po.x, po.y), 5);
// var lonlat = {x:120.42995, y:36.131393};
// var po = latLonToMeters(lonlat);
// main.addMarker(po.x, po.y,1, "src/image/icon.png");
// main.map.setCenter(new SuperMap.LonLat(po.x, po.y), 5);
if (data.code == "S001"){
var result = data.result;
main.addMarker(result.x, result.y,result.id, "src/image/icon.png");
main.map.setCenter(new SuperMap.LonLat(result.x, result.y), 5);
}
},
getInfoError:function (error) {
......@@ -101,8 +128,8 @@ var main = {
//注销控件
// main.dragFeature.deactivate();
main.drawPoint.deactivate();
var point = this.pointFeature.geometry.getCentroid();
console.log(point.x+","+point.y);
// var point = this.pointFeature.geometry.getCentroid();
// console.log(point.x+","+point.y);
}
},
addMarker: function (pointX,pointY,code,iconPath) {
......@@ -121,19 +148,32 @@ var main = {
graphicWidth:21,
graphicHeight:30
};
this.currentPoint = new SuperMap.Feature.Vector(geometry,{pointId:code},style);
this.currentPoint = new SuperMap.Feature.Vector(geometry,{id:code},style);
this.vectorLayer.addFeatures(this.currentPoint);
},
getUpdate:function () {
updateReturn:function () {
//跳转修改信息界面
window.location.href="";
window.location.href="dataPage.html";
},
drawCompleted:function (eventArgs) {
main.pastPoint = main.currentPoint;
main.currentPoint = eventArgs.feature;
main.vectorLayer.removeAllFeatures();
main.vectorLayer.addFeatures(main.currentPoint);
var geometry = eventArgs.feature.geometry;
var geometry = eventArgs.feature.geometry.getCentroid();
main.updatePoint(geometry.x,geometry.y);
},
updatePoint: function (x,y) {
var method = "/point/updatePoint";
var parameter = {
custom_id:"{\"fieldName\":\"名称\",\"fieldValue\":\"网点1\"}",
infos:"{\"fieldName\":\"名称\",\"fieldValue\":\"网点1\"}",
x:x,
y:y,
coord_type:"gcj02mc"
};
saas.customHttpRequest(method,parameter,this.getInfoSuccess,this.getInfoError);
}
}
src/js/saasService.js
var saas = {
url: "http://saasapi.dituhui.com",
ak:"",
// url: "http://saasapi.dituhui.com",
url: "http://114.55.43.0:16907",
customUrl:"http://localhost:8080",
// ak:"ee824a89bb2b4c7cb74399bf9d5165bc",
ak:"30bdc45ee00940cda7917d134fdb1523",
saasHttpRequest: function (method, parameter, successComplate, errorComplate) {
if(parameter){
parameter.ak = saas.ak;
......@@ -17,5 +20,22 @@ var saas = {
error: errorComplate,
};
$.ajax(config);
},
customHttpRequest: function (method, parameter, successComplate, errorComplate) {
if(parameter){
parameter.ak = saas.ak;
}else{
parameter = {ak:saas.ak};
}
var config = {
url:saas.customUrl + method,
data:parameter,
dataType:"json",
type: "POST",
timeout: 90000,
success: successComplate,
error: errorComplate,
};
$.ajax(config);
}
}
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!