matron-show
/
overview_page.html

<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html lang="en"  ng-app="myApp" >
<head>
    <meta charset="UTF-8">
    <!-- 引入Bootstrap相关文件  -->
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
        <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <script src="js/jquery-3.1.0.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="js/angular.js"></script>
    <script type="text/javascript" src="js/globalVar.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <link href="css/main.css" rel="stylesheet">

    <title>E家月嫂</title>
</head>

<body onload="loadBody()" ng-controller="filterCtrl">

<!-- 导航栏 -->
<nav class="navbar navbar-default" role="navigation" style="padding:8px 0; margin-bottom: 0px; max-height: 70px;overflow: hidden">
    <ul class="nav nav-pills nav-justified">

        <li>
            <div class="navbar-header">
                <a class="navbar-brand" href="#" id="page-title">E家月嫂-后台录入系统</a>
            </div>
        </li>

        <li>
            <form class="navbar-form navbar-left" role="search" style="width:180px;">
                <div class="input-group input-group-xs">
                    <input type="text" class="form-control" placeholder="搜索月嫂" ng-model="matron_name"><span class="input-group-addon"><i class="icon-search id_cursor" ng-click="search()"></i></span>
                </div>
            </form>
            <p class="navbar-text  navbar-left" id="filter_icon" style="color:#aaaaaa;font-size:30px;margin:0 auto; padding: 0 auto;"><i style="cursor:pointer;" class="icon-filter icon-align-center icon-large" ng-click="control_filter()"></i></p>
        </li>

        <li>
    <p class="navbar-text  navbar-left" id="headModel_icon" style="color:#aaaaaa;font-size:34px;margin: 0px 10px 0px 0px; padding: 0 auto;"><i style="cursor:pointer;" class="icon-th-large" ng-click="setImgModel()"></i></p >
    <p class="navbar-text  navbar-left" id="listModel_icon" style="color:#5cb85c;font-size:34px;margin:0 auto; padding: 0 auto;"><i style="cursor:pointer;" class="icon-list" ng-click="setListModel()"></i></p >
    <button type="button" class="btn btn-success navbar-btn navbar-left" style="margin-left: 20px;" ng-click="turn2Add()">添加月嫂</button>
</li>

        <li>
            <p class="navbar-text navbar-right" style="margin-right:50px;"><a href="modify-password.html" class="navbar-link" style="color:#0000CC;">修改密码</a></p>
            <p class="navbar-text navbar-right"><a href="javascript:logout()" class="navbar-link" style="color:#0000CC;">登出</a></p>
            <p class="navbar-text navbar-right" id="maternity_name">刘金华</p>
        </li>

    </ul>
</nav>

<div class="container" style="width:100%;">

    <div class="row" ng-show="show_filter">
        <div class="filter-wrapper">
        <div class="span12 filter-items">
            <div class="filter-block" style="margin-left:10px;">
                <span class="filter-item">籍贯：</span>
                <select id="province">
                    <option value="北京市">北京市</option>
                    <option value="浙江省">浙江省</option>
                    <option value="天津市">天津市</option>
                    <option value="安徽省">安徽省</option>
                    <option value="上海市">上海市</option>
                    <option value="福建省">福建省</option>
                    <option value="重庆市">重庆市</option>
                    <option value="江西省">江西省</option>
                    <option value="山东省">山东省</option>
                    <option value="河南省">河南省</option>
                    <option value="湖北省">湖北省</option>
                    <option value="湖南省">湖南省</option>
                    <option value="广东省">广东省</option>
                    <option value="海南省">海南省</option>
                    <option value="山西省">山西省</option>
                    <option value="青海省">青海省</option>
                    <option value="江苏省">江苏省</option>
                    <option value="辽宁省">辽宁省</option>
                    <option value="吉林省">吉林省</option>
                    <option value="台湾省">台湾省</option>
                    <option value="河北省">河北省</option>
                    <option value="贵州省">贵州省</option>
                    <option value="四川省">四川省</option>
                    <option value="云南省">云南省</option>
                    <option value="陕西省">陕西省</option>
                    <option value="甘肃省">甘肃省</option>
                    <option value="黑龙江省">黑龙江省</option>
                    <option value="香港特别行政区">香港特别行政区</option>
                    <option value="澳门特别行政区">澳门特别行政区</option>
                    <option value="广西壮族自治区">广西壮族自治区</option>
                    <option value="宁夏回族自治区">宁夏回族自治区</option>
                    <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                    <option value="内蒙古自治区">内蒙古自治区</option>
                    <option value="西藏自治区">西藏自治区</option>
                </select>
            </div>
            <div class="filter-block">
                <span class="filter-item">年龄：</span>
                <input type="text"  ng-model="min_age" class="filter-input"/>
                <span class="filter-item"> - </span>
                <input type="text" ng-model="max_age" class="filter-input"/>
            </div>
            <div class="filter-block">
                <span class="filter-item">工作经验：</span>
                <span id="experience">1</span><span> 年</span>
                <img src="img/icon-up.png" style="position:relative;bottom:4px;" ng-click="add_exp()">
                <img src="img/icon-down.png"  style="position:relative; right:14.5px; top:3px;" ng-click="minus_exp()">
            </div>
            <div class="filter-block">
                <span class="filter-item">级别：</span>
                <span id="level">1</span><span> 星</span>
                <img src="img/icon-up.png" style="position:relative;bottom:4px;" ng-click="add_star()">
                <img src="img/icon-down.png"  style="position:relative; right:14.5px; top:3px;" ng-click="minus_star()">
            </div>
            <div class="filter-block">
                <span class="filter-item">用户评分：</span>
                <input type="text" class="filter-input" ng-model="min_star"/>
                <span class="filter-item"> - </span>
                <input type="text" class="filter-input" ng-model="max_star"/>
            </div>
            <div class="filter-block">
                <span class="filter-item">评价数量：</span>
                <input type="text"  class="filter-input" ng-model="min_evaluation_number"/>
                <span class="filter-item"> - </span>
                <input type="text" class="filter-input" ng-model="max_evaluation_number"/>
            </div>
            <button type="button" class="btn btn-success" ng-click="searchByFilter()">筛选</button>
        </div>
    </div>
</div>

    <div class="row">
        <div class="table-wrapper">
            <table class="table table-bordered table-hover" style="margin-bottom: 10px;">
                <thead>
                    <tr>
                        <th class="no-border"><span>全选</span></th>
                        <th class="no-border"><span>ID</span><i class="icon-sort" ng-click="sort_by_id()"></i></th>
                        <th class="no-border"><span>姓名</span><i class="icon-sort" ng-click="sort_by_name()"></i></th>
                        <th class="no-border"><span>年龄</span><i class="icon-sort" ng-click="sort_by_age()"></i></th>
                        <th class="no-border"><span>籍贯</span><i class="icon-sort" ng-click="sort_by_province()"></i></th>
                        <th class="no-border"><span>工作经验</span><i class="icon-sort"></i></th>
                        <th class="no-border"><span>级别</span><i class="icon-sort" ng-click="sort_by_level()"></i></th>
                        <th class="no-border"><span>用户评分</span><i class="icon-sort"></i></th>
                        <th class="no-border"><span>评价数量</span><i class="icon-sort"></i></th>
                        <th class="no-border delete-hidden"><span class="id_cursor" ng-style="{'visibility':isMultiSel()? 'visible' : 'hidden'}" ng-click="deleteAll()">全部删除</span></th>
                    </tr>
                </thead>
                <tbody>

                    <tr ng-repeat=" x in matrons"  ng-mouseenter="myHover(x)" ng-mouseleave="myLeave(x)">
                        <td class="checkbox-no-border"><input type="checkbox" name="mycheckbox" ng-click="myClick(x)"/></td>
                        <td ng-click="turn2Info(x.id)" class="id_cursor">{{x.id}}<img class="head-imgs" ng-src="{{x.head_img_url}}" ng-show="getModel()"></td>
                        <td ng-bind="x.name"></td>
                        <td ng-bind="x.age"></td>
                        <td ng-bind="x.birth_place"></td>
                        <td ng-bind="x.expirence"></td>
                        <td ng-bind="x.level"></td>
                        <td ng-bind="x.star"></td>
                        <td ng-bind="x.evaluation_number"></td>
                        <td class="no-border delete-hidden"><span class="id_cursor" ng-style="{'visibility':x.show? 'visible' : 'hidden'}" ng-click="delete(x.id)">删除</span></td>
                    </tr>

                </tbody>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="page-wrapper">
            <div class="set-number page-block">
                <span style="padding-right:10px;">每页显示</span>
                <a style="padding-right:10px;"><span ng-class="{true:'number-selected',false:'number-unselected'}[isFirstSelected]" ng-click="changePerPage(20)">20</span></a>
                <a style="padding-right:10px;"><span ng-class="{true:'number-selected',false:'number-unselected'}[isSecondSelected]" ng-click="changePerPage(50)">50</span></a>
                <a><span ng-class="{true:'number-selected',false:'number-unselected'}[isThirdSelected]" ng-click="changePerPage(100)">100</span></a>
            </div>
            <div class="np-page page-block">
                <a ng-click="previous()"><span class="previous-page">上一页</span></a>
                <ul class="pagination" style="margin: 0; padding:0;position:relative;top:10px;">
                    <li ng-repeat = "page in pages">
                        <a ng-click="selectPage(page)"> <span ng-class="{'active': isActivePage(page)}">{{ page }}</span></a>
                    </li>
                </ul>

                <a ng-click="next()"><span class="next-page">下一页</span></a>
            </div>
            <div class="turn-page page-block">
                <span>跳转第</span>
                <input type="text" class="input-line">
                <span>页</span>
            </div>
        </div>
    </div>
</div>

<script src="js/overview_page.js"></script>

</body>
</html>