解决方案 »

  1.   

    <body class="easyui-layout">
    <script type="text/javascript" src="../js/uidisplay.js" ></script>
    <div data-options="region:'west',split:false,border:false" style="width:255px;overflow:hidden" >
    <div class="easyui-layout" data-options="fit:true">
          <div data-options="region:'north',title:'<center>综合查询</center>'" style="height:230px" >
                <!--辅助地市级不显示展开图标-->
                 <div id="help_tree_disp1" style="display:none"></div>
                <div class="easyui-tabs" data-options="region:'center',fit:true,border:false" style="height:auto;" id="query_tabs">
             <div title="省级">
                  <ul id="tree_disp2" class="easyui-tree">
    <li data-options="attributes:{desc:'甘肃'}">
                         <span>甘肃</span>
                        </li>
    </ul>
                 </div>
                 <div title="地市级">
                  <ul id="tree_disp1">

      </ul>
                 </div>
                 
                 <div title="台区级">
                 <ul id="tree_disp" class="easyui-tree"

    data-options="
                        url:'../services/tree_getdata.jsp',
    checkbox:true,
    onlyLeafCheck:true,
             animate:true,
                    formatter:function(node){
                     var s = node.text;
                        var l = s.length;
                        var p = s.lastIndexOf('.');
                        if(p==-1){
                            return s;
                        }
                        else{
                            return s.substr(p+1,l);
                        }                    
                    }
              ">
     </ul>
                 </div>
                </div>
         </div>
         <div data-options="region:'center',title:''" >
              <div id="province_cedian" class="easyui-tabs" data-options="region:'center',fit:true,border:false" style="height:auto;">
                
                </div>
              <div id="city_cedian" class="easyui-tabs" data-options="region:'center',fit:true,border:false" style="height:auto;">
                
                </div>
            <div class="easyui-tabs" data-options="region:'center',fit:true,border:false" style="height:auto;" id="tabs">
                  
         </div>
     </div>
       </div>
    </div>
    <div data-options="region:'center',border:false" style="overflow:hidden">
       <div class="easyui-layout" data-options="fit:true">
       <div data-options="region:'north'" style="height:60px; padding:0; overflow:hidden;" border="false">
    <table id="historygrid" class="easyui-datagrid" title=" " data-options="toolbar:'#tool_bar',fit:true">
    </table>
    <div id="tool_bar" style="min-width:640px">
    <label>开始时间:<input type="text" class="easyui-datebox" id="stime" required></label>
    <label>结束时间:<input type="text" class="easyui-datebox" id="etime" required></label>
    <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onClick="go();">查询</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'" plain="true" onclick="clear_left()">重置</a>
            <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" onClick="saveGrid();">导出数据</a>
    </div>
       </div>       
          
           <div data-options="region:'center',split:false,collapsible:false" style="padding:0; overflow:hidden;"> 
                        <iframe frameborder="0" hspace="0" id="resUrl" scrolling="yes" width="100%" height="100%" src="../jreport/multyQuery_period.jsp"></iframe>
                    </div>
           
       </div>
    </div>   
    </body>