report.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <style scoped>
  7. .report-container-safety {
  8. * {
  9. margin: 0;
  10. padding: 0;
  11. box-sizing: border-box;
  12. }
  13. body {
  14. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  15. background: #f5f7fa;
  16. color: #333;
  17. }
  18. .report-container {
  19. max-width: 100%;
  20. margin: 0 auto;
  21. background: #fff;
  22. border-radius: 0.75rem;
  23. box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  24. }
  25. .section-title {
  26. font-size: 1.125rem;
  27. font-weight: 600;
  28. color: #333;
  29. padding-bottom: 0.5rem;
  30. border-bottom: 1px solid #e8e8e8;
  31. }
  32. .report-overview {
  33. background: #f6ffed;
  34. padding: 1rem;
  35. border-radius: 0.5rem;
  36. }
  37. .report-overview h4 {
  38. font-size: 0.875rem;
  39. font-weight: 600;
  40. color: #52c41a;
  41. margin-bottom: 0.5rem;
  42. }
  43. .report-overview p {
  44. font-size: 0.8125rem;
  45. color: #666;
  46. line-height: 1.8;
  47. }
  48. .hazard-item {
  49. background: #fffbf0;
  50. padding: 1rem;
  51. border-radius: 0.5rem;
  52. margin: 0 0 1.25rem 0;
  53. border-left: 4px solid #faad14;
  54. }
  55. .hazard-title {
  56. display: flex;
  57. align-items: center;
  58. gap: 0.5rem;
  59. font-weight: 600;
  60. font-size: 0.9375rem;
  61. color: #333;
  62. margin-bottom: 0.75rem;
  63. }
  64. .hazard-title .hazard-icon {
  65. font-size: 1.125rem;
  66. }
  67. .hazard-item-ul {
  68. margin: 0;
  69. padding:0 0 0 2.5rem;
  70. padding-left: 2.5rem;
  71. padding-top: 0;
  72. padding-bottom: 0;
  73. padding-right: 0;
  74. }
  75. .hazard-item-li {
  76. font-size: 0.8125rem;
  77. color: #666;
  78. line-height: 1.8;
  79. margin-bottom: 0.25rem;
  80. }
  81. .risk-tag {
  82. display: inline-block;
  83. margin-top: 0.75rem;
  84. padding: 0.25rem 0.625rem;
  85. border-radius: 0.25rem;
  86. font-size: 0.75rem;
  87. font-weight: 500;
  88. }
  89. .risk-tag.high {
  90. background: #fff1f0;
  91. color: #ff4d4f;
  92. }
  93. .risk-tag.medium {
  94. background: #fffbe6;
  95. color: #faad14;
  96. }
  97. .risk-tag.low {
  98. background: #f6ffed;
  99. color: #52c41a;
  100. }
  101. .suggestion-list {
  102. margin-top: 1rem;
  103. }
  104. .suggestion-item {
  105. display: flex;
  106. align-items: flex-start;
  107. gap: 0.75rem;
  108. padding: 0.75rem;
  109. border-radius: 0.375rem;
  110. margin-bottom: 0.625rem;
  111. }
  112. .suggestion-item.high {
  113. background: #fff1f0;
  114. }
  115. .suggestion-item.medium {
  116. background: #fffbe6;
  117. }
  118. .suggestion-item.base {
  119. background: #f6ffed;
  120. }
  121. .priority {
  122. padding: 0.25rem 0.625rem;
  123. border-radius: 0.25rem;
  124. font-size: 0.75rem;
  125. font-weight: 600;
  126. color: #fff;
  127. flex-shrink: 0;
  128. }
  129. .suggestion-item.high .priority {
  130. background: #ff4d4f;
  131. }
  132. .suggestion-item.medium .priority {
  133. background: #faad14;
  134. }
  135. .suggestion-item.base .priority {
  136. background: #52c41a;
  137. }
  138. .suggestion-content {
  139. font-size: 0.8125rem;
  140. color: #666;
  141. line-height: 1.6;
  142. }
  143. .footer {
  144. margin-top: 1.875rem;
  145. padding-top: 1.25rem;
  146. border-top: 1px solid #e8e8e8;
  147. text-align: center;
  148. }
  149. .footer p {
  150. font-size: 0.75rem;
  151. color: #999;
  152. line-height: 1.6;
  153. }
  154. }
  155. </style>
  156. </head>
  157. <body>
  158. <div class="report-container-safety">
  159. <div class="report-container">
  160. <h3 class="section-title">一、报告概述</h3>
  161. <div class="report-overview">
  162. <h4>概述</h4>
  163. <p>本报告基于提供的当前附件内容,对识别到的关键场景要素(加油机、加油机输油软管、防撞栏、加油枪)及关联的潜在安全隐患进行了系统梳理。报告旨在从隐患识别的视角,提供一份结构化的核查汇总,以便快速定位和对照整改。</p>
  164. </div>
  165. <h3 class="section-title">二、识别的要素及隐患汇总</h3>
  166. <div class="hazard-item">
  167. <div class="hazard-title">
  168. <span class="hazard-icon">⛽</span>
  169. <span>加油机</span>
  170. </div>
  171. <ul class="hazard-item-ul">
  172. <li>加油机外观不整洁,有明显油污</li>
  173. <li>机座地脚螺栓明显松动</li>
  174. <li>加油机紧固件连接明显松动</li>
  175. <li>加油机底部填沙潮湿</li>
  176. <li>加油机底部填沙有明显油迹</li>
  177. <li>进油管与紧急截断阀连接处未露出沙外</li>
  178. <li>油品管线连接处有明显渗漏</li>
  179. <li>过滤器有明显油污和渗漏</li>
  180. <li>加油机底部未设置截断阀</li>
  181. <li>加油机静电接地失效</li>
  182. <li>加油机铭牌不清晰</li>
  183. <li>加油机工艺仓与电气仓之间隔板上的孔洞未密封</li>
  184. <li>加油机内防爆挠性管连接明显松动</li>
  185. <li>防爆接线盒未在专用接地端子处进行静电接地连接</li>
  186. </ul>
  187. <span class="risk-tag high">风险:油品泄漏风险、火灾爆炸风险、静电危害、设备稳定性不足、环境污染</span>
  188. </div>
  189. <div class="hazard-item">
  190. <div class="hazard-title">
  191. <span class="hazard-icon">🔧</span>
  192. <span>加油机输油软管</span>
  193. </div>
  194. <ul class="hazard-item-ul">
  195. <li>加油软管上未设置安全拉断阀</li>
  196. </ul>
  197. <span class="risk-tag medium">风险:车辆误拉扯导致软管断裂,引发泄漏事故</span>
  198. </div>
  199. <div class="hazard-item">
  200. <div class="hazard-title">
  201. <span class="hazard-icon">🔫</span>
  202. <span>加油枪</span>
  203. </div>
  204. <ul class="hazard-item-ul">
  205. <li>加油枪密封不良,工作时出现明显渗漏</li>
  206. <li>汽油加油枪无集气罩</li>
  207. <li>加油枪集气罩破损</li>
  208. <li>油气回收检测口的丝堵松动</li>
  209. <li>油气回收管路渗油</li>
  210. </ul>
  211. <span class="risk-tag high">风险:操作点直接泄漏风险,增加火灾危险和油气挥发,污染空气</span>
  212. </div>
  213. <div class="hazard-item">
  214. <div class="hazard-title">
  215. <span class="hazard-icon">🛡️</span>
  216. <span>防撞栏及周边设施</span>
  217. </div>
  218. <ul class="hazard-item-ul">
  219. <li>靠近岛端部的加油机未设置防撞柱</li>
  220. <li>防撞柱松动破损,未涂刷警示色</li>
  221. <li>加油站进口未设置减速带,或减速带破损失效</li>
  222. <li>进站口未设置减速带或减速带损坏、失效</li>
  223. <li>地面破损、凹陷,影响车辆及行人正常通行</li>
  224. <li>环保沟盖板破损、凸起等情况影响车辆及行人正常通行</li>
  225. <li>地面未按规范划线</li>
  226. <li>雨水排水设施破损或堵塞</li>
  227. </ul>
  228. <span class="risk-tag medium">风险:车辆撞击风险,可能导致设备损坏和二次事故;交通秩序混乱;通行障碍</span>
  229. </div>
  230. <div class="hazard-item">
  231. <div class="hazard-title">
  232. <span class="hazard-icon">🔥</span>
  233. <span>其他关联要素</span>
  234. </div>
  235. <ul class="hazard-item-ul">
  236. <li>每2台加油机设置少于2只5kg手提式干粉灭火器</li>
  237. <li>有灌桶加油作业的加油岛未设置专用静电消除装置</li>
  238. <li>加油现场可燃气体报警仪失效</li>
  239. <li>现场作业人员未规范穿着防静电工作服、鞋等个体防护装备</li>
  240. <li>柴油尾气处理液加注设施在岛的两侧边缘100mm和岛端1.2m以内布置</li>
  241. </ul>
  242. </div>
  243. <h3 class="section-title">三、优先整改建议</h3>
  244. <div class="suggestion-list">
  245. <div class="suggestion-item high">
  246. <span class="priority">高</span>
  247. <span class="suggestion-content">泄漏风险:立即核查并处理加油枪、管线连接处、油气回收系统的任何渗漏迹象,这是最直接的火源和污染源</span>
  248. </div>
  249. <div class="suggestion-item high">
  250. <span class="priority">高</span>
  251. <span class="suggestion-content">静电与火源管控:必须确保加油机静电接地有效、可燃气体报警仪完好、作业人员规范穿戴防静电装备、灭火器配置到位且完好</span>
  252. </div>
  253. <div class="suggestion-item medium">
  254. <span class="priority">中</span>
  255. <span class="suggestion-content">结构/机械完整性:紧固松动的螺栓、修复或安装防撞柱与减速带,保障设备稳固,防止意外碰撞损坏</span>
  256. </div>
  257. <div class="suggestion-item medium">
  258. <span class="priority">中</span>
  259. <span class="suggestion-content">交通与现场秩序:修复破损地面、凹陷、环保沟盖板及雨水排水设施,按规范重新划线,确保车辆行驶与人员行走安全</span>
  260. </div>
  261. <div class="suggestion-item base">
  262. <span class="priority">基</span>
  263. <span class="suggestion-content">标识与可视化:清洁加油机、涂刷防撞柱警示色、确保铭牌清晰,提升安全警示作用</span>
  264. </div>
  265. </div>
  266. <div class="footer">
  267. <p>注:以上汇总完全基于您提供的文档内容分析得出,可用于制定隐患排查清单或作为现场安全检查的参考依据。现场情况复杂,请结合实际进一步排查确认。</p>
  268. <p style="margin-top: 8px;">大模型AI生成,内容仅供参考</p>
  269. </div>
  270. </div>
  271. </div>
  272. </body>
  273. </html>