<template>
  <div style="margin-top: -100px;">
    <el-button type="primary" @click="$print($refs.print) " style="margin:40px auto;" class="tc">打印</el-button>

    <div ref="print" >
      <h1 class="tc" >福建省建设行业从业人员岗位考核考试</h1>
      <h2  class="tc p10">准考证</h2>
      <table style="width:900px;margin:10px auto;color: #000000;" class="mtable">
        <tr>
          <td class="m-attr" style="width: 100px;">姓名</td>
          <td class="tl" colspan="2">{{info.nickname}}</td>
          <td class="m-attr">报考机构</td>
          <td class="tl" colspan="4">三明市城市建设项目服务中心</td>
          <td rowspan="6" colspan="1" class="cert-head">
            <img :src="info.headImg" class="cert-head"/>
          </td>
        </tr>
        <tr>
          <td class="m-attr">性别</td>
          <td class="tl" colspan="2">{{info.gender}}</td>
          <td class="m-attr">身份证</td>
          <td class="tl" colspan="4">{{info.cardId}}</td>
        </tr>
        <tr>
          <td class="m-attr">考试类别</td>
          <td colspan="7" class="tl">{{info.examType}}</td>
        </tr>
        <tr>
          <td class="m-attr">工作单位</td>
          <td colspan="7" class="tl">{{info.company}}</td>
        </tr>
        <tr>
          <td class="m-attr">实操考试地点</td>
          <td colspan="7" class="tl">{{info.opAddress||''}}</td>
        </tr>
        <tr>
          <td class="m-attr">理论考试地点</td>
          <td colspan="7" class="tl">{{info.address}}</td>
        </tr>

        <tr>
          <td  class="m-attr" style="width: 13%">考试科目</td>
          <td class="m-attr" colspan="2" style="width: 15%">准考证号</td>
          <td class="m-attr" style="width: 13%">考试时长</td>

          <td class="m-attr" colspan="3" style="width: 30%">理论考试时间</td>
          <td class="m-attr" style="width: 9%">座位号</td>
          <td class="m-attr" colspan="2" style="width: 20%">实操考试时间</td>
        </tr>

        <tr>
          <td  class="tc m-attr">{{info.courseName}}</td>
          <td class="tc m-attr" colspan="2">{{info.uuid}}</td>
          <td class="tc">{{info.duration}}</td>

          <td class="tc" colspan="3">{{info.examTime}}</td>
          <td class="tc">{{info.seat}}</td>

          <td class="tc" colspan="2">{{info.opExamTime}}</td>
        </tr>

        <tr>
          <td colspan="10">
            <div display="flex" class="p5">
              <div style="width:90px;font-weight:700;">注意事项：</div>
              <div style="margin-left:80px">
                <p class="m-notice">1、请携带准考证和身份证，按照考试规则要求参加考试；</p>
                <p class="m-notice">2、成绩查询：https://sm.hqedust.com</p>
              </div>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="10">
            <div display="flex" class="p5" style="text-indent: 0.1rem;">
              <h2 class="tc m-title">考试规则</h2>

              <p class="m-rule">
               1、在考试前15分钟进入考场，对号入座，并将准考证、有效身份证件放 在机位明显位置，以便监考人员查对。证件和准考证两证不齐全的，不予参加考试。开考15分钟后不得入场。开考30分钟后，方能交卷离场，退场后不得再次进入考室。
              </p>

              <p class="m-rule">
                2、考生不得携带任何与考试科目有关的书籍和稿纸进入考场（开卷考试除外）。禁止在考室内使用手机等电子设备，除准考证、身份证件以外的其他物品（手机必须关闭）须放在“物品置放处”。
              </p>

              <p class="m-rule">
               3、考生开考前凭准考证号、密码登录考试系统，登录后应仔细核对其个人信息（包括姓名、性别、身份证号、准考证号、本人照片等）及考试科目，并认真阅读《考生须知》；如个人信息有误，应举手示意，等待监考员处理。
              </p>

              <p class="m-rule">
                4、考试过程中，考生不得离开座位。如遇试题不清晰等异常情况，考生可举手询问，但不得要求监考人员作任何提示或解释。
              </p>
              <p class="m-rule">
                5、考生在考场内应保持安静。不得吸烟、进食。凡发现夹带、翻阅考试相关资料（开卷考试除外）和以旁窥、交头接耳、打手势等方式传接信息的；抄袭、协助他人抄袭试题答案或者与考试内容相关资料的等作弊行为的，经警告无效的，本次考试成绩无效。 5、考生在考场内应保持安静，不得吸烟、进食,凡发现夹带、翻阅考试相关资料(开卷考试除外)和以旁窥、交头接耳、打手势等方式传接信息的：抄装、协助他人抄袭试题答案或者与考试内容相关资料的等作弊行为的，经警告无效的，本次考试成绩无效。
              </p>
              <p class="m-rule">
                6、在考场及禁止的范围内，对扰乱考场秩序，威胁、侮辱、诽谤、诬陷他人行为，影响他人考试的，经警告仍不改正的，交由公安机关依法处理。
              </p>
              <p class="m-rule">
               7、考试时间以考试系统显示为准。迟到者必须按考试规定时间结束考试，不得延长时间。应试人员离开考场时，应保持安静，不得在考场附近逗留、喧哗。
              </p>

              <p class="m-rule">
                8、考生应按照考试系统的要求进行操作，不得擅自对电脑进行冷、热启动及其他与考试无关的操作；若考试系统出现故障，应举手示意，等待考务工作人员处理。
              </p>
              <p class="m-rule">
                9、考生确认交卷后，系统自动评卷并显示本次考试成绩。应试人员也可通过三明市建设人才服务中心网站查询本人考试成绩。
              </p>
            </div>
          </td>
        </tr>

      </table>
    </div>
  </div>
</template>
<script>
  export default {
    name: "Api",
    data() {
      return {
      }
    },
    props: ['info']
  }
</script>
<style>
  .mtable {
    font-family: FangSong;
    border-collapse: collapse;
    border: 1px solid;
    color: #000000;
    font-weight: 550;
    padding-bottom: 8px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .mtable td {
    font-family: FangSong;
    border: 1px solid black;
    padding: 2px 12px;
    font-size: 16px;
  }
  .m-attr{
    text-align:center !important;
    height: 40px;
    white-space: nowrap;
  }

  .m-rule {
    font-family: FangSong;
    text-align: left;
    padding: 2px;
    margin: 4px auto;
    line-height: 1.6rem;
    text-indent: 0px;
    font-size: 16px;
  }

  .m-notice {
    font-family: FangSong;
    margin: 4px auto;
    padding: 4px;
    font-size: 16px;
    text-align:left;
  }

  .m-title {
    font-family: FangSong;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    font-weight: 800;
  }
  .cert-head{
    width:200px;
    height: 230px;
    overflow-y: hidden;
  }
</style>
