<template>
  <div>
    <header>
      <p><span class="blank">学校名称</span>{{ detailMsg.school_name }}</p>
      <p><span class="blank">姓名</span> {{ detailMsg.honor_name }}</p>
      <p><span class="blank">考核类别</span> {{ detailMsg.jljb }}</p>
      <p><span class="blank">名师类别</span> {{ detailMsg.jldj }}</p>

      <p style="color:#265cd4">
        <span class="blank">一级指标</span>文字文字
        <span class="blank" style="text-align:center">二级指标</span>文字文字
        <span class="blank" style="text-align:center">得分</span>10
        <span style="color:#265cd4;padding:0 50px">附件 文字文字文字.doc</span>
      </p>
      <div>内容内容内容内容内容内容内容内容内容内容内容内容</div>
      <p style="color:#265cd4;">
        <span class="blank">一级指标</span>文字文字
        <span class="blank" style="text-align:center">二级指标</span>文字文字
        <span class="blank" style="text-align:center">得分</span>10
        <span style="color:#265cd4;padding:0 50px">附件 文字文字文字.doc</span>
      </p>
      <div>内容内容内容内容内容内容内容内容内容内容内容内容</div>
      <p><span class=" blank">总分</span> 20
      </p>
      <p><span class="blank">量化表</span> 文字文字文字.doc</p>
      <p><span class="blank">校端审核情况</span> 良好</p>
      <p><span class="blank">局端审核情况</span> 合格</p>

    </header>
  </div>
</template>
<script>
export default {
  data() {
    return {
      detailMsg: {
        no: 1,
        school_name: "景宁第一小学",
        honor_name: "最佳学校奖",
        jljb: "国家级",
        jldj: "一等奖",
        hys_id: 1,
        ewm: "",
        cjsj: "2022/09/15",
        kylx_chrs: 3,
        hjxm: "数学与数学方式",
        hjfs: "精神奖励",
        bjbm: "教育局",
        imgs: [
          {
            img: '/images/a-1.png',
          },

        ],
        status: 1,
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.flex {
  display: flex;
}
header {
  padding: 15px 20px;
  font-family: PingFangSC-Regular;
  box-sizing: border-box;
  color: #969696;
  font-size: 14px;
  .title {
    justify-content: space-between;
    h3 {
      color: #000;
      font-size: 16px;
    }
  }
}
.blank {
  display: inline-block;
  color: #000;
  width: 90px;
  padding-bottom: 10px;
}
</style>