jifuning
/
ximeichang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
							<!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);
        }
    </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>
        </ul>
        <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">
  var token;
  var toast = new auiToast();
  apiready = function () {
      $api.fixStatusBar($api.dom('header'));
      token = api.pageParam.data;
      var headers = {
          "Authorization": "Bearer " + token
      };
      // 个人信息
      $http.fnReuestData(UrlRouter.userInfoApi,headers,'post','',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){
    toast.loading({
        title: "上传中",
        duration: 2000
    });
    api.ajax({
        url: urlphp+'api/user/avatar/upload',
        method: 'post',
        headers : {
          "Authorization": "Bearer " + token
        },
        data: {
            files: {
            avatar:imgUrl
          }
        }
    },function(ret, err){
      if (ret) {
        toast.hide();
        if(ret.code === 0){
          api.toast({
              msg: '上传成功',
              duration: 2000,
              location: 'top'
          });
        }else {
          api.toast({
              msg: '上传失败',
              duration: 2000,
              location: 'top'
          });
        }
      } else {
        toast.hide();
        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 personalCenterInfo(ret,err){
      if (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');
              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);
              toast.hide();
           }else {
            toast.hide();
        }
       }else {
         toast.hide();
         api.toast({
             msg: '网络错误',
             duration: 2000,
             location: 'bottom'
         });
    }
  }
</script>