<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><span class="blank">教学类别</span> {{ detailMsg.cjsj }}</p>
      <p><span class="blank">进阶条件</span> </p>
      <div>
        <div>
          <p style="display:inline-block;margin-right:30px">1.文字</p><span style="color:#265cd4">文字文字文字.doc</span>
        </div>
        <div>
          <p style="display:inline-block;margin-right:30px">2.文字</p><span style="color:#265cd4">文字文字文字.doc</span>
        </div>
      </div>
      <p style="color:#265cd4"><span class="blank">申报表</span> 文字文字文字.doc</p>
      <p style="color:#265cd4"><span class="blank">量化表</span> 文字文字文字.doc</p>
      <p><span class="blank">校端审核情况</span> 符合</p>
      <p class="text-red"><span class="blank">局端审核情况</span> 不符合</p>
      <div>内容内容</div>
    </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: 110px;
  padding-bottom: 10px;
}
</style>