<!-- 测试、校准或检定工作分包通知书-详情 -->
<script lang="ts" setup name="NoticePage">
const $props = defineProps({
  data: {
    type: Object,
    required: true,
  },
})
</script>

<template>
  <div class="container">
    <div class="header">
      测试、校准或检定工作分包通知书
    </div>
    <div class="content">
      <div class="first">
        {{ $props.data.customerName }}:
      </div>
      <div class="main">
        贵单位送到本站测试、校准或检定的 {{ $props.data.deviceName }} ，因能力所限，现决定将 {{ $props.data.deviceName }} 这部分测试内容分包给 {{ $props.data.outsourcerName }} 。 本站已对分包方的能力进行过评审，符合要求。贵单位是否同意本站的分包意向，请尽快回复。 联系人：{{ $props.data.contacts }},   电话：{{ $props.data.mobile }}
      </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>