一些現成的小東西

//鍵盤敲擊監聽事件
document.onkeydown = function (event) {
    var e = event || window.event || arguments.callee.caller.arguments[0];
    if (e && e.keyCode == 8) { // BackSpace
        vm.autoReshDrone = false;
    }
};
//****************************************************************************************************************************
        // 百度地圖API功能
        this.map = new BMap.Map("mapDiv", {mapType:BMAP_HYBRID_MAP});    // 建立Map實例
        
        this.map.centerAndZoom(new BMap.Point(107.000, 27.000), 5);
        this.map.enableScrollWheelZoom(true); //開啓鼠標滾輪縮放
        this.map.disableDragging();//禁止拖拽
        this.map.enableContinuousZoom();//啓用連續縮放效果
        this.map.disableDoubleClickZoom();//禁用雙擊放大
        setTimeout(function(){
            vm.map.enableDragging();//兩秒後開啓拖拽
        }, 1500);
        this.map.clearOverlays();
        bottom_right_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT});// 右下角，添加比例尺
        bottom_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT});  //右下角，添加默認縮放平移控件
        this.map.addControl(bottom_right_control);  
        // this.map.addControl(bottom_right_navigation);
    
        this.map.addEventListener("dragend",function(){
            var bs = vm.map.getBounds();   //獲取可視區域
            var bssw = bs.getSouthWest();   //可視區域左下角
            var bsne = bs.getNorthEast();   //可視區域右上角
            var zoom = vm.map.getZoom();
            // vm.loadMapInfo("dragend", bssw, bsne, zoom);
        });
        this.map.addEventListener("zoomend",function(){
            var bs = vm.map.getBounds();   //獲取可視區域
            var bssw = bs.getSouthWest();   //可視區域左下角
            var bsne = bs.getNorthEast();   //可視區域右上角
            var zoom = vm.map.getZoom();
            // vm.loadMapInfo("zoomend", bssw, bsne, zoom);
        });
        this.map.addEventListener("click", function(e){
            if(e.overlay){
                return ;
            }
            vm.selectDroneOn = false;
            vm.lastFarmlandId = 0;
        });

//**********************************************************************************************************************************
//毫秒數轉中國時間
formatDateTime(new Date(vm.droneStatus.localTime * 1000 - vm.droneStatus.bootTime));
js當前時間轉中國時間
formatDateTime(new Date(new Date().getTime()));

function formatDateTime(theDate) {
    var _hour = theDate.getHours();
    var _minute = theDate.getMinutes();
    var _second = theDate.getSeconds();
    var _year = theDate.getFullYear()
    var _month = theDate.getMonth();
    var _date = theDate.getDate();
    if (_hour < 10) {
        _hour = "0" + _hour;
    }
    if (_minute < 10) {
        _minute = "0" + _minute;
    }
    if (_second < 10) {
        _second = "0" + _second
    }
    _month = _month + 1;
    if (_month < 10) {
        _month = "0" + _month;
    }
    if (_date < 10) {
        _date = "0" + _date
    }
    return _year + "-" + _month + "-" + _date + " " + _hour + ":" + _minute + ":" + _second;

};

//**************************************************************************************************************
//百度地圖畫標註   經緯度逆解析
        map_click: function (lon, lat) {
            var bdPoint = wgs84tobd09([{lon:lon, lat:lat}]);
            var point = new BMap.Point(bdPoint[0].lon, bdPoint[0].lat);
            
            this.map.centerAndZoom(point, 14);
            
            var imgSize = new BMap.Size(23, 23);
            var myIcon = new BMap.Icon("/resources/monitor/images/UAV-red1.png", imgSize);
            myIcon.setImageSize(imgSize);
            var marker2 = new BMap.Marker(point, {icon: myIcon});// 建立標註
            this.map.addOverlay(marker2);// 將標註添加到地圖中

            var geoc = new BMap.Geocoder();
            geoc.getLocation(point, function (rs) {
                var addComp = rs.addressComponents;
                var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
                vm.droneInfo.address = address==''?'--':address;
            });
        },

//************************************************************************************************************
//轉百度經緯度
function wgs84tobd09(points){
    //var pointsTmp = [];
    for(i in points){
        var wgs84togcj02 = coordtransform.wgs84togcj02(points[i].lon, points[i].lat);
        var gcj02tobd09 = coordtransform.gcj02tobd09(wgs84togcj02[0], wgs84togcj02[1]);
        points[i].lon = gcj02tobd09[0];
        points[i].lat = gcj02tobd09[1];
    }
    return points;
}
//************************************************************************************************************
//數字校驗
        checkDroneUid:function (obj){ 
            var str=obj.toString();
            if(obj==""){
                return false;
            }
            if (isNaN(obj)||str.length!=8) {
                return false;
            }
            if(obj<0){
                return false;
            }
            if(str.split(".").length > 1 && str.split(".")[1].length > 1){
                return false;
            }
            return true;
        },
//***************************************************************************************************************
//手機號校驗
        checkIphone:function (obj){
            if(obj==""){
                return false;
            }
            //手機號正則
            var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
            //電話
            var phone=obj.toString();
            if (!phoneReg.test(phone)) {
                return false;
            }
            return true;
        },
//***************************************************************************************************************
//列表滾輪定位
  var objTr = document.getElementsByClassName("lists-group-item on-select")[0];//轉化爲dom對象

                $("#trajectorieslist").animate({scrollTop:objTr.offsetTop-155},"slow"); //定位tr

//*************************************************************************************************************
//select  option  指定選中
$("option[value='volvo']").prop("selected", true);

//************************************************************************************************************
//時間戳轉時間
function longToTimeString(time){
    if(!time){
        return '--'
    }
    var timeDate;
    if(time instanceof Date){
        timeDate = time;
    }else{
        timeDate = new Date(time);
    }
    return timeDate.getFullYear()
    +(timeDate.getMonth() < 9 ? '-0'+(timeDate.getMonth()+1):'-'+(timeDate.getMonth()+1))
    +(timeDate.getDate() < 10 ? '-0'+timeDate.getDate():'-'+timeDate.getDate())
    +(timeDate.getHours() < 10 ? ' 0'+timeDate.getHours():' '+timeDate.getHours())
    +(timeDate.getMinutes() < 10 ? ':0'+timeDate.getMinutes():':'+timeDate.getMinutes())
    +(timeDate.getSeconds() < 10 ? ':0'+timeDate.getSeconds():':'+timeDate.getSeconds())
    ;
};
//***********************************************************************************************************

demandStatus:[{"key":-1,"value":"所有"},{"key":0,"value":"已取消"},{"key":1,"value":"已提交"},/*{"key":2,"value":"滿員"},{"key":3,"value":"待做業"},*/{"key":4,"value":"做業中"},{"key":5,"value":"已完成"}], //搜索ding下拉框初始值

<select class="form-control" id="demandStatus" v-model="demandSelected" onmousewheel="return false">
    <option v-for="item in demandStatus" :value="item.key">{{item.value}}</option>
</select>

//**********************************************************************************************************