zyuas.com/src/view/Solutions/EmergencySearchRescue.vue

<template>
  <div id="RagSearchRescue" 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">
        <img class="img-responsive center-block" src="@/assets/img/service1.jpg" alt="搜索救援">
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6">
        <h3>技术优势</h3>
        <ul class="feature-list">
          <li><i class="glyphicon glyphicon-check"></i> <strong>红外热成像探测</strong> - 夜间或浓烟环境下精准识别人体热源</li>
          <li><i class="glyphicon glyphicon-check"></i> <strong>高清变焦相机</strong> - 远距离清晰观察，不遗漏任何细节</li>
          <li><i class="glyphicon glyphicon-check"></i> <strong>激光测距定位</strong> - 精确获取目标位置坐标</li>
          <li><i class="glyphicon glyphicon-check"></i> <strong>喊话器投放</strong> - 空中喊话安抚，投放应急物资</li>
        </ul>
      </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>设置自动巡航路径全覆盖</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>多光谱设备协同作业</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-6 col-md-6">
        <div class="info-box">
          <h4><i class="glyphicon glyphicon-stats"></i> 效率提升</h4>
          <p>相比传统人工搜救，无人机搜救效率提升<strong>5-10 倍</strong>，覆盖面积扩大<strong>3-5 倍</strong>。</p>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="info-box">
          <h4><i class="glyphicon glyphicon-time"></i> 响应时间</h4>
          <p>无人机可在<strong>30 分钟内</strong>完成部署并抵达现场，黄金救援时间利用率提高<strong>60%</strong>。</p>
        </div>
      </div>
    </div>
  </div>
</template>

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

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