<template>
  <div>
    <header>
      <p><span class="blank">学校名称</span>{{ detailData.jsxw_uo_name }}</p>
      <p><span class="blank">姓名</span> {{detailData.jsxw_xm }}</p>
      <p><span class="blank">性别</span> {{detailData.jsxw_xb }}</p>
      <p><span class="blank">出生年月</span> {{detailData.jsxw_csny }}</p>
      <p><span class="blank">学历</span> {{detailData.jsxw_xl }}</p>
      <p><span class="blank">专业</span> {{detailData.jsxw_zy }}</p>
      <p><span class="blank">工作岗位</span> {{detailData.jsxw_gzgw }}</p>
      <p><span class="blank">参与工作时间</span> {{detailData.jsxw_cygzsj }}</p>
      <p><span class="blank">身份证</span> {{detailData.jsxw_sfz }}</p>
      <p><span class="blank">家庭住址</span> {{detailData.jsxw_address }}</p>
      <p><span class="blank">手机</span> {{detailData.jsxw_phone }}</p>
      <p><span class="blank">备注</span>{{detailData.jsxw_bz}}</p>
    </header>
  </div>
</template>
<script>
import { xxb_detail } from "./api";
export default {
  data() {
    return {
      jsxw_id:'',
      detailData: {},
    };
  },
  methods:{
    getDetailData() {
      let data = {
        jsxw_id: this.jsxw_id
      }
      xxb_detail(data).then((res) => {
        this.detailData = res.data.one_info;
      });
    }
  },
  mounted() {
    if(this.$route.params.id != '') {
      this.jsxw_id = this.$route.params.id;
      this.getDetailData();
    }
  }
};
</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: 20px;
}
.imgs {
  img {
    width: 160px;
    height: 90px;
    background: rgba(0, 0, 0, 0);
    margin-right: 23px;
  }
}
</style>