{% extends 'MirrorOamBundle:Base:base.html.twig' %}
{% block style %}
    <style type="text/css">
        #split-page {
            text-align: center;
        }
        .form-control {
            display: inline-block;
            width: auto;
        }
    </style>
{% endblock %}

{% block content %}
    {% raw %}
        <div ng-controller="officialController">
            <h1 class="page-header">官网预约订单</h1>
            <div class="page-header">
                创建时间范围：
                <input id="dateTime1" type="text" class="create-input-full form-control" placeholder="开始时间" />
                &nbsp;
                &nbsp;
                <input id="dateTime2" type="text" class="create-input-full form-control" placeholder="结束时间" />
                <button class="form-control" ng-click="getr()">搜索</button>
            </div>
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>联系方式</th>
                        <th>用户嘱咐</th>
                        <th>创建时间</th>
                        <th>处理时间</th>
                        <th>处理人</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="official in officialList" style="height:51px;">
                        <td>{{ official.id }}</td>
                        <td>{{ official.telephone }}</td>
                        <td>{{ official.comment }}</td>
                        <td>{{ official.createTime }}</td>
                        <td>{{ official.completeTime }}</td>
                        <td>{{ official.directorName }}</td>
                        <td ng-if="official.status==0" style="color:red;">未处理</td>
                        <td ng-if="official.status==1" style="color:green;">已处理</td>
                        <td><a ng-if="official.status == 0" data-target="#reply" role="button" class="btn" data-toggle="modal" ng-click="accept(this);">处理完成</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div id="split-page">
                <tm-pagination conf="paginationConf"></tm-pagination>
            </div>
        </div>
    {% endraw %}
{% endblock %}

{% block script %}
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/mobiscroll.custom-2.5.0.min.css" />
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.android-ics-2.5.2.css" />
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.animation-2.5.2.css" />
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.core-2.5.2.css" />
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.android-ics-2.5.2.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.core-2.5.2.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.core-2.5.2-zh.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1-zh.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1-zh.js"></script>
    <script type="text/javascript" src="{{ asset('bundles/mirroroam/js/tm-pagination.js') }}"></script>
    <script type="text/javascript">

        angular.module('myApp',['tm.pagination'])
                .controller('officialController',function($scope,$http){
                    init($scope,$http);

                    $scope.getr=function(){
                        getrefereeList($scope,$http);
                    }
                    $scope.accept=function(target){
                        $scope.id=target.official.id;
                        if(!confirm('确定允许该订单？')) return;
                         acceptOfficial($scope,$http);
                    }
                });
                function acceptOfficial($scope,$http)
                {
                    var id=$scope.id;
                    httpOther(
                            $http,
                            apiPath('/api/homepage/complete/'+id),
                            'get',
                            {},
                            function(data,textStatus){
                                alert('操作成功');
                                getrefereeList($scope,$http);
                            },
                            function(errno,errmsg){
                                alert(errmsg +"  "+ errno);
                            }
                    );
                }


        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',
                startYear:currYear,
                endYear:currYear,
                width:100,
                height:70,
                timeWheels:'HHii',
                timeFormat:'HH:ii'
            };
            var optDateTime = $.extend(opt['datetime'], opt['default']);
            $("#dateTime1").mobiscroll(optDateTime).datetime(optDateTime);
            $("#dateTime2").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);
            }
        }
        function init($scope,$http)
        {
            setTimeController();
            $scope.search={};
            $scope.paginationConf = {
                currentPage: 1,
                itemsPerPage: 10,
                pagesLength: 9,
                onChange: function(){
                }
            };
            $("#order-manage").addClass('active');
            $("#order-detail-official").addClass("active");
            $("#order-manage-list").addClass('in');

            getrefereeList($scope,$http);
        }

        function getrefereeList($scope,$http)
        {
            $scope.search.begintime = $('#dateTime1').val();
            $scope.search.endtime = $('#dateTime2').val();
            var currentPage=$scope.paginationConf.currentPage;
            var json={
//                'page':currentPage ? currentPage : 1,
//                'rows':$scope.paginationConf.itemsPerPage,
                'beginTime':$scope.search.begintime,
                'endTime':$scope.search.endtime
            }
            httpOther(
                    $http,
                    apiPath('/api/homepage/search'),
                    'post',
                    json,
                    function(data,textStatus){
                        $scope.officialList=data.result;
                        console.log( $scope.officialList);
//                        $scope.paginationConf.totalItems=data.total; 接口没有返回total,每次都会发生改变undefined,造成以下函数死循环
                        $scope.paginationConf.onChange=function(){
                            getrefereeList($scope,$http);
                        };
                    },
                    function(errno,errmsg){

                    }

            );
        }
    </script>
{% endblock %}