jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
							<!DOCTYPE html>
<html lang="en">
<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">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../css/api.css">
    <!--<link rel="stylesheet" href="../../css/aui.css">-->
    <link rel="stylesheet" href="../../css/projeck.css">
    <title></title>
    <style>
        .aui-searchbar{
            width: 86%;
            height: 50px;
            margin-left: 40px;
            background-color: transparent;
        }
        .aui-searchbar .aui-searchbar-btn{
            color: #fff;
        }
        #search-input::placeholder{
            color: #fff;
        }
        .search_ico{
            width: 16px;
            height: 16px;
            display: block;
            position: absolute;
            background: url("../../image/seacrh001.png") no-repeat;
            background-size: cover;
            top: 7px;
            left: 17px;
        }
        .backBtn{
            margin-left: 5px;
        }
        .aui-searchbar-btn{
            font-size: 14px!important;
        }
        #search-input{
          font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="api_layout">
        <header class="header-login">
            <img class="backBtn" src="../../image/btn_back.png" alt="" onclick="backIndex()">
            <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="search_ico"></i>
                    <form>
                        <input type="text" id="search-input" disabled>
                    </form>
                </div>
            </div>
        </header>
    </div>
    <script src="../../script/api.js"></script>
    <!-- <script src="../../script/fastclick.min.js"></script> -->
    <script src="../../script/config.js"></script>
    <script>
    var UIInputId;
        apiready = function(){
            $api.fixStatusBar( $api.dom('header'));
            openFrameFun();
            fnInitUIInput();
            openSeachList();
        };
        function openFrameFun() {
          api.openFrame({
              name: 'personnelList',
              url: 'personnelList.html',
              rect: {
                  x: 0,
                  y: $api.dom('header').offsetHeight,
                  w: 'auto',
                  h: 'auto'
              },
              bounces: false,
              bgColor: 'rgba(0,0,0,0)',
              vScrollBarEnabled: true,
              hScrollBarEnabled: false,
              scrollEnabled:false,
              progress:{
                  type:'page'
              },
          });

        };
        function backIndex() {
          api.closeWin();
        }
        // input
        function fnInitUIInput() {
          var searchText = $api.byId('search-input');
          var rect = $api.offset(searchText);
          var UIInput = api.require('UIInput');
          UIInput.open({
              rect: {
                  x: rect.l,
                  y: rect.t+1,
                  w: rect.w,
                  h: rect.h-1
              },
              styles: {
                  bgColor: 'rgba(255, 255, 255, 0)',
                  size: 14,
                  color: '#fff',
                  placeholder: {
                      color: '#fff'
                  }
              },
              autoFocus: false,
              maxRows: 1,
              placeholder: '搜索井下人员',
              keyboardType: 'search',
              fixedOn: api.frameName
          }, function(ret, err) {
              if (ret) {
                  var uiInputId = ret.id;
                  if (ret.eventType == "search") {
                      UIInput.value({
                          id: uiInputId
                      }, function(ret, err) {
                          if (ret) {
                            if (ret.status) {
                              if (ret.msg == "") {
                                var UIListSearch = api.require('UIListSearch');
                                UIListSearch.hide();
                              }else {
                                selectPersonal(ret.msg);
                                // functionName()
                              }
                            }
                          }
                      });
                  }
              }
          });
        }
        // 查询
        function openSeachList(){
          var UIListSearch = api.require('UIListSearch');
          UIListSearch.open({
              rect: {
                  x: 0,
                  y: $api.dom('header').offsetHeight,
                  w: api.winWidth,
                  h: api.winHeigh
              },
              contacts:[],
              fixedOn: api.frameName
          }, function(ret, err) {
              if (ret) {
                  UIListSearch.hide();
                  var UIInput = api.require('UIInput');
                  UIInput.closeKeyboard({
                      id:UIInputId
                  });
                  openDetails(ret.contact.people_id);
              }
           });
           UIListSearch.hide();
        };
        // 查询
        function selectPersonal(names) {
           $http.fnReuestDataNologing(UrlRouter.searchPeople,'','post',{name:names},function (ret,err) {
             if (ret.code === 0) {
               functionName(JSON.stringify(ret.data))
             }
          })
        }
        // 数据更新
        function functionName(arr) {
          var UIListSearch = api.require('UIListSearch');
            UIListSearch.show();
            UIListSearch.reloadData({
            contacts:JSON.parse(arr)
            });
        }
        // 点击人员列表看详情
        function openDetails(ids) {
            $event.openPopup('auto','auto','personalInfo',{id: ids})
        }
    </script>
</body>
</html>