<template>
  <layout-card>
    <div id="printContent">
      <div class="page_break" v-for="item in id" :key="item">
        <inspection-record-view :checkRecordId="item" />
      </div>
    </div>
    <div class="tc mt-10">
      <el-button v-print="'#printContent'" type="primary">打印</el-button>
    </div>
  </layout-card>
</template>

<script setup>
import InspectionRecordView from "../checklist_inspection_status/components/inspection_record_view.vue";
import { useRoute } from "vue-router";
import { ref } from "vue";

const route = useRoute();
const { DATA_IDS } = route.query;
const id = ref(DATA_IDS.split(","));
</script>

<style scoped lang="scss"></style>
