<div>
    <div id="searchForm">
        <p id="dateInput">
            <input type="text" class="form-control" readonly="readonly" onClick="WdatePicker({onpicked: function(){$(this).trigger('change')}, maxDate:'%y-%M-%d'})" ng-model="sdate" />
            <span>
                <i class="glyphicon glyphicon-calendar"></i>
            </span>
        </p>
        <div class="checkbox">
            <label>
                <input type="checkbox" ng-model="checkId"> 按月查询
            </label>
        </div>
        <p class="input-group" id="searchInput">
            <input type="text" class="form-control" placeholder="请输入登录名..." ng-model="inval" />
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="search()"><i class="glyphicon glyphicon-search"></i></button>
            </span>
        </p>
        <p id="title">短信报表：</p>
    </div>
    <div id="tableForm">
        <!-- Table -->
        <table id="header">
            <thead>
                <tr>
                    <th style="width:40px">编号</th>
                    <th style="width:120px">发送人</th>
                    <th style="width:90px">接受人手机号码</th>
                    <th style="width:350px">发送内容</th>
                    <th style="width:71px">发送时间</th>
                    <th style="width:100px;padding-left:40px;">操作</th>
                </tr>
            </thead>
        </table>
        <table id="content">
            <thead>
                <tr>
                    <th style="width:40px"></th>
                    <th style="width:120px"></th>
                    <th style="width:90px"></th>
                    <th style="width:350px"></th>
                    <th style="width:71px"></th>
                    <th style="width:100px"></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="user in allitem[currentPage-1]">
                    <td style="text-align:center;padding-left:12px;"> {{ ($index + 1)+(currentPage-1)*10 }} </td>
                    <td title="{{user.Sender}}"> <input type="text" readonly="readonly" value="{{user.Sender}}"> </td>
                    <td> <input type="text" readonly="readonly" value="{{user.Receiver}}"> </td>
                    <td title="{{user.SMSContent}}"> <input type="text" readonly="readonly" value="{{user.SMSContent}}"> </td>
                    <td> {{user.SendTime}} </td>
                    <td style="padding-left:35px;"> <button data-toggle="modal" data-target="#smsModal" type="button" ng-click="infoView(user)">详情</button> </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="modal fade" id="smsModal" tabindex="-1" role="dialog" aria-labelledby="smsModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                    </button>
                    <p id="title">短信详情</p>
                </div>
                <div class="modal-body">
                    <p>短信发送人：<input type="text" readonly="readonly" value="{{userInfo.Sender}}"></p>
                    <p>接收人手机：<input type="text" readonly="readonly" value="{{userInfo.Receiver}}"> </p>
                    <p>发送时间：<input type="text" readonly="readonly" value="{{userInfo.FirstTime}} {{userInfo.LastTime}}"> </p>
                    <p>短信内容：</p>
                    <textarea rows="5" type="text" readonly="readonly">{{userInfo.SMSContent}}</textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <div id="paginationTab">
        <p>共{{0+totalItems}}条数据</p>
        <ul uib-pagination boundary-links="true" total-items="totalItems" ng-model="currentPage" class="pagination-sm" max-size="maxSize" force-ellipses="true" previous-text="上页" next-text="下页" first-text="首页" last-text="尾页"></ul>
    </div>
</div>