<div class="webManger">
    <header class="head">
        <span>12345政务服务管理后台</span>
        <ul class="nav nav-pills">
            <li role="presentation" class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                admin【管理员】<i class="glyphicon glyphicon-menu-down"></i>
                </a>
                <ul class="dropdown-menu">
                    <li style="border-bottom: 1px solid #eee;"><a href="#">修改密码</a></li>
                    <li><a href="#">退出</a></li>
                </ul>
            </li>
        </ul>
    </header>
    <div id="leftList">
        <ul class="nav nav-pills slide nav-stacked">
            <li role="presentation" class="active"><a class="slip" ng-click="animate($event)" href="#suggestions" aria-controls="home" role="tab" data-toggle="tab"><span>投诉建议</span></a></li>
            <li role="presentation"><a class="slip" ng-click="animate($event)" href="#managers" aria-controls="home" role="tab" data-toggle="tab"><span>人员管理</span></a></li>
        </ul>
    </div>
    <content>
        <div id="media">
            <div class="title">
                <div class="input-search">
                    <span class="glyphicon glyphicon-search"></span>
                    <input type="text" class="form-control input-sm" placeholder="搜索关键字. . ." ng-model="searchName">
                </div>
                <div class="button-add">
                    <button type="button" data-toggle="modal" data-target="#infoModal-new" class="btn btn-primary glyphicon glyphicon-file"><span>新建问题</span></button>
                    <button type="button" data-toggle="modal" data-target="#personModal-new" class="btn btn-primary glyphicon glyphicon-plus"><span>添加人员</span></button>
                </div>
            </div>
            <div class="tab-content">
                <a class="glyphicon glyphicon-refresh" title="刷新" href="javascript:window.location.reload()"></a>
                <div role="tabpanel" class="tab-pane active" id="suggestions">
                    <form class="form">
                        <!-- Table-info -->
                        <table id="header">
                            <thead>
                                <tr>
                                    <th style="min-width:30px;">
                                        <input style="margin-left:5px;margin-top:8px;" type="checkbox" ng-click="checkedTotal()" ng-model="checkedtotal">
                                    </th>
                                    <th style="min-width:50px;">序号</th>
                                    <th style="min-width:150px">创建时间</th>
                                    <th style="width:450px">问题描述</th>
                                    <th style="width:200px">提交用户</th>
                                    <th style="width:360px;padding-left:20px;">操作</th>
                                </tr>
                            </thead>
                        </table>
                        <div style="border-top:solid 1px #ddd;margin:5px auto;"></div>
                        <table id="content">
                            <thead>
                                <tr>
                                    <th style="min-width:30px;"></th>
                                    <th style="min-width:50px;"></th>
                                    <th style="min-width:150px"></th>
                                    <th style="width:450px"></th>
                                    <th style="width:200px"></th>
                                    <th style="width:360px;padding-left:20px;"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="Tr">
                                    <td><input class="checkbox-t" type="checkbox" ng-checked="checkedtotal" ng-click="checkedTr($event)"></td>
                                    <td style="text-align:center;padding-right:16px;"> {{ ($index + 1)+(currentPage-1)*10 }} </td>
                                    <td>2017-08-16 11:11:11</td>
                                    <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
                                    <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
                                    <td style="padding-left:20px;">
                                        <div class="button-control">
                                            <button data-toggle="modal" data-target="#infoModal" type="button" ng-click="infoView(user)" class="btn btn-primary">查看详细</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
                <div role="tabpanel" class="tab-pane" id="managers">
                    <form class="form">
                        <!-- Table-person -->
                        <table id="header">
                            <thead>
                                <tr>
                                    <th style="min-width:30px;">
                                        <input style="margin-left:5px;margin-top:8px;" type="checkbox" ng-click="checkedTotal()" ng-model="checkedtotal">
                                    </th>
                                    <th style="min-width:50px;">序号</th>
                                    <th style="min-width:200px;padding-left:50px;">用户名</th>
                                    <th style="width:200px">手机号码</th>
                                    <th style="width:200px">固定电话</th>
                                    <th style="width:660px;padding-left:20px;">操作</th>
                                </tr>
                            </thead>
                        </table>
                        <div style="border-top:solid 1px #ddd;margin:5px auto;"></div>
                        <table id="content">
                            <thead>
                                <tr>
                                    <th style="min-width:30px;"></th>
                                    <th style="min-width:50px;"></th>
                                    <th style="min-width:200px;padding-left:50px;"></th>
                                    <th style="width:200px"></th>
                                    <th style="width:200px"></th>
                                    <th style="width:660px;padding-left:20px;"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="Tr">
                                    <td><input class="checkbox-t" type="checkbox" ng-checked="checkedtotal" ng-click="checkedTr($event)"></td>
                                    <td style="text-align:center;padding-right:16px;"> {{ ($index + 1)+(currentPage-1)*10 }} </td>
                                    <td style="padding-left:51px;">客服一</td>
                                    <td>15906422850</td>
                                    <td>0578-2021088</td>
                                    <td style="padding-left:20px;">
                                        <div class="button-control">
                                            <button data-toggle="modal" data-target="#personModal" type="button" ng-click="infoView(user)" class="btn btn-primary">修改资料</button>
                                            <button type="button" class="btn btn-danger">删除</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
            <!--info-->
            <div class="modal fade infoModal" id="infoModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="infoModalLabel" 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="titleA">问题详细</p>
                        </div>
                        <div class="modal-body">
                            <p>创建时间：<span>2017-08-16 11:11:11</span></p>
                            <p>提交用户：<span>浙江万赛软件科技有限公司丽水分公司维护</span></p>
                            <p>手机号码：<span>15906422850</span></p>
                            <p>问题详细：</p>
                            <span class="text-message">近日办公助手出现程序被360软件拦截,导致软件奔溃或者被360删除。已被删除的用户需要重新下载安装，然后在360中添加信任，未被删除的用户直接添加信任。添加信任办法如下:打开360安全窗口，单击“木马查杀”图标——在木马查杀窗口中，单击左下角“信任区”图标，然后单击下面的“添加信任目录”按钮——选择办公助手安装的路径，确定就可以了。以上操作有困难的用户可致电2091970咨询指导或申请远程协助解决。</span>

                            <p>图片描述：
                                <div class="imgpreview">
                                    <a href="#" data-toggle="modal" data-target="#viewModal" class="thumbnail"><img class="images" src="../img/webChatImg/仙宫湖.jpg"></a>
                                    <a href="#" class="thumbnail"><img class="images" src="../img/webChatImg/仙宫湖.jpg"></a>
                                    <a href="#" class="thumbnail"><img class="images" src="../img/webChatImg/仙宫湖.jpg"></a>
                                    <a href="#" class="thumbnail"><img class="images" src="../img/webChatImg/仙宫湖.jpg"></a>
                                    <a href="#" class="thumbnail"><img class="images" src="../img/webChatImg/仙宫湖.jpg"></a>
                                </div>
                            </p>
                            <p>所在位置：</p>
                            <div class="text-map">
                                <img style="height:180px" src="../img/webChatImg/map.png">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">确 定</button>
                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade infoModal" id="infoModal-new" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="infoModalLabel" 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="titleA">新建问题</p>
                        </div>
                        <div class="modal-body">
                            <p>创建时间：<input type="text" class="form-control input-sm" ng-model="createDate"></p>
                            <p>提交用户：<input type="text" class="form-control input-sm"></p>
                            <p>手机号码：<input type="text" class="form-control input-sm"></p>
                            <p>问题详细：</p>
                            <span class="text-message" contenteditable="plaintext-only"></span>
                            <p>图片描述：
                                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-open"></span></button>
                                <input type="file" class="form-control input-sm file" multiple="multiple" onchange='angular.element(this).scope().imgPreview(this)'>
                                <div class="imgpreview" id="imgadd">
                                </div>
                            </p>
                            <p>所在位置：</p>
                            <div class="text-map">
                                <gaode-map options="mapOptions" style="height:180px"></gaode-map>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保 存</button>
                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                        </div>
                    </div>
                </div>
            </div>
            <!--person-->
            <div class="modal fade personModal" id="personModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="personModalLabel" 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="titleA">修改资料</p>
                        </div>
                        <div class="modal-body">
                            <p><input type="text" class="form-control input-sm" ng-value="user.loginname"><span>登录名：</span></p>
                            <p><input type="password" class="form-control input-sm" ng-value="user.password"><span>密码：</span></p>
                            <p><input type="text" class="form-control input-sm" ng-value="user.name"><span>用户名：</span></p>
                            <p><select class="form-control input-sm" ng-value="getSex()">
                                    <option>保密</option>
                                    <option>男</option>
                                    <option>女</option>
                                </select>
                                <span>性别：</span>
                            </p>
                            <div style="height:10px;width:20px"></div>
                            <p><input type="text" class="form-control input-sm" ng-value="user.mob"><span>手机号码：</span></p>
                            <p><input type="text" class="form-control input-sm" ng-value="user.tel"><span>座机号码：</span></p>
                            <p><input type="text" class="form-control input-sm" ng-value="user.email"><span>邮箱地址：</span></p>
                        </div>
                        <div class="modal-footer">
                            <button ng-click="save($event)" type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保 存</button>
                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade personModal" id="personModal-new" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="personModalLabel" 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="titleA">添加人员</p>
                        </div>
                        <div class="modal-body">
                            <p><input type="text" class="form-control input-sm"><span>登录名：</span></p>
                            <p><input type="password" class="form-control input-sm"><span>密码：</span></p>
                            <p><input type="text" class="form-control input-sm"><span>用户名：</span></p>
                            <p><select class="form-control input-sm">
                                    <option>保密</option>
                                    <option>男</option>
                                    <option>女</option>
                                </select>
                                <span>性别：</span>
                            </p>
                            <div style="height:10px;width:20px"></div>
                            <p><input type="text" class="form-control input-sm"><span>手机号码：</span></p>
                            <p><input type="text" class="form-control input-sm"><span>座机号码：</span></p>
                            <p><input type="text" class="form-control input-sm"><span>邮箱地址：</span></p>
                        </div>
                        <div class="modal-footer">
                            <button ng-click="save($event)" type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保 存</button>
                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                        </div>
                    </div>
                </div>
            </div>
            <!--OK-->
            <div class="modal fade okModal" id="okModal" tabindex="-2" role="dialog" data-backdrop="static" aria-labelledby="okModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <p id="titleB">保存成功</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--View-->
            <div class="modal fade viewModal" id="viewModal" tabindex="-2" role="dialog" data-backdrop="static" aria-labelledby="okModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <img class="images" src="../img/webChatImg/仙宫湖.jpg" data-dismiss="modal">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </content>
    <footer class="foot">
        <div id="paginationTab">
            <span>共{{0+totalItems}}条数据</span>
            <ul uib-pagination boundary-links="true" total-items="totalItems" ng-model="currentPage" class="pagination-sm diy" max-size="maxSize" force-ellipses="true" previous-text="上页" next-text="下页" first-text="首页" last-text="尾页"></ul>
        </div>
        <div style="border-top:solid 1px #eee;margin:0px auto 15px;"></div>
        <p>Copyright © 2007-2017 | 浙江万赛软件科技有限公司</p>
    </footer>
</div>