<template>
  <div id="RagPostEvaluation" class="content-block">
    <h2>灾后评估与分析</h2>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <p class="lead">利用无人机航拍影像和三维建模技术，对灾害损失进行快速评估，为灾后重建提供科学依据。</p>
      </div>
    </div>
    
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-6 wow fadeInLeft">
        <h3>评估内容</h3>
        <ul class="feature-list">
          <li><i class="glyphicon glyphicon-list-alt"></i> <strong>建筑物损毁评估</strong> - 识别倒塌、裂缝、倾斜等损坏情况</li>
          <li><i class="glyphicon glyphicon-list-alt"></i> <strong>基础设施评估</strong> - 道路、桥梁、电力设施损坏程度</li>
          <li><i class="glyphicon glyphicon-list-alt"></i> <strong>地质灾害评估</strong> - 滑坡、泥石流、地面塌陷范围</li>
          <li><i class="glyphicon glyphicon-list-alt"></i> <strong>淹没面积统计</strong> - 洪涝灾害淹没区域精确测量</li>
          <li><i class="glyphicon glyphicon-list-alt"></i> <strong>经济损失估算</strong> - 基于损毁数据的损失评估</li>
        </ul>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6 wow fadeInRight">
        <img class="img-responsive center-block" src="@/assets/img/service2.jpg" alt="灾后评估">
      </div>
    </div>
    
    <div class="row" style="margin-top: 40px;">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <h3>技术流程</h3>
      </div>
      <div class="col-xs-12 col-sm-3 col-md-3 text-center wow zoomIn">
        <div class="process-step">
          <div class="step-number">1</div>
          <h5>数据采集</h5>
          <p>无人机倾斜摄影获取影像</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-3 col-md-3 text-center wow zoomIn">
        <div class="process-step">
          <div class="step-number">2</div>
          <h5>三维建模</h5>
          <p>生成实景三维模型和 DOM</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-3 col-md-3 text-center wow zoomIn">
        <div class="process-step">
          <div class="step-number">3</div>
          <h5>智能解译</h5>
          <p>AI 识别损毁目标和范围</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-3 col-md-3 text-center wow zoomIn">
        <div class="process-step">
          <div class="step-number">4</div>
          <h5>报告生成</h5>
          <p>自动输出评估报告和数据</p>
        </div>
      </div>
    </div>
    
    <div class="row" style="margin-top: 40px;">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <h3>成果输出</h3>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-3 wow zoomIn">
        <div class="deliverable-card">
          <div class="deliverable-icon">
            <i class="glyphicon glyphicon-picture"></i>
          </div>
          <h5>正射影像图</h5>
          <p>DOM 成果</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-3 wow zoomIn">
        <div class="deliverable-card">
          <div class="deliverable-icon">
            <i class="glyphicon glyphicon-th"></i>
          </div>
          <h5>三维实景模型</h5>
          <p>倾斜摄影模型</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-3 wow zoomIn">
        <div class="deliverable-card">
          <div class="deliverable-icon">
            <i class="glyphicon glyphicon-map-marker"></i>
          </div>
          <h5>数字线划图</h5>
          <p>DLG 矢量数据</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-3 wow zoomIn">
        <div class="deliverable-card">
          <div class="deliverable-icon">
            <i class="glyphicon glyphicon-file"></i>
          </div>
          <h5>评估分析报告</h5>
          <p>文字和统计数据</p>
        </div>
      </div>
    </div>
    
    <div class="row" style="margin-top: 40px;">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="info-box">
          <h4><i class="glyphicon glyphicon-stats"></i> 应用价值</h4>
          <p>无人机灾后评估可在<strong>24 小时内</strong>完成大范围灾害数据采集和处理，相比传统人工调查效率提升<strong>10 倍以上</strong>，为灾后重建规划和资金申请提供<strong>准确、客观、可视化</strong>的数据支撑。</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "EmergencyPostEvaluation"
};
</script>

<style scoped>
/* 样式已全局定义：rag-solutions.css */
</style>
