report2.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  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-bridge {
  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. padding: 1.5rem;
  25. }
  26. .report-header {
  27. text-align: center;
  28. margin-bottom: 1.5rem;
  29. padding-bottom: 1rem;
  30. border-bottom: 2px solid #e8e8e8;
  31. }
  32. .report-header h2 {
  33. font-size: 1.25rem;
  34. font-weight: 700;
  35. color: #1a1a1a;
  36. margin-bottom: 0.5rem;
  37. }
  38. .section-title {
  39. font-size: 1.125rem;
  40. font-weight: 600;
  41. color: #333;
  42. margin: 1.5rem 0 0.75rem 0;
  43. padding-bottom: 0.5rem;
  44. border-bottom: 1px solid #e8e8e8;
  45. }
  46. .sub-section-title {
  47. font-size: 1rem;
  48. font-weight: 600;
  49. color: #444;
  50. margin: 1rem 0 0.5rem 0;
  51. padding-left: 0.5rem;
  52. border-left: 3px solid #1890ff;
  53. }
  54. .element-item {
  55. background: #f0f5ff;
  56. padding: 0.75rem 1rem;
  57. border-radius: 0.375rem;
  58. margin-bottom: 0.5rem;
  59. font-size: 0.875rem;
  60. color: #555;
  61. line-height: 1.8;
  62. }
  63. .element-item strong {
  64. color: #1890ff;
  65. }
  66. .hazard-category {
  67. margin-bottom: 1.5rem;
  68. }
  69. .hazard-category-title {
  70. font-size: 0.9375rem;
  71. font-weight: 600;
  72. color: #333;
  73. margin-bottom: 0.75rem;
  74. display: flex;
  75. align-items: center;
  76. gap: 0.5rem;
  77. }
  78. .hazard-category-title .hazard-icon {
  79. font-size: 1.125rem;
  80. }
  81. .hazard-sub-item {
  82. background: #fffbf0;
  83. padding: 0.75rem 1rem;
  84. border-radius: 0.375rem;
  85. margin-bottom: 0.625rem;
  86. border-left: 3px solid #faad14;
  87. }
  88. .hazard-sub-item h5 {
  89. font-size: 0.875rem;
  90. font-weight: 600;
  91. color: #d48806;
  92. margin-bottom: 0.25rem;
  93. }
  94. .hazard-sub-item p {
  95. font-size: 0.8125rem;
  96. color: #666;
  97. line-height: 1.8;
  98. }
  99. .suggestion-list {
  100. margin-top: 0.5rem;
  101. }
  102. .suggestion-item {
  103. display: flex;
  104. align-items: flex-start;
  105. gap: 0.75rem;
  106. padding: 0.75rem;
  107. border-radius: 0.375rem;
  108. margin-bottom: 0.625rem;
  109. background: #f6ffed;
  110. border-left: 3px solid #52c41a;
  111. }
  112. .suggestion-item .suggestion-icon {
  113. flex-shrink: 0;
  114. width: 1.25rem;
  115. height: 1.25rem;
  116. background: #52c41a;
  117. border-radius: 50%;
  118. display: flex;
  119. align-items: center;
  120. justify-content: center;
  121. color: #fff;
  122. font-size: 0.75rem;
  123. font-weight: 700;
  124. margin-top: 0.125rem;
  125. }
  126. .suggestion-content {
  127. font-size: 0.8125rem;
  128. color: #555;
  129. line-height: 1.8;
  130. }
  131. .suggestion-content strong {
  132. color: #333;
  133. }
  134. .footer {
  135. margin-top: 2rem;
  136. padding-top: 1.25rem;
  137. border-top: 1px solid #e8e8e8;
  138. text-align: center;
  139. }
  140. .footer p {
  141. font-size: 0.75rem;
  142. color: #999;
  143. line-height: 1.6;
  144. }
  145. }
  146. </style>
  147. </head>
  148. <body>
  149. <div class="report-container-bridge">
  150. <div class="report-container">
  151. <h3 class="section-title">一、场景核心关键要素识别</h3>
  152. <div class="sub-section-title">(一)构筑物要素</div>
  153. <div class="element-item">
  154. <strong>多层高墩高架桥梁:</strong>大截面钢筋混凝土方形高墩,多层桥梁梁板架空跨越山谷,桥梁基础、桥台埋置于山体填土内,属于山区高墩桥,桥梁基础抗冲刷、抗滑坡要求极高。
  155. </div>
  156. <div class="element-item">
  157. <strong>大口径圆管排水涵洞:</strong>钢筋混凝土波纹管涵,横穿路基土体,上游汇水通过管道直排天然溪沟,承担山体雨水、地下水导排功能,为桥梁配套防洪排水构筑物。
  158. </div>
  159. <div class="element-item">
  160. <strong>边坡支护设施:</strong>左侧山体边坡铺设绿色防尘密目安全网,仅简易覆盖,无锚杆、喷砼等永久边坡防护结构。
  161. </div>
  162. <div class="sub-section-title">(二)场地地貌要素</div>
  163. <div class="element-item">
  164. <strong>开挖回填土体:</strong>大面积裸露松散黄褐色回填土方,土体无压实硬化、无护坡衬砌,坡面陡峭,混杂碎石、大块孤石。
  165. </div>
  166. <div class="element-item">
  167. <strong>天然山涧溪流:</strong>涵洞出水形成湍急河道,河床乱石堆积,水流持续冲刷涵洞出口及下方土体。
  168. </div>
  169. <div class="element-item">
  170. <strong>施工辅助材料:</strong>边坡防尘绿网、碎石垫层、开挖弃土堆、原生野生灌木植被。
  171. </div>
  172. <div class="sub-section-title">(三)环境区位要素</div>
  173. <div class="element-item">
  174. 深山峡谷区域,山体植被茂密,降雨汇流量大;属于在建山区高速配套排水工程,土方回填阶段,未完成场地永久防护、硬化施工。
  175. </div>
  176. <h3 class="section-title">二、现场潜在安全隐患分类梳理</h3>
  177. <div class="hazard-category">
  178. <div class="hazard-category-title">
  179. <span class="hazard-icon">⛰️</span>
  180. <span>(一)边坡坍塌、滑坡类隐患</span>
  181. </div>
  182. <div class="hazard-sub-item">
  183. <h5>回填土体松散失稳</h5>
  184. <p>涵洞两侧大面积堆填素土,未分层碾压密实,坡面无浆砌/喷锚永久护坡,仅靠简易绿网覆盖,遇降雨后土体饱和,极易发生浅层溜塌、大规模滑坡,直接冲击桥梁桥墩、掩埋涵洞。</p>
  185. </div>
  186. <div class="hazard-sub-item">
  187. <h5>山体原生边坡防护不足</h5>
  188. <p>左侧山体岩壁仅铺设防尘网,无主动防护网、截排水沟,暴雨时山体碎石、浮土滑落,砸损桥墩及施工区域。</p>
  189. </div>
  190. <div class="hazard-sub-item">
  191. <h5>孤石滚落风险</h5>
  192. <p>边坡及沟谷散落大量裸露大块孤石,土体冲刷掏空后孤石失稳滚落,威胁桥梁结构与现场作业人员。</p>
  193. </div>
  194. </div>
  195. <div class="hazard-category">
  196. <div class="hazard-category-title">
  197. <span class="hazard-icon">🌊</span>
  198. <span>(二)水流冲刷、水毁结构类隐患</span>
  199. </div>
  200. <div class="hazard-sub-item">
  201. <h5>涵洞出口淘空风险</h5>
  202. <p>管道出水直排土体坡面,湍急水流持续冲刷涵洞出口基底,长期冲刷会掏空管道基础,造成涵管沉降、断裂、渗漏,丧失排水功能。</p>
  203. </div>
  204. <div class="hazard-sub-item">
  205. <h5>桥梁基础水蚀破坏</h5>
  206. <p>溪沟流水紧邻桥台、桥墩下方,边坡土体被流水持续侵蚀,逐步掏空桥梁承台、桩基覆土,降低桥梁整体抗倾覆、抗滑移能力,诱发桥墩倾斜。</p>
  207. </div>
  208. <div class="hazard-sub-item">
  209. <h5>山洪漫溢风险</h5>
  210. <p>山区暴雨易形成山洪,若涵洞排水能力不足,积水漫过回填土路基,会大面积软化土体,加剧滑坡灾害,甚至倒灌侵蚀桥梁下部结构。</p>
  211. </div>
  212. </div>
  213. <div class="hazard-category">
  214. <div class="hazard-category-title">
  215. <span class="hazard-icon">👷</span>
  216. <span>(三)施工作业人身安全隐患</span>
  217. </div>
  218. <div class="hazard-sub-item">
  219. <h5>临边无防护设施</h5>
  220. <p>陡峭土坡、沟坎边缘未设置防护栏杆、警示围挡,人员巡查、作业时易失足坠落沟谷。</p>
  221. </div>
  222. <div class="hazard-sub-item">
  223. <h5>场地通行条件恶劣</h5>
  224. <p>地面为松散泥土、碎石,雨天泥泞湿滑,无硬化施工便道,车辆、人员通行易打滑侧翻、摔倒。</p>
  225. </div>
  226. <div class="hazard-sub-item">
  227. <h5>无安全警示标识</h5>
  228. <p>现场未设置滑坡、山洪、陡坡危险警示牌,外来人员、施工人员无法提前预判风险。</p>
  229. </div>
  230. </div>
  231. <div class="hazard-category">
  232. <div class="hazard-category-title">
  233. <span class="hazard-icon">🌿</span>
  234. <span>(四)环保及次生灾害隐患</span>
  235. </div>
  236. <div class="hazard-sub-item">
  237. <h5>水土流失污染河道</h5>
  238. <p>裸露土体无完整护坡,雨水冲刷泥土汇入溪流,造成水体泥沙超标,破坏山区河道生态。</p>
  239. </div>
  240. <div class="hazard-sub-item">
  241. <h5>防尘网失效引发扬尘</h5>
  242. <p>绿网仅简易铺设,未压实固定,大风、降雨后破损脱落,土方裸露产生扬尘,同时破损网体易堵塞涵洞进水口,造成排水堵塞积水。</p>
  243. </div>
  244. </div>
  245. <div class="hazard-category">
  246. <div class="hazard-category-title">
  247. <span class="hazard-icon">🏗️</span>
  248. <span>(五)构筑物长期运行隐患</span>
  249. </div>
  250. <div class="hazard-sub-item">
  251. <h5>涵管回填不均匀沉降</h5>
  252. <p>涵管上方回填土未规范分层压实,后期易出现不均匀沉降,导致波纹管变形、接口开裂渗漏。</p>
  253. </div>
  254. <div class="hazard-sub-item">
  255. <h5>缺少山体截排水系统</h5>
  256. <p>边坡顶部未设置截水沟,山体地表水直接渗入回填土体,持续软化基底,加速滑坡、水毁病害发展。</p>
  257. </div>
  258. </div>
  259. <h3 class="section-title">三、隐患整改建议</h3>
  260. <div class="suggestion-list">
  261. <div class="suggestion-item">
  262. <span class="suggestion-icon">1</span>
  263. <span class="suggestion-content"><strong>边坡加固:</strong>对回填坡面实施喷锚支护或浆砌片石护坡,增设截水沟;山体边坡补设主动防护网,清理坡面松动孤石。</span>
  264. </div>
  265. <div class="suggestion-item">
  266. <span class="suggestion-icon">2</span>
  267. <span class="suggestion-content"><strong>涵洞防冲刷处理:</strong>涵洞出口浇筑混凝土消力池、铺砌护底,阻断水流对基底土体的淘刷。</span>
  268. </div>
  269. <div class="suggestion-item">
  270. <span class="suggestion-icon">3</span>
  271. <span class="suggestion-content"><strong>场地安全防护:</strong>陡坡、沟谷临边加装钢管防护栏杆,全线设置滑坡、山洪警示标牌;修筑硬化施工便道。</span>
  272. </div>
  273. <div class="suggestion-item">
  274. <span class="suggestion-icon">4</span>
  275. <span class="suggestion-content"><strong>土方规范处置:</strong>回填土分层碾压达标,破损防尘网更换并压实固定,防止堵塞涵管。</span>
  276. </div>
  277. <div class="suggestion-item">
  278. <span class="suggestion-icon">5</span>
  279. <span class="suggestion-content"><strong>汛期管控:</strong>建立山区暴雨巡查机制,降雨前后重点检查边坡、涵洞冲刷、桥墩覆土流失情况,提前制定滑坡、山洪应急撤离方案。</span>
  280. </div>
  281. </div>
  282. <div class="footer">
  283. <p>注:以上汇总完全基于图像识别与场景分析结果得出,可用于制定隐患排查清单或作为现场安全检查的参考依据。</p>
  284. <p style="margin-top: 8px;">大模型AI生成,内容仅供参考</p>
  285. </div>
  286. </div>
  287. </div>
  288. </body>
  289. </html>