| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>湖北智慧水运</title>
-
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
- <link>
- <link href="../css/base.min.css" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
- <script type="text/javascript" src="../js/zepto.min.js"></script>
- <script type="text/javascript">
-
-
- $(function(){
-
- $.ajax({
- type: 'post',
- url: '../../wdglcontroller/querywdgl.do',
- data:{uid:"402881e44e86c26d014e86c9ae8c0008",si:getQueryString("id")},
- dataType: 'json',
- success: function(data){
-
- if(data.dirList.length<1&&data.fileList.length<1){
- layer.open({
- shade:false,
- content: '没有相关数据',
- style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
- time: 1
- });
- return;
- }
- console.log(data)
- var result = '';
- for(var i = 0; i < data.dirList.length; i++){
- result += '<li class="mui-table-view-cell" onclick="xiayibu(\''+data.dirList[i].priId+data.dirList[i].dirid+'\')">'+
- '<span class="mui-navigate-right">'+
- '<img alt="" src="../images/wenjianjia.png" style="width:40px;height: 40px;"/>'+data.dirList[i].name+
- '</span>'+
- '</li>';
-
- }
- console.log(data)
- for(var i = 0; i < data.fileList.length; i++){
- result += '<li class="mui-table-view-cell" onclick="window.location.href=\'../../wdglcontroller/download.do?id='+data.fileList[i].id+'\'" >'+
- '<span class="mui-navigate-right">'+
- '<img alt="" src="../images/wenjian.png" style="width:40px;height: 40px;"/>'+data.fileList[i].name+"."+data.fileList[i].filetype+
- '</span>'+
- '</li>';
-
- }
- $('#lists').html(result);
- }})
- })
- function xiayibu(id){
- window.location.href="fielchind.html?id="+id;
- }
- </script>
- <style type="text/css">
- *{padding: 0px;margin: 0px;}
- .header {
- width:100%;
- height:45px;
- line-height:45px;
- padding:0;
-
- color:#eee;
- font-size:22px;
- text-align:center;
- color:white;
- background: #2196f3;
- }
- #header {
- position:fixed; z-index:2;
- top:0; left:0;
- width:100%;
- height:45px;
- line-height:45px;
- text-align:center;
- padding:0;
- font-size:22px;
- color:white;
- background: #2196f3;
- color: white;
- }
- #header a{
- color:white;
- }
- body,button,input,div{margin: 0px;padding: 0px}
- .mui-input-group:after {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- height: 0px;
- content: '';
- background-color: #c8c7cc;
- -webkit-transform: scaleY(.5);
- transform: scaleY(.5);
- }
- input::-webkit-outer-spin-button,
- input::-webkit-inner-spin-button{
- -webkit-appearance: none !important;
- margin: 0;
- }
- .load-bar-content, .modal-content, .modal-dialog, .modal-heading, .nav, .nav .a, .nav a, .nav li, .progress {
- position: fixed;
- }
- .mui-card{margin: 0px}
- </style>
- </head>
-
- <body>
- <header class="header">
- <ul class="nav nav-list pull-left">
- <li><a href="javascript:void(0);" id="goback" onclick="history.back()" ><span class="icon icon-arrow-back icback"></span>
- </a></li>
- </ul>
- <a href="#">资料库</a>
- </header>
- <div class="mui-content" style="margin-top: 45px;background: white;padding-right: 10px">
- <ul class="mui-table-view mui-table-view-chevron" id="lists">
- </ul>
- </div>
- </body>
- </html>
|
