<template>
  <layout-card>
    <div id="printContent">
      <div v-for="(item, index) in id" :key="item" class="page_break">
        <inspection-record-view
          :check-record-id="item"
          :list-type="listtypes[index]"
        />
      </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, LIST_TYPE } = route.query;
const id = ref(DATA_IDS.split(","));
const listtypes = ref(LIST_TYPE.split(","));
</script>

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