jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!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"/>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" href="../../css/projeck.css">
    <style>
        html,body{
            background: transparent;
            -webkit-touch-callout: none;
            font-family: Tahoma, Geneva, sans-serif;
            font-style: normal;
            margin: 0;
        }
        #dialog{
            background-color: #fff;
            position: absolute; margin: auto;
            left: 0; right: 0; top: -150px; bottom: 0;
            width: 301px; height: 245px;
            opacity: 0;
            box-sizing: border-box;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        #dialog.in{
            opacity: 1;
        }

        .close{
            position: absolute;
            top: 4px;
            right: 9px;
            width: 30px;
            height: 30px;
            background: url("../../image/close.png") no-repeat;
            background-size: cover;
            background-position: center;
            border-radius: 50%;
            z-index: 100;
        }
        .title_personnal{
            height: 39px;
            line-height: 39px;
            font-size: 14px;
            color: #232627;
            position: relative;
        }
        .title_personnal:after{
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #f3f3f3;
        }
          .title_personnal:last-child:after{
            height: 0;
          }
        .itmes li{
            padding: 0 13px;
        }
    </style>
</head>
<body>
<div id="dialog">
    <p class="title_personnal" style="padding: 0 13px">定位信息</p>
    <ul class="itmes">
      <li class="flex-space title_personnal">
          <p>姓名：</p>
          <p class="name"></p>
      </li>
      <li class="flex-space title_personnal">
        <p>所属区队：</p>
        <p class="dep"></p>
      </li>
        <li class="flex-space title_personnal">
            <p>下井时间：</p>
            <p class="time"></p>
        </li>
        <li class="flex-space title_personnal">
            <p>当前位置：</p>
            <p class="position"></p>
        </li>
        <li class="flex-space title_personnal">
            <p>班次：</p>
            <p class="Shifts"></p>
        </li>
    </ul>
    <span class="close" onclick="api.closeFrame()"></span>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript">
    $api.addCls(dialog,'in');
    apiready = function(){
        $http.fnReuestDataNologing(UrlRouter.peopleInfo,'','post',{people_id:api.pageParam.id},function (ret,err) {
          if (ret && ret.code === 0) {
            $api.html($api.dom('.name'), ret.data.name);
            $api.html($api.dom('.dep'), ret.data.depart_name);
            $api.html($api.dom('.time'), ret.data.down_time);
            $api.html($api.dom('.position'), ret.data.station_name);
            $api.html($api.dom('.Shifts'), ret.data.classes);
          }
        });
    };

</script>
</html>