|
@@ -19,68 +19,70 @@
|
|
if (res.code == "ok") {
|
|
if (res.code == "ok") {
|
|
var list = res.data;
|
|
var list = res.data;
|
|
|
|
|
|
- var map = new AMap.Map('container', {
|
|
|
|
- resizeEnable: true,
|
|
|
|
- zoom: 5
|
|
|
|
- });
|
|
|
|
- map.clearMap();
|
|
|
|
- var markers = [] ,
|
|
|
|
- infoWindow ,
|
|
|
|
- data = list;
|
|
|
|
|
|
+ if(list != null && list.length > 0){
|
|
|
|
+ var map = new AMap.Map('container', {
|
|
|
|
+ resizeEnable: true,
|
|
|
|
+ zoom: 5
|
|
|
|
+ });
|
|
|
|
+ map.clearMap();
|
|
|
|
+ var markers = [] ,
|
|
|
|
+ infoWindow ,
|
|
|
|
+ data = list;
|
|
|
|
|
|
- var marker;
|
|
|
|
- for(var i in data){
|
|
|
|
- var jfong=[ data[i].ylng , data[i].xlat];
|
|
|
|
- marker = new AMap.Marker({
|
|
|
|
- position: jfong,
|
|
|
|
- zIndex: 101,
|
|
|
|
- map:map
|
|
|
|
- });
|
|
|
|
- marker.setMap(map);
|
|
|
|
- marker.msg = data[i];
|
|
|
|
- marker.on('click', function(data){
|
|
|
|
- var str = "<div class='window'>" +
|
|
|
|
- "<div class='info-top'><div>"+ data.target.msg.companyName +"</div><i class='el-icon-close' @click='closeInfoWindow()'></i></div>" +
|
|
|
|
- "<div class='info-middle'>";
|
|
|
|
- for(var i in data.target.msg.list){
|
|
|
|
- str += "<div class='info-item'><a @click='jumpToMold("+ data.target.msg.list[i].id +")'>" + data.target.msg.list[i].modelName + "(" + data.target.msg.list[i].modelNo + ")</a>"
|
|
|
|
- if(data.target.msg.list[i].state=='0'){
|
|
|
|
- str += "<span class='info-state'><span class='info-ball' style='background:#999999;'></span>静止</span>"
|
|
|
|
- } else {
|
|
|
|
- str += "<span class='info-state'><span class='info-ball' style='background:#00CD66;'></span>运行</span>"
|
|
|
|
- }
|
|
|
|
- str += "</div>"
|
|
|
|
- }
|
|
|
|
- str += "</div>" +
|
|
|
|
- "</div>"
|
|
|
|
|
|
+ var marker;
|
|
|
|
+ for(var i in data){
|
|
|
|
+ var jfong=[ data[i].ylng , data[i].xlat];
|
|
|
|
+ marker = new AMap.Marker({
|
|
|
|
+ position: jfong,
|
|
|
|
+ zIndex: 101,
|
|
|
|
+ map:map
|
|
|
|
+ });
|
|
|
|
+ marker.setMap(map);
|
|
|
|
+ marker.msg = data[i];
|
|
|
|
+ marker.on('click', function(data){
|
|
|
|
+ var str = "<div class='window'>" +
|
|
|
|
+ "<div class='info-top'><div>"+ data.target.msg.companyName +"</div><i class='el-icon-close' @click='closeInfoWindow()'></i></div>" +
|
|
|
|
+ "<div class='info-middle'>";
|
|
|
|
+ for(var i in data.target.msg.list){
|
|
|
|
+ str += "<div class='info-item'><a @click='jumpToMold("+ data.target.msg.list[i].id +")'>" + data.target.msg.list[i].modelName + "(" + data.target.msg.list[i].modelNo + ")</a>"
|
|
|
|
+ if(data.target.msg.list[i].state=='0'){
|
|
|
|
+ str += "<span class='info-state'><span class='info-ball' style='background:#999999;'></span>静止</span>"
|
|
|
|
+ } else {
|
|
|
|
+ str += "<span class='info-state'><span class='info-ball' style='background:#00CD66;'></span>运行</span>"
|
|
|
|
+ }
|
|
|
|
+ str += "</div>"
|
|
|
|
+ }
|
|
|
|
+ str += "</div>" +
|
|
|
|
+ "</div>"
|
|
|
|
|
|
- var MyComponent = Vue.extend({
|
|
|
|
- template: str ,
|
|
|
|
- methods:{
|
|
|
|
- closeInfoWindow:function() {
|
|
|
|
- map.clearInfoWindow();
|
|
|
|
- },
|
|
|
|
- jumpToMold:function(id) {
|
|
|
|
- _this.$router.push("/moldList/" + id);
|
|
|
|
|
|
+ var MyComponent = Vue.extend({
|
|
|
|
+ template: str ,
|
|
|
|
+ methods:{
|
|
|
|
+ closeInfoWindow:function() {
|
|
|
|
+ map.clearInfoWindow();
|
|
|
|
+ },
|
|
|
|
+ jumpToMold:function(id) {
|
|
|
|
+ _this.$router.push("/moldList/" + id);
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ });
|
|
|
|
+ var component= new MyComponent().$mount();
|
|
|
|
+ infoWindow.setContent(component.$el);
|
|
|
|
+ infoWindow.open(map, data.lnglat);
|
|
});
|
|
});
|
|
- var component= new MyComponent().$mount();
|
|
|
|
- infoWindow.setContent(component.$el);
|
|
|
|
- infoWindow.open(map, data.lnglat);
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
|
|
- infoWindow = new AMap.InfoWindow({
|
|
|
|
- isCustom: true,
|
|
|
|
- draggable: true, //是否可拖动
|
|
|
|
- showShadow: true,
|
|
|
|
- autoMove: true,
|
|
|
|
- offset: new AMap.Pixel(0, -31),
|
|
|
|
- content:""
|
|
|
|
- });
|
|
|
|
|
|
+ infoWindow = new AMap.InfoWindow({
|
|
|
|
+ isCustom: true,
|
|
|
|
+ draggable: true, //是否可拖动
|
|
|
|
+ showShadow: true,
|
|
|
|
+ autoMove: true,
|
|
|
|
+ offset: new AMap.Pixel(0, -31),
|
|
|
|
+ content:""
|
|
|
|
+ });
|
|
|
|
|
|
- marker.setMap(map);
|
|
|
|
|
|
+ marker.setMap(map);
|
|
|
|
+ }
|
|
} else {
|
|
} else {
|
|
this.$message({
|
|
this.$message({
|
|
message: res.msg,
|
|
message: res.msg,
|