路线导航修改

zengh

2021-05-27 1e6138189de97c40b488f3da092744a419402317

路线导航修改

 xcxjingqingmap/css/body.css

@@ -50,7 +50,7 @@

.title {
    width: 100%;
    height: 14%;
    height: 20%;
    /* border: 1px solid springgreen; */
    border-radius: 60px 60px 0 0;
    position: relative;

 xcxjingqingmap/css/lxdhmap.css

@@ -43,6 +43,7 @@
    font-weight: 500;
    font-family: "Microsoft soft";
}
}

#lxdh_input_ss {
    width: 30px;
@@ -53,7 +54,7 @@
.lxdh_input_div .input_img {
    position: absolute;
    right: -13px;
    top: 0px;
    top: 2px;
    height: 36px;
    cursor: pointer;
}
@@ -64,33 +65,39 @@
    padding-top: 10px;
    padding-left: 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    color: #2692fd;
    cursor: pointer;

}

#mh_query ul{
    counter-reset:sectioncounter;
#mh_query li span {
    font-size: 5px;
    font-weight: 100;
    color: #000000;
}

#mh_query ul {
    counter-reset: sectioncounter;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
	
}

#mh_query ul li:before {
    display: inline-block;
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    margin-right: 1em;
    background: #5bc648;
    color: #efe;
    font-size: 14px;
    display: inline-block;
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    margin-right: 1em;
    background: #5bc648;
    color: #efe;
    font-size: 14px;
}

#mh_query {
@@ -228,6 +235,57 @@
    background-image: linear-gradient(to bottom, #3CA7F4, #4D7CEE);
}

/* .resultFeedback {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 201;
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* .b-r-main {
    width: 90%;
    height: 90%;
}

.b-r-gaunbi {
    position: relative;
    left: 90%;
    width: 50px;
    height: 50px;
}

.b-r-main-in {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
}

.b-r-m-i-once {
    padding: 10px 0 10px 10px;
    display: flex;
    justify-content: space-around;
}

.b-r-m-i-o-title {
    width: 30%;
    position: relative;
    top: 10px;
}

.b-r-m-i-o-center {
    width: 70%;
}
.b-r-i-o-ups{
    /* align-items: center; */
}

.b-r-m-i-o-c-img {
    width: 50px;

 xcxjingqingmap/js/lxdhmap.js

@@ -1,195 +1,277 @@
var me = new Vue({
    el: '#mapVue',
    data: {
        map: null,//map
        getdata: null,
        marker: null,
        layuiLayer: null,
        nowIndex: null,
        searchValue:"",
        activeName: 'first',
    el: '#mapVue',
    data: {
        map: null, //map
        getdata: null,
        marker: null,
        layuiLayer: null,
        nowIndex: null,
        searchValue: "",
        activeName: 'first',

        mh_query_show: true,
        
        mh_query_show:true,
        ZBCXresult: null,

        move: null,//存放移动实例
        move: null, //存放移动实例

        seedata: '',
        seedata: '',

        nowPosition: '',
        nowPosition: '',

        shipingPopupShow: false,
        shipingM3u8Url: '',
        resultFeedbackPopupShow: false,
        popupDisplay: "none",
    },
    methods: {
        getDataList() {
            var that = this;
            // var url = 'https://web.byisf.com/api/blade-jfpts/equipment/equipment/listAll';
            // axios.get(url).then((res) => {
            //     that.getdata = res.data.data;
            that.beginCome();
            // })
        },
        beginCome() {
            this.getdata = this.getQueryVariable('data');//url解码
            // console.log(this.getdata)
            // this.getdata = [{
            //     jd: 115.91042800000002,
            //     wd: 28.68094757898212,
            //     state: 0,
            //     dtype: 0,
            //     size: 300,
            //     title: '第一个'
            // }];//url解码
            this.map = this.beginMap(this.map, this.getdata);//创建并接受map
            this.move = new myDomMove('#seedata', '.title', '#map');
            // var dy = document.documentElement.clientHeight - 50;
            // $('#seedata').animate({ top: dy + "px" }, 10);
            // $('#map').css("height", (index, value) => {//改变地图高度
            //     return '100%';
            // // })
            this.map.invalidateSize(true);//应用地图高度
            this.move.followFinger(this.map, 'down');
        },
        getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) { return JSON.parse(decodeURI(pair[1])); }//解码url 和 JSON
            }
            return (false);
        },
        beginMap(map, data) {
            var that = this,
                center = [data[0].wd, data[0].jd],
                url = `/api/blade-jfpts/alarm/alarm/APP-getAlarm?id=${data[0].id}`;
            this.nowPosition = center;
            axios.post(url).then((res) => {
                // console.log(res)
                if (res.data.data.length != 0) {
                    var dat = res.data.data[0];
                    for (var key in dat) {
                        if (dat[key] == null || dat[key] == '') {
                            dat[key] = '暂无'
                        }
                    }
                    this.seedata = dat;
        shipingPopupShow: false,
        shipingM3u8Url: '',
        resultFeedbackPopupShow: false,
        popupDisplay: "none",
    },
    methods: {
        getDataList(res) {
            var that = this;
            // var url = 'https://web.byisf.com/api/blade-jfpts/equipment/equipment/listAll';
            // axios.get(url).then((res) => {
            //     that.getdata = res.data.data;
            that.beginCome(res);
            // })
        },
        beginCome(res) {
            //this.getdata = this.getQueryVariable('data'); //url解码
            this.getdata = res; //url解码
            // console.log(this.getdata)
            // this.getdata = [{
            //     jd: 115.91042800000002,
            //     wd: 28.68094757898212,
            //     state: 0,
            //     dtype: 0,
            //     size: 300,
            //     title: '第一个'
            // }];//url解码
            this.map = this.beginMap(this.map, this.getdata); //创建并接受map
            this.move = new myDomMove('#seedata', '.title', '#map');
            // var dy = document.documentElement.clientHeight - 50;
            // $('#seedata').animate({ top: dy + "px" }, 10);
            // $('#map').css("height", (index, value) => {//改变地图高度
            //     return '100%';
            // // })
            this.map.invalidateSize(true); //应用地图高度
            this.move.followFinger(this.map, 'down');
        },
        getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) {
                    return JSON.parse(decodeURI(pair[1]));
                } //解码url 和 JSON
            }
            return (false);
        },
        beginMap(map, data) {
            var that = this,
                center = [data[0].wd, data[0].jd],
                url = `/api/blade-jfpts/alarm/alarm/APP-getAlarm?id=${data[0].id}`;
            this.nowPosition = center;
            axios.post(url).then((res) => {
                // console.log(res)
                if (res.data.data.length != 0) {
                    var dat = res.data.data[0];
                    for (var key in dat) {
                        if (dat[key] == null || dat[key] == '') {
                            dat[key] = '暂无'
                        }
                    }
                    this.seedata = dat;

                } else {
                    this.seedata = data[0];
                }
                // console.log(this.seedata, 1524545453)
            })
                } else {
                    this.seedata = data[0];
                }
                // console.log(this.seedata, 1524545453)
            })


            var createMap = () => {
                map = L.map('map', { //初始化地图
                    center: center,
                    zoom: 12,
                    minZoom: 2,
                    maxZoom: 17,
                    attributionControl: false, //去掉右下角
                    zoomControl: false, //去掉缩放
                });
                L.tileLayer( //添加切片图层
                    // "https://webmap-tile.sf-express.com/MapTileService/rt?x={x}&y={y}&z={z}", {//顺丰地图
                    "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal", {//顺丰地图
                    // "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}", {
            var createMap = () => {
                map = L.map('map', { //初始化地图
                    center: center,
                    zoom: 12,
                    minZoom: 2,
                    maxZoom: 17,
                    attributionControl: false, //去掉右下角
                    zoomControl: false, //去掉缩放
                });
                this.map = map;
                L.tileLayer( //添加切片图层
                    // "https://webmap-tile.sf-express.com/MapTileService/rt?x={x}&y={y}&z={z}", {//顺丰地图
                    "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal", { //顺丰地图
                        // "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}", {

                    // subdomains: ["1", "2", "3", "4"],
                    // attribution: "高德"
                }
                ).addTo(map);
            }
            createMap();
            var markers = L.markerClusterGroup();
                        // subdomains: ["1", "2", "3", "4"],
                        // attribution: "高德"
                    }
                ).addTo(map);
            }
            createMap();
            var markers = L.markerClusterGroup();

            var transportIcon = L.Icon.extend({ //图标初始化
                options: {
                    iconSize: [30, 30], // 图标尺寸
                    // iconAnchor: [30, 30], // 图标偏移量
                    // popupAnchor: [-20, -20] // 弹出框偏移量
                }
            });
            var carIcon = new transportIcon({ //引入图标
                iconUrl: './img/gray.png'
            }),
                planeIcon = new transportIcon({
                    iconUrl: './img/green.png'
                }),
                busIcon = new transportIcon({
                    iconUrl: './img/red.png'
                });
            // console.log(data, 43545343)
            var setData = (a) => {//定义图标
                marker = L.marker([a.wd, a.jd], {
                    icon: a.dtype == 0 ? carIcon : a.dtype == 1 ? planeIcon : a.dtype == 2 ? busIcon : '',
                    // title: title,
                    myData: {//自定义数据
                        ...a
                    }
                });
            }
            for (var i = 0; i < data.length; i++) {
                var a = data[i];
                // var title = a.title;
                if (a.dtype == 0) {
                    setData(a);
                } else if (a.dtype == 1) {
                    setData(a);
                } else if (a.dtype == 2) {
                    setData(a);
                }
                // marker.bindPopup(title);
                markers.addLayer(marker);
            }
            map.addLayer(markers);

            markers.on('click', function (a) {
                // that.drawer = true;
                // that.seedata = a.layer.options.myData;
                $('#seedata').css('top', '');
                $('#map').css("height", (index, value) => {//改变地图高度
                    return '50%';
                })
                map.invalidateSize(true);//应用地图高度
                // console.log(a.layer.options.myData);
                that.move.destruction();
                that.move.followFinger(map, 'down');

            });
            that.seedata = data[0];
            // map.on('mousemove', (e) => {//实时显示坐标
            //     let latlng = e.latlng;
            //     console.log(latlng);// {lat: 30.59, lng: 114.32}
            // });
            return map;//抛出map
        },
        handleClick(tab, event) {
            // console.log(tab, event);
        },

        gotoxcx(routs) {
            wx.miniProgram.navigateTo({
                url:`../poput/workbench/policeDetails/${routs}?id=${this.seedata.id}`,            //指定跳转至小程序页面的门路
                success: function(){
                   console.log('success');   //页面跳转胜利的回调函数
                }
             });
        },
        lxdhSearch(){
            var transportIcon = L.Icon.extend({ //图标初始化
                options: {
                    iconSize: [30, 30], // 图标尺寸
                    // iconAnchor: [30, 30], // 图标偏移量
                    // popupAnchor: [-20, -20] // 弹出框偏移量
                }
            });
            var carIcon = new transportIcon({ //引入图标
                    iconUrl: './img/gray.png'
                }),
                planeIcon = new transportIcon({
                    iconUrl: './img/green.png'
                }),
                busIcon = new transportIcon({
                    iconUrl: './img/red.png'
                });
            // console.log(data, 43545343)
            var setData = (a) => { //定义图标
                marker = L.marker([a.wd, a.jd], {
                    icon: a.dtype == 0 ? carIcon : a.dtype == 1 ? planeIcon : a.dtype == 2 ?
                        busIcon : '',
                    // title: title,
                    myData: { //自定义数据
                        ...a
                    }
                });
            }
            for (var i = 0; i < data.length; i++) {
                var a = data[i];
                // var title = a.title;
                // if (a.dtype == 0) {
                //     setData(a);
                // } else if (a.dtype == 1) {
                //     setData(a);
                // } else if (a.dtype == 2) {
                //     setData(a);
                // }
                setData(a);
                // marker.bindPopup(title);
                markers.addLayer(marker);
            }
            map.addLayer(markers);
            
            this.mh_query_show = true;
        }
            markers.on('click', function(a) {
                // that.drawer = true;
                // that.seedata = a.layer.options.myData;
                $('#seedata').css('top', '');
                $('#map').css("height", (index, value) => { //改变地图高度
                    return '50%';
                })
                map.invalidateSize(true); //应用地图高度
                // console.log(a.layer.options.myData);
                that.move.destruction();
                that.move.followFinger(map, 'down');

    },
    created() {
    },
    mounted() {
        this.getDataList();
    },
    wacth: {
    }
})
            });
            that.seedata = data[0];
            // map.on('mousemove', (e) => {//实时显示坐标
            //     let latlng = e.latlng;
            //     console.log(latlng);// {lat: 30.59, lng: 114.32}
            // });
            return map; //抛出map
        },
        handleClick(tab, event) {
            // console.log(tab, event);
        },

        gotoxcx(routs) {
            wx.miniProgram.navigateTo({
                url: `../poput/workbench/policeDetails/${routs}?id=${this.seedata.id}`, //指定跳转至小程序页面的门路
                success: function() {
                    console.log('success'); //页面跳转胜利的回调函数
                }
            });
        },
        lxdhSearch() {
            //var id = this.$store.state.puserID;
            var that = this;
            axios({
                method: "get",
                url: `https://web.byisf.com/sf/search/poi`,
                params: {
                    ak: "1986afc8a5744263971b7f2482253dfc",
                    query: that.searchValue,
                    region: "360000",
                    scope: "2",
                    page_size: "10",
                    page_num: "1",
                    sort: "0",
                },
            }).then((res) => {
                var res = res.data.result;
                that.ZBCXresult = res;
                var query = that.searchValue;
                var html = "";
                $("#mh_query").html("");
                if (query == "") {
                    $("#mh_query").html("");
                } else {
                    html = "<ul>"
                    for (var i = 0; i < res.length; i++) {
                        html += "<li id='" + i + "'>" + res[i].name + "<br><span>"+ res[i].address +"</span>" +"</li>"
                    }
                    html += "</ul>"
                    $("#mh_query").append(html);
                }

                //添加景点li点击事件，地图定位
                $('#mh_query li').click(function() {
					
                    var ids = $(this).attr("id");

                    $("#mh_query").html("");

                    alert(that.ZBCXresult[ids].name);
					
                    that.showPolyLine();
                });
            });

            this.mh_query_show = true;
        },
        showPolyLine() {
            debugger
            var that = this;
            var latlngs = [
                [28.6903406054147, 115.864347222654],
                [28.6897382596267, 115.860570672361],
                [28.6876, 115.858],
                [28.6791, 115.854]
            ];
            var polyline = L.polyline(latlngs, { color: 'red' }).addTo(that.map);
		
            // zoom the map to the polyline
            that.map.fitBounds(polyline.getBounds())
        },

    },
    created() {

    },
    mounted() {
        //警情点查询
        axios({
            method: "post",
            url: `https://web.byisf.com/api/blade-jfpts/alarm/alarm/APP-getAlarming`,
            params: {
                securityId: "1370564873280430082",
            },
        }).then((resdata) => {
            var res = resdata.data.data;
            for (var i = 0; i < res.length; i++) {
                res[i].state = "0";
                res[i].dtype = "0";
                res[i].size = "300";

            }
            this.getDataList(res);
        });

    },
    wacth: {}
})

 xcxjingqingmap/js/move.js

@@ -96,7 +96,7 @@
                })
                map.invalidateSize(true);//应用地图高度
            } else {
                that.changeDomPosition(0, 0, that.__wy - 50);//改变位置
                that.changeDomPosition(0, 0, that.__wy - 80);//改变位置
                // that.getDomPosition();//抬起获取dom位置/持续停留使用
                that.state = 'up';
                $('#map').css("height", (index, value) => {//改变地图高度

 xcxjingqingmap/js/vueMain.js

@@ -23,15 +23,16 @@
    methods: {
        getDataList() {
            var that = this;
            // var url = 'https://web.byisf.com/api/blade-jfpts/equipment/equipment/listAll';
            // axios.get(url).then((res) => {
            //     that.getdata = res.data.data;
            that.beginCome();
            // })
            var url = 'https://web.byisf.com/api/blade-jfpts/equipment/equipment/listAll';
            axios.get(url).then((res) => {
                that.getdata = res.data.data;
                // console.log(that.getdata)
                that.beginCome();
            })
        },
        beginCome() {
            this.getdata = this.getQueryVariable('data');//url解码
            // console.log(this.getdata)
            // this.getdata = this.getQueryVariable('data');//url解码
            console.log(this.getdata)
            // this.getdata = [{
            //     jd: 115.91042800000002,
            //     wd: 28.68094757898212,
@@ -63,23 +64,24 @@
            var that = this,
                center = [data[0].wd, data[0].jd],
                url = `/api/blade-jfpts/alarm/alarm/APP-getAlarm?id=${data[0].id}`;
            // console.log(center)
            this.nowPosition = center;
            axios.post(url).then((res) => {
                // console.log(res)
                if (res.data.data.length != 0) {
                    var dat = res.data.data[0];
                    for (var key in dat) {
                        if (dat[key] == null || dat[key] == '') {
                            dat[key] = '暂无'
                        }
                    }
                    this.seedata = dat;
            // axios.post(url).then((res) => {
            //     // console.log(res)
            //     if (res.data.data.length != 0) {
            //         var dat = res.data.data[0];
            //         for (var key in dat) {
            //             if (dat[key] == null || dat[key] == '') {
            //                 dat[key] = '暂无'
            //             }
            //         }
            //         this.seedata = dat;

                } else {
                    this.seedata = data[0];
                }
                // console.log(this.seedata, 1524545453)
            })
            //     } else {
            //         this.seedata = data[0];
            //     }
            //     // console.log(this.seedata, 1524545453)
            // })


            var createMap = () => {
@@ -123,7 +125,8 @@
            // console.log(data, 43545343)
            var setData = (a) => {//定义图标
                marker = L.marker([a.wd, a.jd], {
                    icon: a.dtype == 0 ? carIcon : a.dtype == 1 ? planeIcon : a.dtype == 2 ? busIcon : '',
                    icon: planeIcon,
                    // icon: a.dtype == 0 ? carIcon : a.dtype == 1 ? planeIcon : a.dtype == 2 ? busIcon : '',
                    // title: title,
                    myData: {//自定义数据
                        ...a
@@ -133,11 +136,16 @@
            for (var i = 0; i < data.length; i++) {
                var a = data[i];
                // var title = a.title;
                if (a.dtype == 0) {
                    setData(a);
                } else if (a.dtype == 1) {
                    setData(a);
                } else if (a.dtype == 2) {
                // if (a.dtype == 0) {
                //     setData(a);
                // } else if (a.dtype == 1) {
                //     setData(a);
                // } else if (a.dtype == 2) {
                //     setData(a);
                // }
                if (a.jd == '' || a.wd == '') {
                    console.log('没有坐标', i)
                } else {
                    setData(a);
                }
                // marker.bindPopup(title);
@@ -147,7 +155,9 @@

            markers.on('click', function (a) {
                // that.drawer = true;
                // that.seedata = a.layer.options.myData;
                that.seedata = a.layer.options.myData;
                that.nowPosition = [that.seedata.wd,that.seedata.jd]
                console.log(that.seedata)
                $('#seedata').css('top', '');
                $('#map').css("height", (index, value) => {//改变地图高度
                    return '50%';
@@ -159,18 +169,66 @@

            });
            that.seedata = data[0];
            this.nowPosition = center;
            // map.on('mousemove', (e) => {//实时显示坐标
            //     let latlng = e.latlng;
            //     console.log(latlng);// {lat: 30.59, lng: 114.32}
            // });
            return map;//抛出map
        },
        getLocation() {
            // if (navigator.geolocation) {
            //     // console.log(navigator.geolocation)
            //     navigator.geolocation.getCurrentPosition(onSuccess, onError);
               
            // } else {
            //     alert("您的浏览器不支持使用HTML 5来获取地理位置服务");
            // }

            // function onSuccess(position) {
            //     console.log('纬度: ' + position.coords.latitude + '\n' +
            //         '经度: ' + position.coords.longitude + '\n' +
            //         '海拔: ' + position.coords.altitude + '\n' +
            //         '水平精度: ' + position.coords.accuracy + '\n' +
            //         '垂直精度: ' + position.coords.altitudeAccura)
            // }
            // function onError(error) {
            //     switch (error.code) {
            //         case error.PERMISSION_DENIED:
            //             alert("您拒绝对获取地理位置的请求");
            //             break;
            //         case error.POSITION_UNAVAILABLE:
            //             alert("位置信息是不可用的");
            //             break;
            //         case error.TIMEOUT:
            //             alert("请求您的地理位置超时");
            //             break;
            //         case error.UNKNOWN_ERROR:
            //             alert("未知错误");
            //             break;
            //     }
            // }
            // this.map.locate({
            //     setView: true,
            //     maxZoom: 16
            // });
            // console.log(this.map)
            // this.map.on('locationfound', function (e) {
            //     // var radius = e.accuracy / 2;
            //     // L.marker(e.latlng).addTo(mapid).bindPopup("你就在这个圈内");
            //     // L.circle(e.latlng, radius).addTo(mapid);
            //     console.log(e)
            // });
        },
        handleClick(tab, event) {
            // console.log(tab, event);
        },

        locationMap() {
        titleClick(){
            this.map.setView(this.nowPosition, 12);
        },
        locationMap() {//定位
            // this.map.setView(this.nowPosition, 12);//定警情位置
            // this.getLocation();
            // console.log(wx,12);
            // wx.miniProgram.navigateTo({url: 'pages/workbench/workbench'})
        },
@@ -233,11 +291,11 @@
        },
        gotoxcx(routs) {
            wx.miniProgram.navigateTo({
                url:`../poput/workbench/policeDetails/${routs}?id=${this.seedata.id}`,            //指定跳转至小程序页面的门路
                success: function(){
                   console.log('success');   //页面跳转胜利的回调函数
                url: `../poput/workbench/policeDetails/${routs}?id=${this.seedata.id}`,            //指定跳转至小程序页面的门路
                success: function () {
                    console.log('success');   //页面跳转胜利的回调函数
                }
             });
            });
        }

    },

 xcxjingqingmap/lxdhmap.html

@@ -62,10 +62,6 @@
        </div> -->
        
        <div id="mh_query" v-if="mh_query_show">
            <ul>
                <li>ces</li>
                <li>ces</li>
            </ul>
            
        </div>
        

 xcxjingqingmap/xcxmap.html

@@ -5,7 +5,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>map</title>
    <title>地图</title>
    <!-- vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

@@ -35,7 +35,7 @@
    <script src="../map/lib/jquery.js" charset="utf-8"></script>

    <!-- 微信支持 -->
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <!-- <script src="./js/wx.js"></script> -->

    <!-- omyself支持 -->
@@ -45,7 +45,7 @@
    <script src="./js/move.js"></script>
    <!-- sha1加密 -->
    <!-- <script src="./js/sha1.js"></script> -->

    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
</head>

<body>
@@ -55,9 +55,10 @@
        </div>
        <div id="map"></div>
        <div id="seedata">
            <div class="title">
                {{seedata.place}}
                <!-- {{getdata[0].place}} -->
            <div class="title" @click="titleClick">
                {{seedata.deviceName}}
                <div class="title-span"> </div>
                {{seedata.deviceNumber}}
                <div class="title-span"> </div>
                <div class="title-span"> </div>
            </div>
@@ -122,44 +123,7 @@
                        </div>
                    </div>
                    <div class="butb" @click="resultFeedbackClick">结果反馈</div>
                    <!-- 加上display： none不会闪烁 -->
                    <!-- <div class="resultFeedback" v-show="resultFeedbackPopupShow" style="display: none;">
                        <div class="b-r-main">
                            <div @click="resultFeedbackClick">
                                <img src="./img/gaunbi.png" alt="" class="s-p-gaunbi">
                            </div>
                            <div class="b-r-main-in">
                                <div class="b-r-m-i-once">
                                    <div class="b-r-m-i-o-title">
                                        警情反馈:
                                    </div>
                                    <div class="b-r-m-i-o-center">
                                        <textarea rows="9" cols="27" placeholder="请输入警情反馈。"></textarea>
                                    </div>
                                </div>
                                <div class="b-r-m-i-once b-r-i-o-ups">
                                    <div class="b-r-m-i-o-title">
                                        照片上传:
                                    </div>
                                    <div class="b-r-m-i-o-center">
                                        <img class="b-r-m-i-o-c-img" src="./img/xiangji.png" alt="">
                                        <div>2522</div>
                                    </div>
                                </div>
                                <el-divider></el-divider>
                                <div class="b-r-m-i-once b-r-i-o-ups">
                                    <div class="b-r-m-i-o-title">
                                        视频上传:
                                    </div>
                                    <div class="b-r-m-i-o-center">
                                        <img class="b-r-m-i-o-c-img" src="./img/shiping11.png" alt="">
                                        <div>2522</div>
                                    </div>
                                </div>
                                <div class="butb b-r-m-but" @click="upData">结果反馈</div>
                            </div>
                        </div>
                    </div> -->

                    <div class="butc">
                        <img class="b-b-img" src="./img/huifang.png" alt="">
                        <!-- <div class="huifangPopup">