<template>
  <div>
    <header>
      <p><span class="blank">学校名称</span>{{ detailInfo.school_name }}</p>
      <p><span class="blank">荣誉名称</span> {{ detailInfo.xxx_shrymc }}</p>
      <p><span class="blank">奖励级别</span> {{ detailInfo.xxx_jljb }}</p>
      <p><span class="blank">奖励等级</span> {{ detailInfo.xxx_jldj_option_n }}</p>
      <p><span class="blank">荣获称号时间</span> {{ detailInfo.xxx_rhchsj }}</p>
      <p><span class="blank">获奖项目</span> {{ detailInfo.xxx_hjxm }}</p>
      <p><span class="blank">获奖方式</span> {{ detailInfo.xxx_hjfs_option_n }}</p>
      <p><span class="blank">颁奖(授予)部门</span> {{ detailInfo.xxx_bjbm }}</p>

      <p style="display:inline-block; vertical-align: top;"><span class="blank">证书</span></p>
      <div v-for="z in detailInfo.xxx_zs" class="imgs" style="display:inline-block">
        <img :src="prefix+z.url" alt="" />
      </div>
    </header>
  </div>
</template>
<script>
import { xxry_detail } from './api'
export default {
  data() {
    return {
      detailInfo: {},
      prefix: window.globalVariables.api,

    };
  },
  methods: {
    detailData() {
      let data = {
        xxx_id: this.xxx_id
      };
      xxry_detail(data).then((res) => {
        if (res.code == 1) {
          this.detailInfo = res.data.one_info;

        }
      });
    },
  },
  mounted() {
    if (this.$route.params.id != "") {
      this.xxx_id = this.$route.params.id;
      this.detailData();
    }
  }
};
</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;
}
.imgs {
  img {
    width: 160px;
    height: 90px;
    background: rgba(0, 0, 0, 0);
    margin-right: 23px;
  }
}
</style>