<template>
  <div>
    <TopTitle title="生产安全" />
    <ResponsibilityImplementation class="responsibility-implementation" />
    <EducationTraining class="education-training" />
    <RiskIdentification class="risk-identification" />
    <DangerInvestigation class="danger-investigation" />
  </div>
</template>

<script setup lang="ts">
  import TopTitle from './TopTitle.vue';
  import ResponsibilityImplementation from './production-safety/ResponsibilityImplementation.vue';
  import EducationTraining from './production-safety/EducationTraining.vue';
  import RiskIdentification from './production-safety/RiskIdentification.vue';
  import DangerInvestigation from './production-safety/DangerInvestigation.vue';
</script>

<style scoped lang="scss">
  .responsibility-implementation {
    margin: 8px 0 20px 0;
  }
  .education-training,
  .risk-identification,
  .danger-investigation {
    margin-bottom: 20px;
  }
</style>
