<!-- 检测结果复查通知单-详情 -->
<script lang="ts" setup name="DetectionPage">
const $props = defineProps({
  data: {
    type: Object,
    required: true,
  },
})
</script>

<template>
  <div id="form" class="container">
    <div class="header">
      检测结果复查通知单
    </div>
    <div class="content">
      <div class="first">
        {{ $props.data.customerName }}单位:
      </div>
      <div class="main">
        由于我站工作失误，贵单位 {{ $props.data.submitDate }} 送来的 {{ $props.data.deviceName }} {{ $props.data.deviceModel }} {{ $props.data.deviceNo }} 测量结果可能有误，需重新进行测试、校准或检定。请贵单位于 {{ $props.data.returnDate }} 前将此设备以及证书或报告一同送(寄)回本站,谢谢合作。
      </div>
      <div class="end">
        特此通知
      </div>
      <div class="end">
        中国西昌卫星发射中心计量测试站
      </div>
      <div class="end">
        {{ $props.data.createTime }}
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.container {
  font-size: 24px;

  .header {
    font-weight: 700;
    text-align: center;
  }

  .content {
    line-height: 50px;
    font-weight: 500;
    width: 60%;
    margin: 0 auto;

    .main {
      text-indent: 2em;
    }

    .end {
      text-align: right;
    }
  }
}
</style>
