jifuning
/
zhihui_kuangshan_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" href="../../css/projeck.css">
    <style>
        .api_layout {
            width: 100%;
            position: relative;
        }

        .aui-list .aui-list-item {
            border-bottom: 1px #ddd;
        }

        .aui-toast {
            width: 125px;
        }

        .api-toast {
            background: rgba(255, 255, 255, 0);
        }

        .handwritten_signature_container {
            margin: 0 15px;
            height: 180px;
        }

        .signature_container {
            display: block;
            width: 100%;
            /*height: 150px;*/
        }
    </style>
</head>

<body>
    <div class="api_layout">
        <ul class="aui-list api_lists">
            <li class="aui-list-item" style="height:70px;">
                <div class="aui-list-item-inner" style="height:70px;">
                    <div class="aui-list-item-title">个人照片</div>
                    <span class="header_img" id="head_img" onclick="actionSheetFun()"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner" style="padding-right:35px">
                    <div class="aui-list-item-title">绑定手机号</div>
                    <span class="api_bind_phone">无</span>
                    <i class="api_bind_img" onclick="openBind()"></i>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">姓名</div>
                    <span class="api_name"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">员工编码</div>
                    <span class="api_num"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">部门</div>
                    <span class="api_del"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">岗位分类</div>
                    <span class="api_type"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">岗位</div>
                    <span class="api_post"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">职级（职务码）</div>
                    <span class="api_rank"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">性别</div>
                    <span class="api_sex"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">员工组</div>
                    <span class="api_contract"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">员工子组</div>
                    <span class="api_staff"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">籍贯</div>
                    <span class="api_city"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">宗教信仰</div>
                    <span class="api_religion"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">户口性质</div>
                    <span class="api_residence"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">民族</div>
                    <span class="api_nation"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">出生日期</div>
                    <span class="api_rirth"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">身份证号</div>
                    <span class="api_id"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">参加工作时间</div>
                    <span class="api_job_time"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">进入神华系统时间</div>
                    <span class="api_time1"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">进入子分公司时间</div>
                    <span class="api_time2"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">进入本单位时间</div>
                    <span class="api_time3"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">政治面貌</div>
                    <span class="api_face"></span>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">参加党派时间</div>
                    <span class="api_time4"></span>
                </div>
            </li>
            <li class="aui-list-item handwritten_signature" onclick="handwrittenSignature()">
                <div class="aui-list-item-inner">
                    <div>手写签名</div>
                </div>
            </li>
            <!-- <li class="handwritten_signature_container">
              <div class="aui-list-item-inner">
                <img class="signature_container" src="" alt="">
              </div>
            </li> -->
        </ul>
        <div class="handwritten_signature_container" onclick="handwrittenSignature()">
            <img class="signature_container" src="" alt="">
        </div>
        <div class="api_bottom">
            —— 到底了 ——
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="../../script/api.js"></script>
<!-- <script src="../../script/aui-toast.js" charset="utf-8"></script> -->
<!-- <script src="../../script/fastclick.min.js"></script> -->
<script src="../../script/config.js" charset="utf-8"></script>
<script type="text/javascript">
    apiready = function() {
        $api.fixStatusBar($api.dom('header'));
        // 更新个人信息
        api.addEventListener({
            name: 'updateUserInfo'
        }, function(ret, err) {
            personalCenterInfo()
        });
        personalCenterInfo()
    };

    function openBind() {
        $event.openTabLayout('bindPhone', '../forgetBind/bindPhone', '绑定手机号', '');
    }
    // 个人头像
    var headImg;

    function actionSheetFun() {
        api.actionSheet({
            title: '选择',
            cancelTitle: '取消',
            buttons: ['相机', '相册']
        }, function(ret, err) {
            if (ret.buttonIndex != 3) {
                var type = 'camera';
                if (ret.buttonIndex == 1) {
                    type = 'camera';
                } else {
                    type = 'album';
                }
                api.getPicture({
                    sourceType: type,
                }, function(ret, err) {
                    if (ret) {
                        photoTailoring(ret.data);
                        headImg = ret.data;
                    }
                });
            }
        });
    }

    function uploadUrl(imgUrl) {
        var upload_avater = $api.byId('head_img');
        upload_avater.style.backgroundImage = 'url(' + imgUrl + ')';
    }

    function uploadHead(imgUrl) {
        $http.fileUploadRequest(urlphp + 'api/user/avatar/upload', 'post', {
                avatar: imgUrl
            })
            .then(ret => {
                if (ret.code === 0) {
                    api.toast({
                        msg: '上传成功',
                        duration: 2000,
                        location: 'top'
                    });
                } else {
                    api.toast({
                        msg: '上传失败',
                        duration: 2000,
                        location: 'top'
                    });
                }
            })
            .catch(err => {
                api.toast({
                    msg: '网络错误',
                    duration: 2000,
                    location: 'top'
                });
            })
    }
    // 照片裁剪
    function photoTailoring(imgPath) {
        var systemType = api.systemType;
        if (systemType == 'ios') {
            api.openFrame({
                name: 'tailoring01',
                url: 'tailoring01.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: api.winWidth,
                    h: api.winHeight
                },
                pageParam: {
                    tailoring: imgPath
                },
                bounces: false,
                bgColor: 'rgba(0,0,0,0)',
                vScrollBarEnabled: false,
                hScrollBarEnabled: false,
            });
        } else if (systemType == 'android') {
            var imageCrop = api.require('imageCrop');
            imageCrop.clipPhoto({
                imgPath: imgPath,
                height: api.winHeight,
                width: api.winWidth
            }, function(ret, err) {
                if (ret) {
                    uploadUrl(ret.imgPath);
                    uploadHead(ret.imgPath);
                }
            });
        }
    }
    // 手写签名
    function handwrittenSignature() {
        $event.openTabLayout('handwrittenSignature', 'handwrittenSignature', '手写签名', '')
    }
    // 个人信息
    function personalCenterInfo() {
        $http.requestDataLoging(UrlRouter.userInfoApi, 'post', '')
            .then(ret => {
                if (ret.code === 0) {
                    var ret = ret.data;
                    var phone = $api.dom(".api_bind_phone"),
                        name = $api.dom(".api_name"),
                        api_num = $api.dom(".api_num"),
                        api_del = $api.dom(".api_del"),
                        api_type = $api.dom(".api_type"),
                        api_post = $api.dom(".api_post"),
                        api_rank = $api.dom(".api_rank"),
                        api_sex = $api.dom(".api_sex"),
                        api_contract = $api.dom(".api_contract"),
                        api_staff = $api.dom(".api_staff"),
                        api_city = $api.dom(".api_city"),
                        api_religion = $api.dom(".api_religion"),
                        api_residence = $api.dom(".api_residence"),
                        api_nation = $api.dom(".api_nation"),
                        api_rirth = $api.dom(".api_rirth"),
                        api_id = $api.dom(".api_id"),
                        api_job_time = $api.dom(".api_job_time"),
                        api_time1 = $api.dom(".api_time1"),
                        api_time2 = $api.dom(".api_time2"),
                        api_time3 = $api.dom(".api_time3"),
                        api_face = $api.dom(".api_face"),
                        api_time4 = $api.dom(".api_time4"),
                        image = 'http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png',
                        head_img = $api.byId('head_img'),
                        signatureImg = $api.dom('.signature_container');
                    if(ret.sign == null) {
                      $api.css($api.dom('.handwritten_signature_container'), 'height: 0');
                    } else {
                      $api.css($api.dom('.handwritten_signature_container'), 'height: 180px');
                    }
                    ret.sign == null ? signatureImg.src = '' : signatureImg.src = ret.sign;
                    ret.avatar == null ? head_img.style.backgroundImage = 'url(' + image + ')' : head_img.style.backgroundImage = 'url(' + ret.avatar + ')';
                    $api.html(phone, ret.mobile);
                    $api.html(name, ret.name);
                    $api.html(api_num, ret.staff_num);
                    $api.html(api_del, ret.section_fullname);
                    $api.html(api_type, ret.job_classify);
                    $api.html(api_post, ret.job);
                    $api.html(api_rank, ret.duty_num);
                    $api.html(api_sex, ret.sex);
                    $api.html(api_contract, ret.group);
                    $api.html(api_staff, ret.group_sub);
                    $api.html(api_city, ret.native);
                    $api.html(api_religion, ret.faith);
                    $api.html(api_residence, ret.registered);
                    $api.html(api_nation, ret.nation);
                    $api.html(api_rirth, ret.birthday);
                    $api.html(api_id, ret.identity_card);
                    $api.html(api_job_time, ret.working_date);
                    $api.html(api_time1, ret.system_date);
                    $api.html(api_time2, ret.system_sub_date);
                    $api.html(api_time3, ret.section_date);
                    $api.html(api_face, ret.politics);
                    // $api.html(api_id, ret.staff_num);
                    $api.html(api_time4, ret.politics_date);
                }
            })
            .catch(err => {
                api.toast({
                    msg: '网络错误',
                    duration: 2000,
                    location: 'bottom'
                });
            })
    }
</script>