jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<!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()">
            <p class="api_text">视频监控</p>
            <!-- <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="search_ico"></i>
                    <form>
                        <input type="search" id="search-input" placeholder="搜索">
                    </form>
                </div>
                <div class="aui-searchbar-cancel aui-searchbar-btn">取消</div>
            </div> -->
        </header>
    </div>
    <script src="../../script/api.js"></script>
    <script src="../../script/fastclick.min.js"></script>
    <script src="../../script/config.js"></script>
    <script>
        apiready = function(){
            $api.fixStatusBar( $api.dom('header'));
            openFrameFun();
            // fnInitUIInput();
        };
        // var searchBar = document.querySelector(".aui-searchbar");
        // var searchBarInput = document.querySelector(".aui-searchbar input");
        // var searchBarBtn = document.querySelector(".aui-searchbar .aui-searchbar-btn");
        // if(searchBar){
        //     searchBarInput.onclick = function(){
        //         searchBarBtn.style.marginRight = 0;
        //     }
        //     searchBarInput.oninput = function(){
        //         if(this.value.length){
        //             searchBarBtn.textContent = "搜索";
        //         }else{
        //             searchBarBtn.textContent = "取消";
        //         }
        //     }
        // }
        // searchBarBtn.onclick = function(){
        //     var keywords = searchBarInput.value;
        //     if(keywords.length){
        //         searchBarInput.blur();
        //     }else{
        //         this.style.marginRight = "-"+this.offsetWidth+"px";
        //         searchBarInput.value = '';
        //         searchBarInput.blur();
        //     }
        // };
        function openFrameFun() {
          api.openFrame({
              name: 'monitorList',
              url: 'monitorList.html',
              rect: {
                  x: 0,
                  y: $api.dom('header').offsetHeight,
                  w: 'auto',
                  h: 'auto'
              },
              pageParam: {
                  name: 'test'
              },
              bounces: false,
              bgColor: 'rgba(0,0,0,0)',
              vScrollBarEnabled: true,
              hScrollBarEnabled: false,
              scrollEnabled:false,
          });

        };
        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.3)',
        //           size: 14,
        //           color: '#000',
        //           placeholder: {
        //               color: '#fff'
        //           }
        //       },
        //       autoFocus: false,
        //       maxRows: 1,
        //       placeholder: '请输入地址',
        //       keyboardType: 'default',
        //       fixedOn: api.frameName
        //   }, function(ret, err) {
        //       if (ret) {
        //           var uiInputId = ret.id;
        //           if (ret.eventType == "change") {
        //               UIInput.value({
        //                   id: uiInputId
        //               }, function(ret, err) {
        //                   if (ret) {
        //                       if (ret.status) {
        //                         api.execScript({
        //                             name: 'videoMonitor',
        //                             frameName: 'monitorList',
        //                             script: 'seeMonitorList("","'+ret.msg+'","'+ ret.msg +'");'
        //                         });
        //                       }
        //                   }
        //               });
        //           }
        //       }
        //   });
        // }
    </script>
</body>
</html>