hddetails.html 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>隐患详情</title>
  8. <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
  10. <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
  11. <link rel="stylesheet" href="../../../assets/module/uParas.css?v=312"/>
  12. </head>
  13. <body>
  14. <style type="text/css">
  15. /*table th{*/
  16. /* color: #ffb800;*/
  17. /*}*/
  18. </style>
  19. <!-- 加载动画 -->
  20. <div class="page-loading">
  21. <div class="ball-loader">
  22. <span></span><span></span><span></span><span></span>
  23. </div>
  24. </div>
  25. <!-- 正文开始 -->
  26. <div class="layui-fluid">
  27. <div class="layui-card">
  28. <div class="layui-card-body">
  29. <div class="layui-card-header">
  30. 隐患详情
  31. <div class="layui-inline pull-right">
  32. <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>
  33. </div>
  34. </div>
  35. <div class="layui-card-body">
  36. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  37. <div class="layui-tab-content" style="height: auto;">
  38. <div class="layui-tab-item layui-show">
  39. <fieldset class="layui-elem-field layui-field-title">
  40. <legend>基本信息</legend>
  41. </fieldset>
  42. <div class="layui-row" >
  43. <!--<script type="text/html">-->
  44. <div class="layui-col-xs12">
  45. <div class="layui-form">
  46. <table class="layui-table">
  47. <!--<colgroup>-->
  48. <!--<col width="150">-->
  49. <!--<col width="150">-->
  50. <!--<col width="200">-->
  51. <!--<col>-->
  52. <!--</colgroup>-->
  53. <thead>
  54. </thead>
  55. <tbody>
  56. <tr>
  57. <th width="150" >隐患名称</th>
  58. <td id="hdangerTitle"></td>
  59. <th width="150">隐患类型</th>
  60. <td id="hdangerCatTitle">
  61. </td>
  62. </tr>
  63. <tr>
  64. <th width="150">单位名称</th>
  65. <td id="companyName" ></td>
  66. <th width="150">部门名称</th>
  67. <td id="groupName"></td>
  68. </tr>
  69. <tr>
  70. <th width="150">隐患等级</th>
  71. <td id="hdangerLevelName"></td>
  72. <th width="150">隐患状态</th>
  73. <td id="statusStr"></td>
  74. </tr>
  75. <tr>
  76. <th width="150">现场描述</th>
  77. <td id="hdangerDesc" colspan="3"></td>
  78. </tr>
  79. <tr>
  80. <th width="150">风险点名称</th>
  81. <td id="riskPointName"></td>
  82. <th width="150">风险点等级</th>
  83. <td id="riskPointLevelName"></td>
  84. </tr>
  85. <tr>
  86. <th width="150">检查表名称</th>
  87. <td id="bizCheckDefName"></td>
  88. <th width="150">风险点类型</th>
  89. <td id="riskPointTypeName"></td>
  90. </tr>
  91. <tr>
  92. <th width="150">危险源 / 检查项</th>
  93. <td id="checkItemName" colspan="3"></td>
  94. </tr>
  95. <tr>
  96. <th width="150">管控措施 / 检查内容</th>
  97. <td id="checkContentName" colspan="3"></td>
  98. </tr>
  99. <tr>
  100. <th width="150">当前处理人</th>
  101. <td id="executor"></td>
  102. <th width="150">整改期限</th>
  103. <td id="hdangerRetifyDeadline"></td>
  104. </tr>
  105. <tr>
  106. <th width="150">提交人员</th>
  107. <td id="hdangerCreatedByName"></td>
  108. <th width="150">提交时间</th>
  109. <td id="createdTime"></td>
  110. </tr>
  111. <tr>
  112. <th width="150">发生时间</th>
  113. <td id="happenedTime"></td>
  114. <th width="150">闭环时间</th>
  115. <td id="finishedTime"></td>
  116. </tr>
  117. <tr class="hidden-danger-img display-none">
  118. <th colspan="4" style="border-bottom: 0px">隐患现场照片
  119. <p id="hdangerAtt" class="m-top10px"></p>
  120. </th>
  121. </tr>
  122. <tr class="hidden-danger-video display-none">
  123. <th colspan="4" style="border-bottom: 0px">隐患现场视频
  124. <p id="hdangerVideo" class="m-top10px"></p>
  125. <!--<div id="video" style="width: 300px;height: 200px;"></div>-->
  126. </th>
  127. </tr>
  128. <tr style="border-left: 0px;border-right: 0px;" >
  129. <td style="border-left: 0px;border-right: 0px;" colspan="4"></td>
  130. </tr>
  131. <tr>
  132. <th width="150">评审部门</th>
  133. <td id="hdangerReviewGroupName"></td>
  134. <th width="150">评审人员</th>
  135. <td id="hdangerReviewByName"></td>
  136. </tr>
  137. <tr class="getReviewRecord" style="display: none;">
  138. <th width="150">评审结果</th>
  139. <td id="hdangerReviewResult"></td>
  140. <th width="150">评审日期</th>
  141. <td id="hdangerReviewTime"></td>
  142. </tr>
  143. <tr class="getReviewRecord display-none">
  144. <th width="150">评审说明</th>
  145. <td colspan="3" id="hdangerReviewRemark"></td>
  146. </tr>
  147. <tr style="border-left: 0px;border-right: 0px;" >
  148. <td style="border-left: 0px;border-right: 0px;" colspan="4"></td>
  149. </tr>
  150. <tr>
  151. <th width="150">整改部门</th>
  152. <td id="hdangerRetifyGroupName"></td>
  153. <th width="150">整改人员</th>
  154. <td id="hdangerRetifyByName"></td>
  155. </tr>
  156. <tr class="getRetifyRecord display-none">
  157. <th width="150">整改类型</th>
  158. <td id="hdangerRetifyTypeName"></td>
  159. <th width="150">协助单位</th>
  160. <td id="hdangerRetifyAssistingunit"></td>
  161. </tr>
  162. <tr class="getRetifyRecord display-none">
  163. <th width="150">整改费用</th>
  164. <td id="hdangerRetifyAmountspent"></td>
  165. <th width="150">整改日期</th>
  166. <td id="hdangerRetifycreatedTime"></td>
  167. </tr>
  168. <tr class="getRetifyRecord display-none">
  169. <th width="150">原因分析</th>
  170. <td colspan="3" id="hdangerRetifyReasons"></td>
  171. </tr>
  172. <tr class="getRetifyRecord display-none">
  173. <th width="150">整改措施</th>
  174. <td colspan="3" id="hdangerRetifyMeasures"></td>
  175. </tr>
  176. <tr class="retify-img display-none" style="display: none">
  177. <th colspan="4" style="border-bottom: 0px">最近整改照片
  178. <p id="retifyAtt" class="m-top10px"></p>
  179. </th>
  180. </tr>
  181. <tr class="retify-video display-none">
  182. <th colspan="4" style="border-bottom: 0px">最近整改视频</th>
  183. </tr>
  184. <tr class="retify-video display-none">
  185. <td id="retifyVideo" colspan="4"></td>
  186. </tr>
  187. <tr style="border-left: 0px;border-right: 0px;" ><td style="border-left: 0px;border-right: 0px;" colspan="4"></td></tr>
  188. <tr>
  189. <th width="150">验收部门</th>
  190. <td id="hdangerAcceptedGroupName"></td>
  191. <th width="150">验收人员</th>
  192. <td id="hdangerAcceptedByName"></td>
  193. </tr>
  194. <tr class="getAcceptRecord display-none">
  195. <th width="150">验收结果</th>
  196. <td id="hdangerAcceptedResult"></td>
  197. <th width="150">验收日期</th>
  198. <td id="hdangerAcceptedTime"></td>
  199. </tr>
  200. <tr class="getAcceptRecord display-none">
  201. <th width="150">验收说明</th>
  202. <td colspan="3" id="hdangerAcceptedRemark"></td>
  203. </tr>
  204. <tr class="accept-img display-none">
  205. <th colspan="4" style="border-bottom: 0px">最近验收照片
  206. <p id="acceptAtt" class="m-top10px"></p>
  207. </th>
  208. </tr>
  209. <tr class="accept-video display-none">
  210. <th colspan="4" style="border-bottom: 0px">最近验收视频</th>
  211. </tr>
  212. <tr class="accept-video display-none">
  213. <td id="acceptVideo" colspan="4"></td>
  214. </tr>
  215. </tbody>
  216. </table>
  217. </div>
  218. </div>
  219. <!--// </script>-->
  220. </div>
  221. <div class="getAcceptRecord display-none">
  222. <fieldset class="layui-elem-field layui-field-title">
  223. <legend>验收记录</legend>
  224. </fieldset>
  225. <div class="layui-row">
  226. <div class="layui-col-xs12">
  227. <div class="layui-form">
  228. <table class="layui-table">
  229. <colgroup>
  230. <col width="80">
  231. <col width="200">
  232. <col width="200">
  233. <col>
  234. <col>
  235. <col>
  236. </colgroup>
  237. <thead>
  238. <tr>
  239. <th>序号</th>
  240. <th>时间</th>
  241. <th>部门</th>
  242. <th>处理人员</th>
  243. <th>处理结果</th>
  244. <th>说明</th>
  245. </tr>
  246. </thead>
  247. <tbody id="acceptRecord">
  248. </tbody>
  249. </table>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <div class="getRetifyRecord display-none">
  255. <fieldset class="layui-elem-field layui-field-title">
  256. <legend>整改记录</legend>
  257. </fieldset>
  258. <div class="layui-row">
  259. <div class="layui-col-xs12">
  260. <div class="layui-form">
  261. <table class="layui-table">
  262. <colgroup>
  263. <col width="80">
  264. <col width="200">
  265. <col width="200">
  266. <col>
  267. <col>
  268. <col>
  269. <col>
  270. <col>
  271. <col>
  272. </colgroup>
  273. <thead>
  274. <tr>
  275. <th>序号</th>
  276. <th>时间</th>
  277. <th>部门</th>
  278. <th>处理人员</th>
  279. <th>类型</th>
  280. <th>整改协助单位</th>
  281. <th>整改费用(元)</th>
  282. <th>原因分析</th>
  283. <th>整改措施</th>
  284. </tr>
  285. </thead>
  286. <tbody id="retifyRecord">
  287. </tbody>
  288. </table>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. <div class="getReviewRecord display-none">
  294. <fieldset class="layui-elem-field layui-field-title">
  295. <legend>评审记录</legend>
  296. </fieldset>
  297. <div class="layui-row">
  298. <div class="layui-col-xs12">
  299. <div class="layui-form">
  300. <table class="layui-table">
  301. <colgroup>
  302. <col width="80">
  303. <col width="200">
  304. <col width="200">
  305. <col>
  306. <col>
  307. <col>
  308. </colgroup>
  309. <thead>
  310. <tr>
  311. <th>序号</th>
  312. <th>时间</th>
  313. <th>部门</th>
  314. <th>处理人员</th>
  315. <th>处理结果</th>
  316. <th>说明</th>
  317. </tr>
  318. </thead>
  319. <tbody id="reviewRecord">
  320. </tbody>
  321. </table>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. <!-- js部分 -->
  334. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  335. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  336. <script type="text/javascript" src="../../../assets/libs/ckplayer/ckplayer.js"></script>
  337. <script>
  338. var hdangerId;
  339. var $;
  340. layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'element', 'laytpl'], function () {
  341. $ = layui.jquery;
  342. var layer = layui.layer;
  343. var form = layui.form;
  344. var util = layui.util;
  345. var admin = layui.admin;
  346. var uParas = layui.uParas;
  347. var element = layui.element, laytpl = layui.laytpl;
  348. hdangerId = uParas.getUrlParam("hdangerId");
  349. admin.req(uParas.baseUrl + '/ent/hiddenDanger/details?hdangerId=' + hdangerId, null, function (res) {
  350. if (res.code == 1) {
  351. var hd = res.data;
  352. if(hd != null){
  353. $("#hdangerTitle").text(hd.hdangerTitle);
  354. $("#hdangerDesc").text(hd.hdangerDesc);
  355. $("#hdangerLevelName").text(hd.hdangerLevelName);
  356. $("#hdangerCatTitle").text(hd.hdangerCatTitle);
  357. $("#bizCheckDefName").text(hd.bizCheckDefName);
  358. $("#riskPointLevelName").text(hd.riskPointLevelName);
  359. $("#riskPointTypeName").text(hd.riskPointTypeName);
  360. $("#riskPointName").text(hd.riskPointName);
  361. $("#checkItemName").text(hd.checkItemName);
  362. $("#checkContentName").text(hd.checkContentName);
  363. $("#statusStr").text(hd.statusStr);
  364. $("#companyName").text(hd.companyName);
  365. $("#groupName").text(hd.groupName);
  366. if(hd.hdangerReviewGroupName == null || hd.hdangerReviewGroupName == '' || hd.hdangerReviewByName == null || hd.hdangerReviewByName == ''){
  367. $("#hdangerReviewGroupName").text("*评审流程未开启");
  368. $("#hdangerReviewByName").text("*评审流程未开启");
  369. }else{
  370. $("#hdangerReviewGroupName").text(hd.hdangerReviewGroupName);
  371. $("#hdangerReviewByName").text(hd.hdangerReviewByName);
  372. }
  373. $("#hdangerRetifyGroupName").text(hd.hdangerRetifyGroupName);
  374. $("#hdangerRetifyByName").text(hd.hdangerRetifyByName);
  375. $("#hdangerAcceptedGroupName").text(hd.hdangerAcceptedGroupName);
  376. $("#hdangerAcceptedByName").text(hd.hdangerAcceptedByName);
  377. $("#hdangerCreatedByName").text(hd.hdangerCreatedByName);
  378. $("#hdangerRetifyDeadline").text(hd.hdangerRetifyDeadline);
  379. $("#executor").text(hd.executor);
  380. $("#createdTime").text(hd.createdTime);
  381. if(hd.happenedTime == null || hd.happenedTime == ''){
  382. $("#happenedTime").text(hd.createdTime);
  383. }else{
  384. $("#happenedTime").text(hd.happenedTime);
  385. }
  386. if(hd.finishedTime == null || hd.finishedTime == ''){
  387. $("#finishedTime").text("");
  388. }else{
  389. $("#finishedTime").text(hd.finishedTime);
  390. }
  391. $("#executor").text(hd.executor);
  392. }
  393. var hiddendangerAtt = res.data.attachList;
  394. if(hiddendangerAtt.length > 0){
  395. var htmlImg = '';
  396. var htmlVideo = '';
  397. for (var i = 0; i < hiddendangerAtt.length; i++) {
  398. var att = hiddendangerAtt[i];
  399. if(att.attachType == "image"){
  400. /*图片*/
  401. htmlImg += '<a onclick="showImg(\''+ att.attachPath +'\');" style="margin-right: 10px;">';
  402. htmlImg += '<img style="width: 60px;height: 80px;" src="'+att.attachPath+'">';
  403. htmlImg += '</a>';
  404. }else if(att.attachType == "video"){
  405. /*视频*/
  406. htmlVideo += '<a onclick="videoPlayer(\''+ att.attachPath +'\');" >';
  407. htmlVideo += '<div style="margin-right: 10px;width: 80px;height: 60px;">点击播放';
  408. htmlVideo += '</div>';
  409. htmlVideo += '</a>';
  410. }
  411. }
  412. if(htmlImg != ''){
  413. $('.hidden-danger-img').show();
  414. $('#hdangerAtt ').html(htmlImg);
  415. }
  416. if(htmlVideo != ''){
  417. $('.hidden-danger-video').show();
  418. $('#hdangerVideo ').html(htmlVideo);
  419. }
  420. }
  421. }
  422. }, 'get');
  423. /*评审记录*/
  424. admin.req(uParas.baseUrl + '/ent/hiddenDanger/getReviewRecord?hdangerId=' + hdangerId, null, function (res) {
  425. if (res.code == 1) {
  426. var records = res.data;
  427. var html = "";
  428. if (records.length > 0) {
  429. $("#hdangerReviewResult").text((records[0].hdangerReviewResult) != null ? (records[0].hdangerReviewResult):'-');
  430. $("#hdangerReviewRemark").text((records[0].hdangerReviewRemark) != null ? (records[0].hdangerReviewRemark):'-');
  431. $("#hdangerReviewTime").text((records[0].hdangerReviewTime) != null ? (records[0].hdangerReviewTime):'-');
  432. $('.getReviewRecord').show();
  433. for (var i = 0; i < records.length; i++) {
  434. html += "<tr>";
  435. var record = records[i];
  436. html += "<td>" + (i+1) + "</td>";
  437. html += "<td>" + record.createdTime + "</td>";
  438. html += "<td>" + record.groupName + "</td>";
  439. html += "<td>" + record.hdangerReviewByName + "</td>";
  440. html += "<td>" + record.hdangerReviewResult + "</td>";
  441. html += "<td>" + record.hdangerReviewRemark + "</td>";
  442. html += "</tr>";
  443. }
  444. $('#reviewRecord ').html(html);
  445. }
  446. }
  447. }, 'get');
  448. /*整改记录*/
  449. admin.req(uParas.baseUrl + '/ent/hiddenDanger/getRetifyRecord?hdangerId=' + hdangerId, null, function (res) {
  450. if (res.code == 1) {
  451. var records = res.data;
  452. if (records.length > 0) {
  453. $("#hdangerRetifyAmountspent").text((records[0].hdangerRetifyAmountspent) != null ? (records[0].hdangerRetifyAmountspent + ' 元'):'-');
  454. $("#hdangerRetifyTypeName").text((records[0].hdangerRetifyTypeName) != null ? (records[0].hdangerRetifyTypeName):'-');
  455. $("#hdangerRetifyMeasures").text((records[0].hdangerRetifyMeasures) != null ? (records[0].hdangerRetifyMeasures):'-');
  456. $("#hdangerRetifyReasons").text(((records[0].hdangerRetifyReasons) != null && (records[0].hdangerRetifyReasons) != '') ? (records[0].hdangerRetifyReasons):'-');
  457. $("#hdangerRetifycreatedTime").text((records[0].createdTime) != null ? (records[0].createdTime):'-');
  458. $("#hdangerRetifyAssistingunit").text((records[0].hdangerRetifyAssistingunit) != null ? (records[0].hdangerRetifyAssistingunit):'-');
  459. var retifyAtt = records[0].attachList;
  460. if(retifyAtt.length > 0){
  461. $('#retifyAtt ').html('');
  462. $('.retify-img').show();
  463. var atthtml = '';
  464. for (var i = 0; i < retifyAtt.length; i++) {
  465. var att = retifyAtt[i];
  466. if(att.attachType == "image"){
  467. atthtml += '<a onclick="showImg(\''+ att.attachPath +'\');" style="margin-right: 10px;">';
  468. atthtml += '<img style="width: 60px;height: 80px;" src="'+att.attachPath+'">';
  469. atthtml += '</a>';
  470. }
  471. }
  472. $('#retifyAtt ').html(atthtml);
  473. }
  474. $('.getRetifyRecord').show();
  475. var html = "";
  476. for (var i = 0; i < records.length; i++) {
  477. html += "<tr>";
  478. var record = records[i];
  479. html += "<td>" + (i+1) + "</td>";
  480. html += "<td>" + record.createdTime + "</td>";
  481. html += "<td>" + record.hdangerRetifyGroupName + "</td>";
  482. html += "<td>" + record.hdangerRetifyByName + "</td>";
  483. html += "<td>" + record.hdangerRetifyTypeName + "</td>";
  484. html += "<td>" + record.hdangerRetifyAssistingunit + "</td>";
  485. html += "<td>" + record.hdangerRetifyAmountspent + "</td>";
  486. html += "<td>" + record.hdangerRetifyReasons + "</td>";
  487. html += "<td>" + record.hdangerRetifyMeasures + "</td>";
  488. html += "</tr>";
  489. }
  490. $('#retifyRecord ').html(html);
  491. }
  492. }
  493. }, 'get');
  494. /*验收记录*/
  495. admin.req(uParas.baseUrl + '/ent/hiddenDanger/getAcceptRecord?hdangerId=' + hdangerId, null, function (res) {
  496. if (res.code == 1) {
  497. var records = res.data;
  498. if (records.length > 0) {
  499. $("#hdangerAcceptedResult").text((records[0].hdangerAcceptedResult) != null ? (records[0].hdangerAcceptedResult):'-');
  500. $("#hdangerAcceptedRemark").text((records[0].hdangerAcceptedRemark) != null ? (records[0].hdangerAcceptedRemark):'-');
  501. $("#hdangerAcceptedTime").text((records[0].hdangerAcceptedTime) != null ? (records[0].hdangerAcceptedTime):'-');
  502. var acceptAtt = records[0].attachList;
  503. if(acceptAtt.length > 0){
  504. $('#acceptAtt ').html('');
  505. $('.accept-img').show();
  506. var atthtml = '';
  507. for (var i = 0; i < acceptAtt.length; i++) {
  508. var att = acceptAtt[i];
  509. if(att.attachType == "image"){
  510. atthtml += '<a onclick="showImg(\''+ att.attachPath +'\');" style="margin-right: 10px;">';
  511. atthtml += '<img style="width: 60px;height: 80px;" src="'+att.attachPath+'">';
  512. atthtml += '</a>';
  513. }
  514. }
  515. $('#acceptAtt ').html(atthtml);
  516. }
  517. $('.getAcceptRecord').show();
  518. var html = "";
  519. for (var i = 0; i < records.length; i++) {
  520. html += "<tr>";
  521. var record = records[i];
  522. html += "<td>" + (i+1) + "</td>";
  523. html += "<td>" + record.createdTime + "</td>";
  524. html += "<td>" + record.groupName + "</td>";
  525. html += "<td>" + record.hdangerAcceptedByName + "</td>";
  526. html += "<td>" + record.hdangerAcceptedResult + "</td>";
  527. html += "<td>" + record.hdangerAcceptedRemark + "</td>";
  528. html += "</tr>";
  529. }
  530. $('#acceptRecord ').html(html);
  531. }
  532. }
  533. }, 'get');
  534. });
  535. function videoPlayer(url) {
  536. layer.open({
  537. type: 2,
  538. zIndex: 1000,
  539. title: "视频播放",
  540. shadeClose: true,
  541. area: ['650px', '530px'],
  542. content: "./videoPlayer.html?ipCameraUrl=" + url,
  543. fixed: false
  544. });
  545. }
  546. function showImg(src) {
  547. var imgHtml = "<img src='" + src + "' width='1000px' height='650'/>";
  548. layer.open({
  549. type: 1,
  550. shade: 0.1,
  551. offset: 'auto',
  552. area: [1000 + 'px',650+'px'], // area: [width + 'px',height+'px'] //原图显示
  553. shadeClose:true,
  554. scrollbar: false,
  555. title: "图片附件预览", //不显示标题
  556. content: imgHtml, //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
  557. // cancel: function () {
  558. // layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', { time: 5000, icon: 6 });
  559. // }
  560. });
  561. }
  562. </script>
  563. </body>
  564. </html>