czwdinfo.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6. <meta content="initial-scale=1.0, width=device-width" name="viewport">
  7. <title>湖北智慧水运</title>
  8. <!-- css -->
  9. <link href="../css/base.min.css" rel="stylesheet">
  10. <script type="text/javascript" src="../js/zepto.min.js"></script>
  11. <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
  12. <style>
  13. .container{
  14. padding-left:0px;
  15. padding-right:0px;
  16. }
  17. .mui-input-group:after {
  18. position: absolute;
  19. right: 0;
  20. bottom: 0;
  21. left: 0;
  22. height: 0px;
  23. content: '';
  24. background-color: #c8c7cc;
  25. -webkit-transform: scaleY(.5);
  26. transform: scaleY(.5);
  27. }
  28. .header-logo{
  29. width:50%;
  30. text-align:right;
  31. }
  32. .layermmain .section { vertical-align: middle;}
  33. .icback{
  34. font-size: 22px;
  35. }
  36. .nav{position: fixed;}
  37. .header {
  38. width:100%;
  39. height:45px;
  40. line-height:45px;
  41. padding:0;
  42. color:#eee;
  43. font-size:22px;
  44. text-align:center;
  45. color:white;
  46. background: #2196f3;
  47. }
  48. </style>
  49. <script type="text/javascript">
  50. function tuihui(){
  51. layer.open({
  52. content: '确定退回吗?',
  53. btn: ['确认', '取消'],
  54. shadeClose: false,
  55. yes: function(){
  56. //layer.open({content: '你点了确认', time: 1});
  57. }, no: function(){
  58. // layer.open({content: '你选择了取消', time: 1});
  59. }
  60. });
  61. }
  62. </script>
  63. </head>
  64. <body class="page-blue">
  65. <header class="header">
  66. <ul class="nav nav-list pull-left">
  67. <li><a href="javascript:void(0);" id="goback" onclick="history.back()" ><span class="icon icon-arrow-back icback"></span>
  68. </a></li>
  69. </ul>
  70. <a class="" href="#">文档详情</a>
  71. </header>
  72. <div class="content" style="margin-top: 45px;">
  73. <div class="content-inner" >
  74. <div class="container">
  75. <div class="table-responsive">
  76. <table class="table" title="Default Tabl">
  77. <tbody id="content">
  78. </tbody>
  79. </table>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <script>
  85. $(function(){
  86. var statusname = {"0":"锁定","1":"正常"}
  87. $.ajax({
  88. type: 'post',
  89. url: '../../wdglcontroller/view.do',
  90. data:{id:getQueryString("id")},
  91. dataType: 'json',
  92. success: function(data){
  93. console.log(data)
  94. var result = "";
  95. result+='<tr><td class="titlered">文件编号</td><td style="word-wrap:break-word;word-break:break-all;" >'+data.fileVo.id+'</td></tr>';
  96. result+='<tr><td class="titlered">文件下载</td><td><a style="text-decoration: underline;" href="../../wdglcontroller/download.do?id='+data.fileVo.id+'">下载</a></td></tr> ';
  97. result+='<tr><td class="titlered">文件名称</td><td>'+data.fileVo.name+'</td></tr>';
  98. result+='<tr><td class="titlered">文件状态</td><td>'+statusname[data.fileVo.recordStatus]+'</td></tr>';
  99. result+='<tr><td class="titlered">文件类型</td><td>'+data.fileVo.filetype+'</td></tr>';
  100. result+='<tr><td class="titlered">文件大小</td><td>'+data.fileVo.filesize+'</td></tr>';
  101. result+='<tr><td class="titlered">创建人</td><td>'+data.fileVo.addUsername+'</td></tr>';
  102. result+='<tr><td class="titlered">创建时间</td><td>'+todata(data.fileVo.addDate)+'</td></tr>';
  103. result+='<tr><td class="titlered">修改人</td><td>'+data.fileVo.updateUsername+'</td></tr>';
  104. result+='<tr><td class="titlered">修改时间</td><td>'+todata(data.fileVo.updateDate)+'</td></tr>';
  105. result+='<tr><td class="titlered">直属文件夹</td><td>'+data.fileVo.wjjId+'</td></tr>';
  106. result+='<tr><td class="titlered">备注</td><td>'+data.fileVo.reserve1+'</td></tr>';
  107. result+='<tr><td class="titlered">操作记录</td><td>'+data.fileVo.reserve1+'</td></tr>';
  108. $("#content").html(result);
  109. }})
  110. })
  111. </script>
  112. </body>
  113. </html>