matron-show
/
matron_info.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="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <link href="css/matron_info.css" rel="stylesheet">
    <script type="text/javascript" src="js/globalVar.js"></script>

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

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

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

        <li>
            <div class="navbar-header" style="min-width: 400px;">
                <a class="navbar-brand" href="#" id="page-title">E家月嫂-后台录入系统 > 月嫂资料</a>
            </div>
        </li>

        <li>
            <button type="button" class="btn btn-success navbar-btn navbar-left" style="margin-left: 20px;min-width: 60px;" ng-click="modifyMatron()">修改</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="row" style="width:100%;">
    <div class="personal-wrapper" style="height:200px;overflow: hidden;max-width:100%;">
        <div class="col-xs-4" style="min-width: 430px;max-width: 500px;">
            <div class="head-img" style="margin-top:18px;margin-left: 15px;"><img id="head_img" src="img/head-img-sample.png" width="165px;" height="180px;"/> </div>
            <div class="personal-info">
                <div class="personal-info-item-display">
                    <span>编号：</span>
                    <span>10000123</span>
                </div>
                <div class="personal-info-item-display">
                    <span>姓名：</span>
                    <span id="name">胡翠华</span>
                </div>
                <div class="personal-info-item-display">
                    <span>年龄：</span>
                    <span id="age">41</span>
                </div>
                <div class="personal-info-item-display">
                    <span>籍贯：</span>
                    <span id="birth_place">湖北 武汉</span>
                </div>
                <div class="personal-info-item-display">
                    <span>手机：</span>
                    <span id="phone">15011223344</span>
                </div>
            </div>
        </div>

        <div class="col-xs-4" style="height:100%; min-width: 230px;">
            <div class="personal-video-item"><span>自我介绍视频</span></div>
            <div class="personal-video-item"><span style="font-size:10px;">(.mp4\.avi格式，不大于5M，不短于1min)</span></div>
            <div class="personal-video-item"><video id="intro_video" class="intro-video" src="" controls="controls" style="width:300px; height:100px;border:1px solid #aaaaaa;"></video></div>
        </div>

        <div class="col-xs-4" style="height:100%; min-width:300px; ">

            <div class="user-judge" style="height:100%; width:80px;float:left;">
                <div style="height:25%;margin-top:15px;"><span>用户评价：</span></div>
                <div style="height:42%"><span style="font-size: 24px;">4.6分</span></div>
                <div style="height:28%"><a href="#">评价内容</a></div>
            </div>

            <div class="user-rating" style="height:100%; width:160px;float:left;">
                <div class="star-rating">
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                </div>
            </div>

            <div class="rating-number" style="height:100%; float:left;">
                <div class="star-user-number"><span id="five_stars">34</span></div>
                <div class="star-user-number"><span id="four_stars">45</span></div>
                <div class="star-user-number"><span id="three_stars">1</span></div>
                <div class="star-user-number"><span id="two_stars">3</span></div>
                <div class="star-user-number"><span id="one_star">0</span></div>
            </div>

        </div>
    </div>
</div>


<div class="row" style="width:100%;" ng-app="">
    <div class="certification-wrapper" style="margin-left:30px;">

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">证件资料</p>
        </div>

        <div class="certification-item">
            <div class="certification-line">
                <span>身份证号码：</span><span style="margin-left:10px;" id="id_num">31011019750707123X</span>
            </div>
            <div class="certification-line">
                <a href="#"><img id="id_front_img" src="img/id-front-img.png" ng-mouseenter="show = true" ng-mouseleave="show = false"/></a>
                <i ng-style="{'visibility':show? 'visible' : 'hidden'}" class="icon-trash icon-large" style="color:red;position:relative;right:27px;bottom:48px;"></i>

                <a href="#" style="margin-left:20px;"><img id="id_back_img" src="img/id-back-img.png" ng-mouseenter="show1 = true" ng-mouseleave="show1 = false"/></a>
                <i ng-style="{'visibility':show1? 'visible' : 'hidden'}" class="icon-trash icon-large" style="color:red;position:relative;right:27px;bottom:48px;"></i>
            </div>
        </div>

        <div class="certification-item">
            <div class="certification-line">
                <span>健康证：有效期 </span><span style="margin-left:10px;" id="health_start">2016.2.16</span><span> - </span><span id="health_end">2017.2.15</span>
            </div>
            <div class="certification-line">
                <a href="#"><img id="health_img" src="img/health.png" ng-mouseenter="show2 = true" ng-mouseleave="show2 = false"/></a>
                <i ng-style="{'visibility':show2? 'visible' : 'hidden'}" class="icon-trash icon-large" style="color:red;position:relative;right:27px;bottom:48px;"></i>
            </div>
        </div>

        <div class="certification-item">

            <div class="certification-line">
                <span>技能证书：</span>
                <select id="my-select" class="my-select" ng-change="setSelectedCertification(x)" ng-model="x">
                    <option value=""> <!--selected hidden -->选择证书</option>
                    <option value="myhls">母婴护理师</option>
                    <option value="yyy">育婴员资格证</option>
                    <option value="jzfwy">家政服务员资格证</option>
                    <option value="yypcy">营养配餐员资格证</option>
                    <option value="byy">保育员资格证</option>
                    <option value="yys">营养师</option>
                    <option value="hsbyz">护士毕业证</option>
                    <option value="crs">催乳师</option>
                    <option value="xjys">星级月嫂</option>
                    <option value="myjkzds">母婴健康指导师</option>
                </select>
            </div>

            <!-- 带职业等级-->
            <div class="certification-line">

                <div class="certification-img" id="yyy">
                    <div class="certification-name"><span>育婴员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img  id="yyy_img" src="img/yuying-img.png" ng-mouseenter="show_yyy_delete = true" ng-mouseleave="show_yyy_delete = false">
                        <i ng-style="{'display':show_yyy_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="yyy_level">5</span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="yyy_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="jzfwy">
                    <div class="certification-name"><span>家政服务员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="jzfwy_img" src="img/yuying-img.png" ng-mouseenter="show_jzfwy_delete = true" ng-mouseleave="show_jzfwy_delete = false">
                        <i ng-style="{'display':show_jzfwy_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="jzfwy_level">5</span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial"id="jzfwy_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="yypcy">
                    <div class="certification-name"><span>营养配餐员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="yypcy_img" src="img/yuying-img.png" ng-mouseenter="show_yypcy_delete = true" ng-mouseleave="show_yypcy_delete = false">
                        <i ng-style="{'display':show_yypcy_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="yypcy_level">5</span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="yypcy_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="byy">
                    <div class="certification-name"><span>保育员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="byy_img" src="img/yuying-img.png" ng-mouseenter="show_byy_delete = true" ng-mouseleave="show_byy_delete = false">
                        <i ng-style="{'display':show_byy_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="byy_level">5</span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="byy_serial">YYZ2016825</span></div>
                </div>
            </div>

            <!-- 不带职业等级-->
            <div class="certification-line">

                <div class="certification-img" id="myhls">
                    <div class="certification-name"><span>母婴护理师</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="myhls_img" src="img/yuying-img.png" ng-mouseenter="show_myhls_delete = true" ng-mouseleave="show_myhls_delete = false">
                        <i ng-style="{'display':show_myhls_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="myhls_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="yys">
                    <div class="certification-name"><span>营养师证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="yys_img" src="img/yuying-img.png" ng-mouseenter="show_yys_delete = true" ng-mouseleave="show_yys_delete = false">
                        <i ng-style="{'display':show_yys_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="yys_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="hsbyz">
                    <div class="certification-name"><span>护士毕业证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="hsbyz_img" src="img/zaojiao-img.png" ng-mouseenter="show_hsbyz_delete = true" ng-mouseleave="show_hsbyz_delete = false">
                        <i ng-style="{'display':show_hsbyz_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="hsbyz_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="crs">
                    <div class="certification-name"><span>催乳师证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="crs_img" src="img/huli-img.png" ng-mouseenter="show_crs_delete = true" ng-mouseleave="show_crs_delete = false">
                        <i ng-style="{'display':show_crs_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="crs_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="xjys">
                    <div class="certification-name"><span>星级月嫂</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="xjys_img" src="img/huli-img.png" ng-mouseenter="show_xjys_delete = true" ng-mouseleave="show_xjys_delete = false">
                        <i ng-style="{'display':show_xjys_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="xjys_serial">YYZ2016825</span></div>
                </div>

                <div class="certification-img" id="myjkzds">
                    <div class="certification-name"><span>母婴健康指导师证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="myjkzds_img" src="img/huli-img.png" ng-mouseenter="show_myjkzds_delete = true" ng-mouseleave="show_myjkzds_delete = false">
                        <i ng-style="{'display':show_myjkzds_delete? 'block' : 'none'}" class="icon-trash icon-large" style="color:red;position:relative;left:212px;bottom:116px;"></i>
                    </div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="myjkzds_serial">YYZ2016825</span></div>
                </div>

            </div>

        </div>

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">培训经验</p>
        </div>

        <div class="certification-item">

            <div class="certification-line" id="ywcpx_div">
                <span>已完成培训：</span>

            </div>

            <div class="certification-line" id="ggyy_div">
                <span>跟岗医院： </span>

            </div>
        </div>

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">护理经验</p>
        </div>

        <div class="certification-item">

            <div class="certification-line">
                <span>最早护理时间：</span><span style="margin-left:10px;" id="hlsj">2001.3</span>
            </div>

            <div class="certification-line">
                <span>护理家庭数量：</span><span style="margin-left:10px;" id="jtsl">30</span><span></span>
            </div>

            <div class="certification-line">
                <span>护理双胞胎经验： </span>

                <div class="checkbox-item">
                    <span id="sbtjy">无</span>
                </div>

            </div>

            <div class="certification-line" id="hljt_div">
                <span>护理家庭类型： </span>

            </div>

        </div>

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">图像资料</p>
        </div>

        <div class="certification-item">
            <div class="certification-line" style="margin-bottom:20px;" id="work_photo_div">

            </div>
        </div>

    </div>
</div>

<script src="js/jquery.cookie.js"></script>
<script src="js/matron_info.js"></script>

</body>
</html>