sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
    <meta name="referrer" content="always" />
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/vue.js"></script>
    <script src="js/vant-ui.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<style>
  body {
    background: transparent;
  }
  .pageView.bdjl {
    background: transparent;
  }
  .pageView.bdjl .search {
    top : 0rem;
  }
</style>
<body>
    <div id="app">
        <div class="pageView bdjl" style="padding-top: 0rem" id="mescroll" style="margin-top:1.5rem">
            <div class="search flex a-center">
                <div class="searchbox">
                    <svg t="1589079341958" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5394" width="22" height="22">
            <path d="M883.626667 823.04l-145.066667-144.64A337.92 337.92 0 0 0 810.666667 469.333333a341.333333 341.333333 0 1 0-341.333334 341.333334 337.92 337.92 0 0 0 209.066667-72.106667l144.64 145.066667a42.666667 42.666667 0 0 0 60.586667 0 42.666667 42.666667 0 0 0 0-60.586667zM213.333333 469.333333a256 256 0 1 1 256 256 256 256 0 0 1-256-256z" p-id="5395" fill="#bfbfbf"></path>
          </svg>
                    <input type="search" placeholder="请输入车牌号或联系人" v-model="keyword">
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
    apiready = function() {
        new Vue({
            el: '#app',
            data: {
                radio: '1',
                map: '', // 百度地图
                keyword : '',
            },
            watch : {
              keyword : function(nw,ow){
                this.getCitysByKeyword();
              }
            },
            methods: {
                init: function() {
                    this.map = api.require('bMap');
                    if (api.systemType == 'ios') {
                        map.initMapSDK(function(ret) {
                            if (ret.status) {}
                        });
                    }
                },
                getCitysByKeyword: function() {
                    this.map.searchInCity({
                        city: '烟台市',
                        keyword: this.keyword,
                        pageIndex: 0,
                        pageCapacity: 20
                    }, function(ret, err) {
                        if (ret.status) {
                            console.log(JSON.stringify(ret));
                        } else {
                            alert(JSON.stringify(err));
                        }
                    });
                },
            },
            mounted: function() {
                this.init();
            }
        })
    }
</script>

</html>