No Description

recordDatil.html 6.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>记录详情</title>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
  11. <link rel="stylesheet" href="../SystemManager/css/yongHuManger.css" />
  12. <link href="../css/WorkOrder/seeProjectDetail.css" rel="stylesheet" />
  13. <style type="text/css">
  14. .model {
  15. display: block;
  16. background: none;
  17. }
  18. input{
  19. border: none;
  20. background-color: #fff;
  21. }
  22. #ygbirth{
  23. border: none;
  24. background-color: #fff;
  25. }
  26. .add_remark{
  27. border: none;
  28. background-color: #fff;
  29. }
  30. .boxCon{
  31. height: auto;
  32. }
  33. </style>
  34. </head>
  35. <body >
  36. <div class="model addModel">
  37. <div class="box">
  38. <div class="boxCon">
  39. <table>
  40. <tbody>
  41. <tr>
  42. <th>承办单位:</th>
  43. <td>
  44. <input type="" name="department" id="department" value="" disabled/>
  45. </td>
  46. </tr>
  47. <tr>
  48. <th>时限:</th>
  49. <td><input type="text" class="add_birth " id="ygbirth" disabled/></td>
  50. </tr>
  51. <tr>
  52. <th>添加时间:</th>
  53. <td><input type="text" class="add_birth " id="submitusertime" disabled/></td>
  54. </tr>
  55. <tr>
  56. <th>添加人:</th>
  57. <td><input type="text" class="add_birth " id="createusername" disabled /></td>
  58. </tr>
  59. <tr>
  60. <th>提交人:</th>
  61. <td><input type="text" class="add_birth " id="submitusername" disabled/></td>
  62. </tr>
  63. <tr>
  64. <th>紧急程度:</th>
  65. <td>
  66. <input type="" name="leavel" id="leavel" value="" disabled/>
  67. </td>
  68. </tr>
  69. <tr>
  70. <th style="padding-top: 0;">文本描述:</th>
  71. <td colspan="3">
  72. <textarea class="add_remark" disabled></textarea>
  73. </td>
  74. </tr>
  75. <tr>
  76. <th>附件:</th>
  77. <td>
  78. <div class="FJ file_imgs">
  79. </div>
  80. </td>
  81. </tr>
  82. </tbody>
  83. </table>
  84. </div>
  85. </div>
  86. </div>
  87. <script type="text/javascript">
  88. $(function(){
  89. var wid = helper.request.queryString("wid");
  90. load(wid);
  91. })
  92. function load(wid) {
  93. $.get(huayi.config.callcenter_url + "Repository/GetModel_Demands", {
  94. token: $.cookie("token"),
  95. demandsid:wid,
  96. }, function (data) {
  97. data = JSON.parse(data);
  98. if (data.state.toLowerCase() == "success") {
  99. $('#department').val(data.data.deptname);
  100. $('#ygbirth').val(data.data.model.F_LimitTime);
  101. $('#submitusername').val(data.data.submitusername);
  102. $('#submitusertime').val(data.data.model.F_CreateTime);
  103. $('#createusername').val(data.data.createusername);
  104. $('.add_remark').val(data.data.model.F_Descript);
  105. $('#leavel').val(States(data.data.model.F_Level));
  106. }
  107. if(data.data.file){
  108. var HTML;
  109. $(data.data.file).each(function(i, v) {
  110. // HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n.F_FileName.substring(19)+ '">' + n.F_FileName.substring(19) + '</a>'
  111. // $(HTML).appendTo($('.FJ'));
  112. var $list = $(".FJ");
  113. // console.log(v.F_FileType.split(".")[1]);
  114. // return false;
  115. console.log(v.F_FileType.split(".")[1])
  116. if(v.F_FileType.split(".")[1]==='jpg'||v.F_FileType.split(".")[1]==='png') {
  117. //原来的图片
  118. var $li = $(
  119. '<li><span class="img_mask" ><a href="' + v.F_FileUrl + '" download="filename" title="点击下载"><i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i></a></span>' +
  120. '<img layer-src="' + v.F_FileUrl + '" alt="'+ v.F_FileName.split(')')[1] +'" src="' + v.F_FileUrl + '" title="图片"/>' +
  121. // '<span class="file_name">' + v.F_FileName + '</span>' +
  122. '</li>'
  123. );
  124. $list.append($li);
  125. } else {
  126. var $liFile = $(
  127. '<li><span class="img_mask"><a href="' + v.F_FileUrl + '" download="filename" title="点击下载"><i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i></a></span>' +
  128. '<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
  129. // '<span class="file_name">' + v.F_FileName + '</span>' +
  130. '</li>'
  131. );
  132. $list.append($liFile);
  133. }
  134. })
  135. layer.photos({
  136. photos: '.FJ',
  137. anim: 5, //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  138. title: '查看图片',
  139. move: '.layui-layer-title',
  140. shadeClose: false,
  141. closeBtn: 1,
  142. area: ['80%', '90%'],
  143. tab: function(pic, layero) {
  144. $('.layui-layer-content').on("mousewheel", function(e, d) {
  145. helper.methods.zoomImg($('#layui-layer-photos').find('img[alt="' + pic.alt + '"]'), d);
  146. $('#layui-layer-photos').find('img[alt="' + pic.alt + '"]').dragging({
  147. move: "both", //拖动方向,x y both
  148. randomPosition: false //初始位置是否随机
  149. });
  150. return false;
  151. });
  152. helper.methods.initLayerPhotos('#layui-layer-photos', pic, layero);
  153. },
  154. });
  155. }
  156. });
  157. }
  158. //状态
  159. function States(val) {
  160. var html = '';
  161. switch (val + '') {
  162. case '0':
  163. html = '普通';
  164. break;
  165. case '1':
  166. html = '紧急';
  167. break;
  168. }
  169. return html;
  170. }
  171. </script>
  172. <script src="../js/jquery.md5.js"></script>
  173. <script src="../css/laydate/laydate.js"></script>
  174. <script src="../css/layer/layer.js"></script>
  175. <script src="../js/zTree/jquery.ztree.core.js"></script>
  176. <script src="../js/comboSelect/jquery.combo.select.js"></script>
  177. </body>
  178. </html>