jifuning
/
yangchangwan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!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" href="../../css/projeck.css">
    <style>
        .contact-list{

        }
        .contact-list li{
            padding: 10px 20px;
            display: flex;
            justify-content: flex-start;
            border-bottom: 1px solid #eeeeee;
        }
        .personnel-info{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-right: 50px;
        }
        .personnel-info img{
          width: 45px;
          height: 45px;
          border-radius: 100%;
        }
        .contact-list .personnel-info>p{
            width: 45px;
            height: 45px;
            text-align: center;
            line-height: 45px;
            color: #FFFFFF;
            font-size: 18px;
            border-radius: 100%;
            margin-right: 30px;
        }
        .name-dep{
            line-height: 1.3;
        }
        .contact-list li .name-dep p{
            font-size: 14px;
            color: #333333;
        }
        .contact-list li .name-dep span{
            font-size: 12px;
            color: #999999;
        }
        .position{
            font-size: 13px;
            color: #333333;
            padding-top: 5px;

        }
    </style>
</head>
<body>
<div class="api_layout" id="api_layout">
    <ul class="contact-list" id="Qrcode_itme">

    </ul>
</div>
<div class="noText hide">
  <img src="../../image/noText.png" alt="">
</div>
</body>
</html>
<script type="text/template" id="templateQrcode">
    {{~it:value}}
        <li onclick="openDetails('{{=value.name}}','{{=value.mobile}}','{{=value.avatar}}','{{=value.position}}','{{=value.staff_num}}')">
            <div class="personnel-info">
              {{?value.avatar != null}}
                <img src="{{=value.avatar}}" alt="">
              {{??}}
                <p style="background:#{{=Math.floor(Math.random()*16777215).toString(16)}}">{{=value.name.substr(value.name.length-1,1)}}</p>
              {{?}}
                <div class="name-dep">
                    <p>{{=value.name}}</p>
                    <span>{{=value.section_fullname}}</span>
                </div>
            </div>
            <div class="position">({{=value.position}})</div>
        </li>
    {{~}}
</script>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/doT.min.js" charset="utf-8"></script>
<script src="../../script/config.js" charset="utf-8"></script>
<script type="text/javascript">
    apiready = function () {

    };
    function seachQrcodeFun0(value) {
        $http.requestShowProgress(UrlRouter.searchPersonal,'post',{content:value})
        .then(res=>{
          if (res.code === 0 && res.data.length>0) {
            $apis.html(Qrcode_itme,'#templateQrcode',res.data);
            $api.addCls($api.dom('.noText'), 'hide')
          }else {
            $apis.html(Qrcode_itme,'#templateQrcode','')
            $api.removeCls($api.dom('.noText'), 'hide')
          }
        })
        .catch(err=>{
            api.toast({
                msg: '加载超时，请检查网络',
                duration: 2000,
                location: 'bottom'
            });
        })
    }
    function openDetails(name,phone,img,del,staff_num) {
      var param = {
          username: name,
          mobile:phone,
          avatar:img,
          delp:del,
          id:staff_num
      };
      $event.openPopup(api.winWidth,'auto','../mail/modul',param)
    }
</script>