jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<!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(
        zaoquanUrlRouter.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>