{% extends 'MirrorMainBundle:Base:base.html.twig' %}
{% block getlocation %}
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        wx.config({
            debug: false,
            appId: '{{signPackage.appId}}',
            timestamp: {{signPackage.timestamp}},
            nonceStr: '{{signPackage.nonceStr}}',
            signature: '{{signPackage.signature}}',
            jsApiList: [
                'getLocation',
            ]
        });
    </script>

{% endblock %}
{% block script %}
    <script type="text/javascript">
        //显示遮罩层
        function showMask(){
            $("#mask").show();
        }
        //隐藏遮罩层
        function hideMask(){
            $("#mask").hide();
        }

        function AngularAction($scope,$http,$location,$timeout){
            $scope.topbar = '我要优护送';
            $scope.createIcon = true;
            $scope.budget = '';
            $scope.orderInfo = {};
            $scope.isCarryAble = false;
            $scope.isCarryHide = false;

            $scope.orderInfo.weixinId = '{{ weixinId }}';
            //$scope.cityList=cityArray1;
            $scope.orderInfo.userId= '{{userId}}';//用户ID，非定值，需获取
            $scope.orderInfo.telephone = '{{telephone}}';
            $scope.orderInfo.name='{{name}}';
            httpAction($http,'/api/dict/key/1','GET',
                    {},
                    function(response){
                        $scope.serveTypeList = response.valueList;
                    },
                    function(errno,errmsg){

                    });
            httpAction($http,'/api/dict/key/7','GET',
                    {},
                    function(response){
                        $scope.diseaseList = response.valueList;
                    },
                    function(errno,errmsg){

                    });
            getStartCode($scope,$http,0,1);
            getEndCode($scope,$http,0,1);
            $scope.start = {
                'province':'省份',
                'city':'城市',
                'region':'县'
            };
            $scope.end = {
                'province':'省份',
                'city':'城市',
                'region':'县'
            };
            $scope.orderInfo.carType = 2;
            $scope.orderInfo.isCarry = 0;
            $scope.serveName='服务类型';
            $scope.diseaseName='病情';
            //alert(getCookie('orderHistory'));
            if(getCookie('orderHistory')){
                var CookieInfo = $.evalJSON(getCookie('orderHistory'));
                $scope.orderInfo = CookieInfo.orderInfo;
                setTimeController($scope.orderInfo.hopeTime);
                $scope.start = CookieInfo.otherInfo.begin;
                $scope.end = CookieInfo.otherInfo.end;
                $scope.serveName = CookieInfo.otherInfo.serveName;
                $scope.diseaseName = CookieInfo.otherInfo.diseaseName;
                getStartCode($scope,$http,0,1,$scope.start.r1Code,$scope.start.r2Code);
                getEndCode($scope,$http,0,1,$scope.end.r1Code,$scope.end.r2Code);
                //setTimeout("setCookie('orderHistory','',-1)",1000);
            }else{
                setTimeController();
            }

            $scope.calculatePrice = function(){
                $scope.budget = '';
                $scope.isloading = true;
                if(!checkNull($scope.orderInfo.beginCityCode)) return;
                if(!checkNull($scope.orderInfo.endCityCode)) return;
                if(START_MARKER || $scope.orderInfo.beginLongitude)
                {
                    if(START_MARKER){
                        $scope.orderInfo.beginLongitude=START_MARKER.getPosition().getLng();
                        $scope.orderInfo.beginLatitude=START_MARKER.getPosition().getLat();
                       //  $scope.orderInfo.beginPosition=START_ADDRESS;
                        $scope.orderInfo.beginPositionLong=START_POSITION_LONG;
                    }
                }else{
                    return;
                }
                if(END_MARKER  || $scope.orderInfo.endLongitude)
                {
                    if(END_MARKER){
                        $scope.orderInfo.endLongitude=END_MARKER.getPosition().getLng();
                        $scope.orderInfo.endLatitude=END_MARKER.getPosition().getLat();
                        //$scope.orderInfo.endPosition=END_ADDRESS;
                        $scope.orderInfo.endPositionLong=END_ADDRESS;
                    }
                }else{
                    return;
                }
                if(true){
                    $scope.budget = '';
                    httpAction($http,'/api/order/getBudget','POST',$scope.orderInfo,
                            function(response){
                                var value = response.result;
                                var length = response.length;
                                $scope.isloading = false;
                                var budget = '总距离为'+length+',预计价格为'+value+'元';
                                $scope.budget = budget;
                            },
                            function(errno,errmsg){
                                alert(errmsg);
                            }
                    );
                }
            }

            $scope.SelectProvince=function(target,type){
                console.log(target);
                if(type == 1){
                    var targetInfo = $.evalJSON(target.startProvinceInfo);
                    $scope.start.province = targetInfo.name;
                    $scope.start.r1Code = targetInfo.code;
                    $scope.start.city = '城市';
                    $scope.start.region = '县';
                    START_CITY_CODE = '';
                    $scope.orderInfo.beginCityCode = '';
                    $scope.start.r2Code = '';
                    $scope.start.r3Code = '';
                    getStartCode($scope,$http,targetInfo.code,2);
                }else{
                    var targetInfo = $.evalJSON(target.endProvinceInfo);
                    $scope.end.province = targetInfo.name;
                    $scope.end.r1Code = targetInfo.code;
                    $scope.end.city = '城市';
                    $scope.end.region = '县';
                    END_CITY_CODE = '';
                    $scope.orderInfo.endCityCode = '';
                    $scope.end.r2Code = '';
                    $scope.end.r3Code = '';
                    getEndCode($scope,$http,targetInfo.code,2);
                }
            }

            $scope.SelectCity=function(target,type){
                if(type == 1){
                    var targetInfo = $.evalJSON(target.startCityInfo);
                    $scope.start.city = targetInfo.name;
                    startCity = targetInfo.name;
                    START_CITY_CODE = targetInfo.code;
                    $scope.start.r2Code = targetInfo.code;
                    $scope.orderInfo.beginCityCode = targetInfo.code;
                    $scope.start.region = '县';
                    $scope.start.r3Code = '';
                    getStartCode($scope,$http,targetInfo.code,3);
                }else{
                    var targetInfo = $.evalJSON(target.endCityInfo);
                    $scope.end.city = targetInfo.name;
                    endCity = targetInfo.name;
                    $scope.end.r2Code = targetInfo.code;
                    END_CITY_CODE = targetInfo.code;
                    $scope.orderInfo.endCityCode = targetInfo.code;
                    $scope.end.region = '县';
                    $scope.end.r3Code = '';
                    getEndCode($scope,$http,targetInfo.code,3);
                }
            }

            $scope.SelectRegion=function(target,type){
                if(type == 1){
                    var targetInfo = $.evalJSON(target.startRegionInfo);
                    $scope.start.region = targetInfo.name;
                    START_CITY_CODE = targetInfo.code;
                    $scope.start.r3Code = targetInfo.code;
                    $scope.orderInfo.beginCityCode = targetInfo.code;
                }else{
                    var targetInfo = $.evalJSON(target.endRegionInfo);
                    $scope.end.region = targetInfo.name;
                    END_CITY_CODE = targetInfo.code;
                    $scope.end.r3Code = targetInfo.code;
                    $scope.orderInfo.endCityCode = targetInfo.code;
                }
            }

            $scope.selectServeType=function(target){
                var targetInfo = $.evalJSON(target.serveType);
                $scope.orderInfo.serviceType = targetInfo.realValue;
                $scope.serveName = targetInfo.showValue;
            }

            $scope.selectDiseaseType=function(target){
                var targetInfo = $.evalJSON(target.diseaseType);
                $scope.orderInfo.diseaseType = targetInfo.realValue;
                $scope.diseaseName = targetInfo.showValue;
            }

            $scope.toSelect = function(){
                if(START_MARKER)
                {
                    $scope.orderInfo.beginLongitude=START_MARKER.getPosition().getLng();
                    $scope.orderInfo.beginLatitude=START_MARKER.getPosition().getLat();
                    $scope.orderInfo.beginPosition=START_ADDRESS;
                    $scope.orderInfo.beginPositionLong=START_POSITION_LONG;
                }
                if(END_MARKER)
                {
                    $scope.orderInfo.endLongitude=END_MARKER.getPosition().getLng();
                    $scope.orderInfo.endLatitude=END_MARKER.getPosition().getLat();
                    $scope.orderInfo.endPosition=END_ADDRESS;
                    $scope.orderInfo.endPositionLong=END_POSITION_LONG;
                }
                if(checkNull($('#dateTime').val())) $scope.orderInfo.hopeTime = $('#dateTime').val();
                var args = {
                    'orderInfo':$scope.orderInfo,
                    'otherInfo':{
                        'begin':$scope.start,
                        'end':$scope.end,
                        'serveName':$scope.serveName,
                        'diseaseName':$scope.diseaseName
                    }
                }
                //alert($.toJSON(args));
                setCookie('orderHistory',$.toJSON(args),1);
                //location.href = apiPath('/main/contact/select#create');
                location.href='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx524fa24fe09c61d4&redirect_uri=http%3A%2F%2Faid.uuhoo.net%2Fmain%2Fcontact%2Fselect%23create&response_type=code&scope=snsapi_base#wechat_redirect';
            }

            $scope.orderCreate = function(){
                //if(!$scope.agreement) return;
                if(!checkNull($scope.orderInfo.beginCityCode,'请输入起点详细地址并选择地址')) return;
                if(!checkNull($scope.orderInfo.endCityCode,'请输入终点详细地址并选择地址')) return;
                if(START_MARKER || $scope.orderInfo.beginLongitude)
                {
                    if(START_MARKER){
                        $scope.orderInfo.beginLongitude=START_MARKER.getPosition().getLng();
                        $scope.orderInfo.beginLatitude=START_MARKER.getPosition().getLat();
                      //  $scope.orderInfo.beginPosition=START_ADDRESS;
                        $scope.orderInfo.beginPositionLong=START_POSITION_LONG;
                    }
                }else{
                    alert('请输入起点详细地址并选择地址');
                    return;
                }
                if(END_MARKER  || $scope.orderInfo.endLongitude)
                {
                    if(END_MARKER){
                        $scope.orderInfo.endLongitude=END_MARKER.getPosition().getLng();
                        $scope.orderInfo.endLatitude=END_MARKER.getPosition().getLat();
                      //  $scope.orderInfo.endPosition=END_ADDRESS;
                        $scope.orderInfo.endPositionLong=END_POSITION_LONG;
                    }
                }else{
                    alert('请输入终点详细地址并选择地址');
                    return;
                }
                //if(!checkNull($scope.orderInfo.name,'请选择或填写联系人')) return;
                if(!checkNull($scope.orderInfo.telephone,'请选择或填写联系电话')) return;
                $scope.orderInfo.hopeTime = $('#dateTime').val();
               // if(!checkNull($scope.orderInfo.hopeTime,'请选择用车时间')) return;
                //if(!checkNull($scope.orderInfo.serviceType,'请选择服务类型')) return;
                //if(!checkNull($scope.orderInfo.diseaseType,'请选择病情')) return;
                //alert($.toJSON($scope.orderInfo));
                $scope.Myalert('提交中');
                if($scope.doCreate){
                    $scope.doCreate = false;
                    httpAction($http,'/api/order/create','POST',$scope.orderInfo,
                            function(response){
                                var errno = response.errno;
                                if(errno==0){
                                    $scope.alertPanel = false;
                                    setCookie('orderHistory','',-1);
                                    alert('预约成功！');
                                    //location.reload();
                                }
                            },
                            function(errno,errmsg){
                                alert(errno);
                                $scope.doCreate = true;
                            }
                    );
                }
            }

            $scope.cartypeChange = function()
            {
                if($scope.orderInfo.carType != 3)
                {
                    $scope.isCarryHide = false;

                }
                else
                {
                    $scope.isCarryHide = true;

                }
                $scope.isCarryAble = false;
                $scope.orderInfo.isCarry = 0;
            }


            $scope.iscarry = function()
            {
                    if($scope.isCarryAble)
                    {
                        $scope.isCarryAble = false;
                        $scope.orderInfo.isCarry = 0;
                    }
                    else
                    {
                        $scope.isCarryAble = true;
                        $scope.orderInfo.isCarry = 1;
                    }

            }

            $scope.calculatePrice = function(){
                if(START_MARKER || $scope.orderInfo.beginLongitude)
                {
                    if(START_MARKER){
                        $scope.orderInfo.beginLongitude=START_MARKER.getPosition().getLng();
                        $scope.orderInfo.beginLatitude=START_MARKER.getPosition().getLat();
                       // $scope.orderInfo.beginPosition=START_ADDRESS;
                        $scope.orderInfo.beginPositionLong=START_POSITION_LONG;
                    }
                }else{
                    return;
                }
                if(END_MARKER  || $scope.orderInfo.endLongitude)
                {
                    if(END_MARKER){
                        $scope.orderInfo.endLongitude=END_MARKER.getPosition().getLng();
                        $scope.orderInfo.endLatitude=END_MARKER.getPosition().getLat();
                       // $scope.orderInfo.endPosition=END_ADDRESS;
                        $scope.orderInfo.endPositionLong=END_POSITION_LONG;
                    }
                }else{
                    return;
                }
                $scope.orderInfo.hopeTime = $('#dateTime').val();
                if($scope.doCreate){
                    $scope.budget = '';
                    httpAction($http,'/api/order/getBudget','POST',$scope.orderInfo,
                            function(response){
                                var value = response.result;
                                var length = response.length;
                                var budget = value+'元';
                                $scope.budget = budget;
                                //$document.getElementById("resulttext")[0].html(budget);
                            },
                            function(errno,errmsg){
                                alert(errno);
                                alert(errmsg);
                            }
                    );
                }
//
//                var watchbegin = $scope.$watch(END_ADDRESS, function(){
//                    calculatePrice();
//               },false);
//
//                watchbegin();
//
//                var watchend = $scope.$watch(START_ADDRESS, function(){
//                    calculatePrice();
//                },false);
//
//                watchend();
            }

//            微信获取位置
            wx.ready(function () {
                showMask();
                var masklive=self.setInterval("hideMask()",5000);
                //hideMask();
                wx.getLocation({
                    type: 'gcj02',
                    success: function (res) {
                        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                        var speed = res.speed; // 速度，以米/每秒计
                        var accuracy = res.accuracy; // 位置精度
                        $scope.position = longitude+","+latitude;
                        httpAction($http,'/api/region/getlocation','POST',
                                {"position":$scope.position},
                                function(response){
                                    //为下拉框赋值
                                    $scope.locationinfo = response.data[0];
                                    $scope.cityStart =  $scope.locationinfo.cityarry;
                                    $scope.regionStart = $scope.locationinfo.districtarry;
                                    $scope.cityEnd =  $scope.locationinfo.cityarry;
                                    $scope.regionEnd = $scope.locationinfo.districtarry;
                                    $scope.orderInfo.beginCityCode = $scope.locationinfo.adcode;
                                    $scope.orderInfo.endCityCode = $scope.locationinfo.adcode;
                                    $scope.orderInfo.beginLongitude = longitude;
                                    $scope.orderInfo.beginLatitude = latitude;

                                    START_CITY_CODE = $scope.locationinfo.adcode;
                                    END_CITY_CODE = $scope.locationinfo.adcode;

                                    startCity = $scope.locationinfo.city;
                                    endCity = $scope.locationinfo.city;

                                    $scope.start = {
                                        'province':$scope.locationinfo.province,
                                        'city':$scope.locationinfo.city,
                                        'region':$scope.locationinfo.district
                                    };
                                    $scope.end = {
                                        'province':$scope.locationinfo.province,
                                        'city':$scope.locationinfo.city,
                                        'region':$scope.locationinfo.district
                                    };
                                    $scope.orderInfo.beginPosition =  $scope.locationinfo.address;

                                    hideMask();
                                },
                                function(errno,errmsg){
                                    hideMask();
                                    clearInterval(masklive);
                                });
                    },
                    cancel:function (res) {
                        alert('用户拒绝授权获取地理位置');
                        hideMask();
                        clearInterval(masklive);
                    }

                });
                clearInterval(masklive);
            });
        }

        function getStartCode($scope,$http,value,type,firatValue,nextValuse){
            httpAction($http,apiPath('/api/region/list/'+value),'GET',
                    {},
                    function(response){
                        switch(type){
                            case 1:
                                $scope.provinceStart = response.regionList;
                                $scope.startProvinceInfo = '?';
                                if(firatValue)
                                    if(nextValuse)
                                        getStartCode($scope,$http,firatValue,2,nextValuse);
                                    else
                                        getStartCode($scope,$http,$scope.provinceStart[0].code,2);
                                break;
                            case 2:
                                $scope.cityStart = response.regionList;
                                $scope.startCityInfo = '?';
                                getStartCode($scope,$http,$scope.cityStart[0].code,3);
                                if(firatValue)
                                    getStartCode($scope,$http,firatValue,3);
                                else{
                                    getStartCode($scope,$http,$scope.cityStart[0].code,3);
                                    //$scope.start.r2Code = $scope.cityStart[0].code;
                                }
                                break;
                            case 3:
                                $scope.regionStart = response.regionList;
                                $scope.startRegionInfo = '?';
                                //$scope.start.r3Code = $scope.regionStart[0].code;
                                break;
                        }
                    },
                    function(errno,errmsg){

                    });
        }

        function getEndCode($scope,$http,value,type,firatValue,nextValuse){
            httpAction($http,apiPath('/api/region/list/'+value),'GET',
                    {},
                    function(response){
                        switch(type){
                            case 1:
                                $scope.provinceEnd = response.regionList;
                                $scope.endProvinceInfo = '?';
                                if(firatValue)
                                    if(nextValuse)
                                        getEndCode($scope,$http,firatValue,2,nextValuse);
                                    else
                                        getEndCode($scope,$http,$scope.provinceEnd[0].code,2);
                                break;
                            case 2:
                                $scope.cityEnd = response.regionList;
                                $scope.endCityInfo = '?';
                                getEndCode($scope,$http,$scope.cityEnd[0].code,3);
                                if(firatValue)
                                    getEndCode($scope,$http,firatValue,3);
                                else{
                                    getEndCode($scope,$http,$scope.cityEnd[0].code,3);
                                    //$scope.end.r2Code = $scope.cityEnd[0].code;
                                }
                                break;
                            case 3:
                                $scope.regionEnd = response.regionList;
                                $scope.endRegionInfo = '?';
                                //$scope.end.r3Code = $scope.regionEnd[0].code;
                                break;
                        }
                    },
                    function(errno,errmsg){

                    });
        }



        function setTimeController(hopeTime){
            var currYear = (new Date()).getFullYear();
            var startDate = new Date();
            var endDate = new Date();
            var opt={};
            opt.datetime = {preset : 'datetime'};
            opt.default = {
                theme: "android-ics light",
                mode: "scroller",
                display: "bottom",
                lang: "english",
                monthText: "月",
                dayText: "日",
                yearText: "年",
                hourText: "时",
                minuteText: "分",
                ampmText:"上午/下午",
                setText: '确定',
                cancelText: '取消',
                dateFormat: 'yyyy-mm-dd',
                dateOrder:'yymmdd',
                minDate:new Date(startDate.getTime()+1000*60*60),
                maxDate:new Date(endDate.setDate(endDate.getDate()+5)),
                startYear:currYear,
                endYear:currYear,
                width:100,
                height:70,
                timeWheels:'HHii',
                timeFormat:'HH:ii'
            };
            var optDateTime = $.extend(opt['datetime'], opt['default']);
            $("#dateTime").mobiscroll(optDateTime).datetime(optDateTime);
            if(hopeTime){
                var time1 = hopeTime.split(' ')[0].split('-');
                var time2 = hopeTime.split(' ')[1].split(':');
                time1[1] = parseInt(time1[1]) - 1;
                var time3 = time1.concat(time2);
                $("#dateTime").mobiscroll('setValue',time3,true);
            }


        }


    </script>
{% endblock %}
{% block css %}
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/order-create.css">
    <style>
           #realname,#phone{
                position:relative;
                display:inline-block;
                width:36%;
            }
            #age {
                position:relative;
                display:inline-block;
                width:20%;
            }
            #realname input,
            #age input,
            #phone input{
                padding-left:20px;
                font-size:36px;
            }
            #realname-icon,
            #phone-icon{
                position:absolute;
                left:5px;
                top:20px;
                width:32px;
                height:80%;
            }
        .mask {
            position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
            z-index: 1002; left: -20px;
            opacity:0.8; -moz-opacity:0.8;width: 120%;height: 100%;
        }
    </style>
{% endblock %}

{% block topAction %}
    <div class="create-order-icon"></div>
{% endblock %}

{% block body %}
    {% raw %}

        <div id="mask" class="mask" style="width: 110%">
            <div style="margin-top: 50%;width:100% ">
                <img src="/image/loading.gif" style="height: 30px;width: 30px;margin-left: 45%"/>
                <h3 style="margin-left: 33%;color: aliceblue;font-size: 30px">正在读取您的位置</h3>
            </div>
        </div>

        <!-- 起始点 -->
        <div class="create-panel" ng-init="showPanel=true;doCreate=true;" style="">
            <div class="create-positions">
                <div id="start-icon" class="create-position-icon"></div>
                <div class="create-positon-panel">
                    <div class="create-select create-select-mini" >
                        {{start.province}}
                        <div class="create-select-icon"></div>
                        <select class="create-fack-select"  ng-change="SelectProvince(this,1)" ng-model="startProvinceInfo"><option ng-repeat="province in provinceStart" value="{{province}}" >{{province.name}}</option></select>
                    </div>
                    <div class="create-select create-select-mini">
                        {{start.city}}
                        <div class="create-select-icon"></div>
                        <select class="create-fack-select"  ng-change="SelectCity(this,1)" ng-model="startCityInfo"><option ng-repeat="city in cityStart" value="{{city}}" >{{city.name}}</option></select>
                    </div>
                    <div class="create-select create-select-mini" >
                        {{start.region}}
                        <div class="create-select-icon"></div>
                        <select class="create-fack-select"  ng-change="SelectRegion(this,1)" ng-model="startRegionInfo"><option ng-repeat="region in regionStart" value="{{region}}">{{region.name}}</option></select>
                    </div>
                </div>
                <div class="create-position">
                    <input id="keyword1" type="text" class="create-input-full"  placeholder="请输入起点详细地址并选择地址" onkeyup='keydown(event,"1")' ng-model="orderInfo.beginPosition"/>
                    <div id="result1"></div>
                </div>
            </div>


            <!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.startDesc"/> -->
            <!-- 目的地 -->
            <div class="create-positions" >
                <div id="end-icon" class="create-position-icon"></div>
                <div class="create-positon-panel">
                    <div class="create-select create-select-mini" >
                        {{end.province}}
                        <div class="create-select-icon"></div>
                        <select class="create-fack-select" ng-change="SelectProvince(this,2)" ng-model="endProvinceInfo"><option ng-repeat="province in provinceEnd" value="{{province}}" >{{province.name}}</option></select>
                    </div>
                    <div class="create-select create-select-mini" >
                        {{end.city}}
                        <div class="create-select-icon"></div>
                        <select class="create-fack-select" ng-change="SelectCity(this,2)" ng-model="endCityInfo"><option ng-repeat="city in cityEnd" value="{{city}}" >{{city.name}}</option></select>
                    </div>
                    <div class="create-select create-select-mini" >
                        {{end.region}}
                        <div class="create-select-icon"></div>
                        <select class="create-fack-select" ng-change="SelectRegion(this,2)" ng-model="endRegionInfo"><option ng-repeat="region in regionEnd" value="{{region}}" >{{region.name}}</option></select>
                    </div>
                </div>
                <div class="create-position">
                    <input id="keyword2" type="text" class="create-input-full" onkeyup='keydown(event,"2")' placeholder="请输入终点详细地址并选择地址" ng-model="orderInfo.endPosition"/>
                    <div id="result2" ></div>
                </div>
            </div>

            <!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.endDesc"/> -->
            <div class="create-positon-panel" ng-click="calculatePrice()">
                <div id="realname">
                    <div id="realname-icon"></div>
                    <input type="text" class="create-input-full" placeholder="联系人" ng-model="orderInfo.name"/>
                </div>
                <div id="age" style="margin-left:-20px;">
                     <input type="text" class="create-input-full" placeholder="年龄" ng-model="orderInfo.age" style="width: 80%;" onkeyup="clearNoNum(this);" onafterpaste="clearNoNum(this);"/> 
                </div>
                <div id="phone">
                    <div id="phone-icon"></div>
                    <input type="text" class="create-input-full" placeholder="电话" ng-model="orderInfo.telephone" onkeyup="checkNaN(this);" onafterpaste="checkNaN(this);"/>
                </div>
                <div class="create-button-contact" ng-click="toSelect();"></div>
            </div>

            <div>
                <div class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':diseaseName=='病情'}">
                    {{diseaseName}}
                    <div class="create-select-icon"></div>
                    <select class="create-fack-select" ng-change="selectDiseaseType(this)" ng-model="diseaseType"><option ng-repeat="diseaseType in diseaseList" value="{{diseaseType}}" ng-selected="orderInfo.diseaseType == {{diseaseType.realValue}}">{{diseaseType.showValue}}</option></select>
                </div>
                <div class="create-date">
                    <input id="dateTime" type="text" class="create-input-full" placeholder="用车时间" style="color:#333;" />
                    <div class="create-date-icon"></div>
                </div>
            </div>
            <!--<div class="create-time">
                <input type="text" class="create-input-full" placeholder="预约时间" ng-model="orderInfo.time"/>
            </div>-->

            <div class="create-radio-panel" ng-click="calculatePrice()">
                <span>护送类型</span>
                
            <div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carType==4}" ng-click="orderInfo.carType=4;cartypeChange();caculatePrice()">监护护送（医生,护士）</div>
             <div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carType==1 || orderInfo.carType==null}" ng-click="orderInfo.carType=1;cartypeChange();caculatePrice()">护理护送（配护士）</div> 
             
                <div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carType==2}" ng-click="orderInfo.carType=2;cartypeChange();caculatePrice()">高级护送（配备护送员）</div>
                <div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carType==3}" ng-click="orderInfo.carType=3;cartypeChange();caculatePrice()">普通护送（仅配备司机）</div>
            </div>

            <!-- <div class="create-select create-select-normal">
                {{serveName}}
                <div class="create-select-icon"></div>
                <select class="create-fack-select" ng-change="selectServeType(this)" ng-model="serveType"><option ng-repeat="serveType in serveTypeList" value="{{serveType}}" ng-selected="orderInfo.serviceType == {{serveType.realValue}}">{{serveType.showValue}}</option></select>
            </div> -->
            <div class="create-radio-panel" ng-hide = "isCarryHide==true" ng-click="calculatePrice()">
                <span style="margin-left: 25px">搬抬服务</span>
                <br/>
                <div  class="create-radio-item" ng-class="{'create-radio-chose':isCarryAble==true}" ng-click="iscarry();caculatePrice()">步梯搬抬服务（小于6层）</div>
            </div>

            <input type="text" class="create-input-full" placeholder="留言" ng-model="orderInfo.comment"/>
            <div id="budget" style="width:90%;margin-left: 5%">
                <p style="font-size: 32px; text-align : center">{{budget}}</p>
            </div>
            <!-- <div class="create-agreement" ng-init="agreement=true;doCreate=true;">
                <div class="create-agreement-icon" ng-class="{'create-agreement-chose':agreement == true}" ng-click="this.agreement = !this.agreement;"></div>
                <a href="#" target="_blank">我已阅读《用户须知》</a>
            </div> -->
            <div class="create-button" ng-disable="{{portage_isable}}" ng-click="orderCreate();">提交</div>
            <br />

        </div>

        <div id="mapContainer" >
            <input type="button" id="close" value="关闭" onclick="mapHidden()"/>
        </div>
        <script type="text/javascript" src="/bundles/mirrormain/js/city.js"></script>
        <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=4005d9116ab7d2f8b5a8cd0f062605fd"></script>
        <script type="text/javascript">
            var geolocation;
            var MARKER_FLAG='1';
            var START_MARKER;
            var END_MARKER;
            var START_ADDRESS;
            var END_ADDRESS;
            var windowsArr = [];
            var marker = [];
            var focus_marker;
            var START_CITY_CODE='';
            var END_CITY_CODE='';
            var START_POSITION_LONG;
            var END_POSITION_LONG;

            var startCity;
            var endCity;

            var mapObj = new AMap.Map("");
            mapObj.plugin('AMap.Geolocation',function(){
                geolocation = new AMap.Geolocation({
                    enableHighAccuracy: true,//是否使用高精度定位，默认:true
                    timeout: 10000,          //超过10秒后停止定位，默认：无穷大
                    maximumAge: 0,           //定位结果缓存0毫秒，默认：0
                    convert: false,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
                    showButton: false,        //显示定位按钮，默认：true
                    buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角
                    buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
                    showMarker: false,        //定位成功后在定位到的位置显示点标记，默认：true
                    showCircle: false,        //定位成功后用圆圈表示定位精度范围，默认：true
                    panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
                    zoomToAccuracy:false      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
                });
                mapObj.addControl(geolocation);
                AMap.event.addListener(geolocation, 'complete', initMarker);//返回定位信息
                AMap.event.addListener(geolocation, 'error', function(data){});      //返回定位出错信息
            });

            function mapShow(flag)
            {
                MARKER_FLAG=flag;
                if(!START_MARKER || !END_MARKER)
                {
                    geolocation.getCurrentPosition();
                }
                //document.getElementById('mapContainer').style.display='block';
                //document.getElementById('tip').style.display='none';
            }
            function mapHidden()
            {
                document.getElementById('mapContainer').style.display='none';
                document.getElementById('tip').style.display='block';
                //if(START_ADDRESS)
                //document.getElementById('keyword1').value=START_ADDRESS.formattedAddress;
                //if(END_ADDRESS)
                //document.getElementById('keyword2').value=END_ADDRESS.formattedAddress;
            }


            //document.getElementById("keyword"+MARKER_FLAG).onkeyup = keydown;
            //输入提示
            function autoSearch() {
                var keywords = document.getElementById("keyword"+MARKER_FLAG).value;
                var auto;
                var cityword;
                //加载输入提示插件
                AMap.service(["AMap.Autocomplete"], function() {
                    var autoOptions = {
                        city: MARKER_FLAG==1 ? START_CITY_CODE : END_CITY_CODE,//城市，默认全国
                        citylimit:true
                    };
                    cityword= MARKER_FLAG==1 ? startCity : endCity;
                    //keywords =cityword　+　keywords;
                    auto = new AMap.Autocomplete(autoOptions);
                    //查询成功时返回查询结果
                    if ( keywords.length > 0) {
                        auto.search(keywords, function(status, result){
                            autocomplete_CallBack(result);
                        });
                    }
                    else {
                        document.getElementById("result"+MARKER_FLAG).style.display = "none";
                    }
                });
            }

            //输出输入提示结果的回调函数
            function autocomplete_CallBack(data) {
                var resultStr = "";
                var tipArr = data.tips;
                if (tipArr&&tipArr.length>0) {
                    for (var i = 0; i < tipArr.length; i++) {
                     //if(tipArr[i].location.length>0)  //2018-10-22
                      //{
                        resultStr += "<div id='"+MARKER_FLAG+"divid" + (i + 1) + "' onmouseover='openMarkerTipById(" + (i + 1)
                                + ",this)' onclick='selectResult(" + i + ")' onmouseout='onmouseout_MarkerStyle(" + (i + 1)
                                + ",this)' style=\"font-size: 24px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + tipArr[i].adcode + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>"+ tipArr[i].district + "</span></div>";
                     //}
                   }
                }
                else  {
                    resultStr = " π__π 亲,人家找不到结果!<br />要不试试：<br />1.请确保所有字词拼写正确<br />2.尝试不同的关键字<br />3.尝试更宽泛的关键字";
                }
                 
                if(resultStr.length>0)//2018-10-22
                {
                    document.getElementById("result"+MARKER_FLAG).curSelect = -1;
                    document.getElementById("result"+MARKER_FLAG).tipArr = tipArr;
                    document.getElementById("result"+MARKER_FLAG).innerHTML = resultStr;
                    document.getElementById("result"+MARKER_FLAG).style.display = "block";
                }
                else
                {
                    document.getElementById("result" + MARKER_FLAG).style.display = "none";
                }
            }


            //输入提示框鼠标滑过时的样式
            function openMarkerTipById(pointid, thiss) {  //根据id打开搜索结果点tip
                thiss.style.background = '#CAE1FF';
            }

            //输入提示框鼠标移出时的样式
            function onmouseout_MarkerStyle(pointid, thiss) {  //鼠标移开后点样式恢复
                thiss.style.background = "";
            }

            //2018-11-30 sc 增加
            function checkNaN(target){
                //var value = target.value;
                target.value=target.value.replace(/\D/g,'');
            }
            //2018-11-30 sc 增加
            function clearNoNum(target){
                //var value = target.value;
                target.value = target.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
                target.value = target.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
                target.value = target.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
                target.value = target.value.replace(/^(\-)*(\d+)\.(\d).*$/,'$1$2.$3');//只能输入一个小数  
                if(target.value.indexOf(".")< 0 && target.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 
                        target.value= parseFloat(target.value); 
                } 
            }

            //从输入提示框中选择关键字并查询
            function selectResult(index) {
                if(index<0){
                    return;
                }
                if (navigator.userAgent.indexOf("MSIE") > 0) {
                    document.getElementById("keyword"+MARKER_FLAG).onpropertychange = null;
                    document.getElementById("keyword"+MARKER_FLAG).onfocus = focus_callback;
                }
                //截取输入提示的关键字部分
                var text = document.getElementById(MARKER_FLAG+"divid" + (index + 1)).innerHTML.replace(/<[^>].*?>.*<\/[^>].*?>/g,"");
                var cityCode = document.getElementById(MARKER_FLAG+"divid" + (index + 1)).getAttribute('data');
                document.getElementById("keyword"+MARKER_FLAG).value = text;
                document.getElementById("result"+MARKER_FLAG).style.display = "none";
                //根据选择的输入提示关键字查询
                mapObj.plugin(["AMap.PlaceSearch"], function() {
                    var msearch = new AMap.PlaceSearch();  //构造地点查询类
                    AMap.event.addListener(msearch, "complete", placeSearch_CallBack); //查询成功时的回调函数
                    msearch.setCity(cityCode);
                    msearch.search(text);  //关键字查询查询
                });
            }

            //定位选择输入提示关键字
            function focus_callback() {
                if (navigator.userAgent.indexOf("MSIE") > 0) {
                    document.getElementById("keyword"+MARKER_FLAG).onpropertychange = autoSearch;
                }
            }

            //输出关键字查询结果的回调函数
            function placeSearch_CallBack(data) {
                //清空地图上的InfoWindow和Marker
                windowsArr = [];
                marker     = [];
                //mapObj.clearMap();
                var resultStr1 = "";
                var poiArr = data.poiList.pois;
                var resultCount = poiArr.length;
                /*
                 for (var i = 0; i < resultCount; i++) {
                 resultStr1 += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById1(" + i + ",this)' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12px;cursor:pointer;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\"><table><tr><td><img src=\"http://webapi.amap.com/images/" + (i + 1) + ".png\"></td>" + "<td><h3><font color=\"#00a6ac\">名称: " + poiArr[i].name + "</font></h3>";
                 resultStr1 += TipContents(poiArr[i].type, poiArr[i].address, poiArr[i].tel) + "</td></tr></table></div>";
                 addmarker(i, poiArr[i]);
                 }
                 */
                if(resultCount)
                {
                    var address=poiArr[0].name;
                    var lngX=poiArr[0].location.getLng();
                    var latY=poiArr[0].location.getLat();
                    //alert('address='+address+'x='+lngX+',y='+latY);
                    addmarker(0,poiArr[0]);
                    if(MARKER_FLAG==1)
                        START_ADDRESS=address;
                    else
                        END_ADDRESS=address;
                    getAddressInfo(lngX,latY);
                    watch();
                }
                mapObj.setFitView();
            }

            function watch()
            {
                //通过controller来获取app
                var appElement = document.querySelector('[ng-controller=PublicCtr]');
                var $scope = angular.element(appElement).scope();
                $scope.calculatePrice();
                $scope.$apply();
            }

            //鼠标滑过查询结果改变背景样式，根据id打开信息窗体
            function openMarkerTipById1(pointid, thiss) {
                thiss.style.background = '#CAE1FF';
                windowsArr[pointid].open(mapObj, marker[pointid]);
            }
            function getAddressInfo(lngX,latY)
            {
                AMap.service(["AMap.Geocoder"], function() { //加载地理编码
                    geocoder = new AMap.Geocoder({
                        radius: 1000,
                        extensions: "all"
                    });
                    //步骤三：通过服务对应的方法回调服务返回结果，本例中通过逆地理编码方法getAddress回调结果
                    geocoder.getAddress(new AMap.LngLat(lngX,latY), function(status, result){
                        //根据服务请求状态处理返回结果
                        if(status=='error') {
                            alert("服务请求出错啦！ ");
                        }
                        if(status=='no_data') {
                            alert("无数据返回，请换个关键字试试～～");
                        }
                        else {
                            if(MARKER_FLAG==1)
                            {
                                //START_ADDRESS=result.regeocode;
                                START_POSITION_LONG=result.regeocode.formattedAddress;
                            }
                            else if(MARKER_FLAG==2)
                            {
                                //END_ADDRESS=result.regeocode;
                                END_POSITION_LONG=result.regeocode.formattedAddress;
                            }
                            //alert('address:'+result.regeocode.formattedAddress+',lngX:'+lngX+',latY:'+latY);
                        }
                    });
                });
            }
            function dragend_callback(){
                var lngX=this.getPosition().getLng();
                var latY=this.getPosition().getLat();
                getAddressInfo(lngX,latY);
            };
            function initMarker(data)
            {
                var markerOption = {
                    title:name,
                    map:mapObj,
                    icon:"http://webapi.amap.com/images/" + (MARKER_FLAG) + ".png",
                    draggable:true,
                    position:data.position
                };
                if(MARKER_FLAG==1 && !START_MARKER)
                {
                    START_MARKER= new AMap.Marker(markerOption);
                    getAddressInfo(data.position.getLng(),data.position.getLat());
                    AMap.event.addListener(START_MARKER, "dragend", dragend_callback);
                }
                else if(MARKER_FLAG==2 && !END_MARKER)
                {
                    END_MARKER= new AMap.Marker(markerOption);
                    getAddressInfo(data.position.getLng(),data.position.getLat());
                    AMap.event.addListener(END_MARKER, "dragend", dragend_callback);
                }
            }

            //添加查询结果的marker&infowindow
            function addmarker(i, d) {
                var lngX = d.location.getLng();
                var latY = d.location.getLat();
                var name=d.name;
                var markerOption = {
                    title:name,
                    //map:mapObj,
                    icon:"http://webapi.amap.com/images/" + (MARKER_FLAG) + ".png",
                    draggable:true,
                    position:new AMap.LngLat(lngX, latY)
                };

                if(MARKER_FLAG==1)
                {
                    if(START_MARKER)
                    {
                        START_MARKER.setPosition(d.location);
                    }
                    else
                    {
                        START_MARKER = new AMap.Marker(markerOption);
                        AMap.event.addListener(START_MARKER, "dragend", dragend_callback);
                    }
                }
                else
                {
                    if(END_MARKER)
                    {
                        END_MARKER.setPosition(d.location);
                    }
                    else
                    {
                        END_MARKER= new AMap.Marker(markerOption);
                        AMap.event.addListener(END_MARKER, "dragend", dragend_callback);
                    }
                }

                marker.push(new AMap.LngLat(lngX, latY));

                var infoWindow = new AMap.InfoWindow({
                    content:"<h3><font color=\"#00a6ac\">  " + (i + 1) + ". " + d.name + "</font></h3>" + TipContents(d.type, d.address, d.tel),
                    draggable:true,
                    size:new AMap.Size(300, 0),
                    autoMove:true,
                    offset:new AMap.Pixel(0,-30)
                });
                windowsArr.push(infoWindow);
                //var aa = function (e) {infoWindow.open(mapObj, mar.getPosition());};


            }

            //infowindow显示内容
            function TipContents(type, address, tel) {  //窗体内容
                if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {
                    type = "暂无";
                }
                if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
                    address = "暂无";
                }
                if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {
                    tel = "暂无";
                }
                var str = "  地址：" + address + "<br />  电话：" + tel + " <br />  类型：" + type;
                return str;
            }
            function keydown(event,flag){
                MARKER_FLAG=flag;
                var key = (event||window.event).keyCode;
                var result = document.getElementById("result"+MARKER_FLAG);
                var cur = result.curSelect;
                if(key===40){//down
                    if(cur + 1 < result.childNodes.length){
                        if(result.childNodes[cur]){
                            result.childNodes[cur].style.background='';
                        }
                        result.curSelect=cur+1;
                        result.childNodes[cur+1].style.background='#CAE1FF';
                        document.getElementById("keyword"+MARKER_FLAG).value = result.tipArr[cur+1].name;
                    }
                }else if(key===38){//up
                    if(cur-1>=0){
                        if(result.childNodes[cur]){
                            result.childNodes[cur].style.background='';
                        }
                        result.curSelect=cur-1;
                        result.childNodes[cur-1].style.background='#CAE1FF';
                        document.getElementById("keyword"+MARKER_FLAG).value = result.tipArr[cur-1].name;
                    }
                }else if(key === 13){
                    var res = document.getElementById("result"+MARKER_FLAG);
                    if(res && res['curSelect'] !== -1){
                        selectResult(document.getElementById("result"+MARKER_FLAG).curSelect);
                    }
                }else{
                    autoSearch();
                }
            }

        </script>
    {% endraw %}
{% endblock %}