ShouBo/web/src/views/bottom/Employment.vue

<template>
  <div class="bottomEmployment">
    <div class="banWrapper" data-aria-viewport-area tabindex="0"
      aria-label aria-description="You've reached the banner area of the Employment page; this area has one image; please use the tab key to go through the content."
    >
      <div
        class="ban"
        tabindex="0"
        aria-label="Image"
        aria-description="Employment"
      ></div>
    </div>
    <div class="pos" data-aria-viewport-area tabindex="0"
      aria-label aria-description="You've reached the path area; this area has one link; please use the tab key to go through the content."
    >
      <div tabindex="-1">
        <span class="pos1" tabindex="0">Your Position:&nbsp;</span>
        <Router-link to="/Layout/Home" tabindex="0"
          aria-description="Home"
        >
          Home>
        </Router-link>
      </div>
    </div>
    <div class="conten" data-aria-viewport-area tabindex="0"
      aria-label aria-description="You've reached the content area of the Employment page, please use the tab key to navigate through the content."
    >
      <!-- Exhibition Overview -->
      <div class="y_box" tabindex="-1">
        <div class="title_2" tabindex="0">
          2017 Second-Half Public Recruitment Notice of the Capital Museum
        </div>
        <div class="info">
          <span class="info_1" tabindex="0">2018</span>
          <span class="info_3" tabindex="0">Capital Museum</span>
        </div>
        <div class="content_2">
          <div class="title_3">——<span tabindex="0">Exhibition Overview</span>——</div>
          <div>
            <p tabindex="0">
              In accordance with the regulations covering open recruitment of
              public institutions issued by the Beijing Municipal Human
              Resources and Social Security Bureau and the Beijing Municipal
              Administration of Cultural Heritage, and considering the growing
              work demands of the Museum, 12 job vacancies have now become
              available. The details are as follows:
            </p>
            <p tabindex="0">
              <span>ⅠRequirements: </span>
              1. Chinese nationality; support the leadership of the Communist
              Party of China <br />
              2. Have a passion for museum work; healthy, honest, law-abiding<br />
              3. Have permanent residence and personal files lodged in Beijing
              <br />
              4. For requirements of each position, please refer to the “2017
              Second-Half Public Recruitment Notice of the Capital Museum
              (Attachment 1)”<br />
              5. “35 and under” refers to people born after October 13, 1981;
              “40 and under” refers to people born after October 13, 1976.
            </p>
            <p tabindex="0">
              <span>ⅡApplication and Eligibility Assessment </span>
              All applicants will have to undergo a through eligibility
              assessment on the spot. Please fill out and print the application
              form (Attachment 2) beforehand and take it with you to the
              assessment.
            </p>
            <p tabindex="0">
              1. Time and Location of Assessment <br />
              September 26 to 27 <br />
              A.M. : 9:30—11:30 P.M. : 13:30—16:30 <br />
              Location: Management Office of the White Dagoba Temple in Beijing
              (No. 171 Funei Street, Xicheng District. Please show your
              application form when entering.)
            </p>
            <p tabindex="0">
              2. Materials to Be Submitted <br />
              1). Application form, ID card, details of household registration
              <br />
              2). Diploma, stamped materials showing your work experience or
              labor contract supplemented by payment records of social
              insurance, and required certificates of title. <br />
              3). Other certificates and materials to be stipulated as needed.
              <br />
              All materials above should be presented in the original.
            </p>
            <p tabindex="0">
              <span>Ⅲ Admission Card</span>
              For candidates who pass the initial eligibility assessment, please
              collect your admission card at the Management Office of the White
              Dagoba Temple on October 11 (9:30—11:30 A.M. 13:30—16:30 P.M.)
              with assessment card, original ID card and a recent one-inch
              certified personal photo.
            </p>
            <p tabindex="0">
              <span>Ⅳ Written Examination </span>
              The written examination will be conducted in the form of a
              comprehensive capacity test and organized by the Beijing Talent
              Service Center and the Beijing Municipal Administration of
              Cultural Heritage. <br />Time: 9:00—11:30 A.M. on October 14<br />Location：please
              refer to the admission card
            </p>
            <p tabindex="0">
              <span>Ⅴ Interview</span>
              One-fifth of candidates scoring over 60 will be interviewed. The
              list of interviewees will be uploaded onto the website of the
              Beijing Municipal Administration of Cultural Heritage 20 days
              after the written test.
            </p>
            <p tabindex="0">
              <span>Ⅵ Total Score</span>The pass mark for the interview is 60.
              The total score will comprise of the written test (60%) and the
              interview score (40%).
            </p>
            <p tabindex="0">
              <span>Ⅶ Physical Examination </span>All the candidates who sored
              over 60 at the final stage will be subjected to a physical
              examination. This will be organized and conducted by the
              recruiting organization.
            </p>
            <p tabindex="0">
              <span>Ⅷ Completion of Employment Formalities </span>Personnel to
              be recruited will be chosen from candidates who emerged as the
              best in the written exam and interview and qualified through the
              physical examination. The list will be uploaded onto the website
              of Beijing Municipal Administration of Cultural Heritage for seven
              working days, after which we will inform chosen personnel to
              complete employment formalities.
            </p>
            <p tabindex="0">
              <span>Ⅸ Notes </span>Eligibility assessment will be conducted
              throughout the entire recruitment process. At any stage, any
              candidates believed to have violated the recruitment regulations,
              provided false information or forged certificates, deemed to have
              cheated in the examination, etc., will be dealt with seriously and
              be disqualified from consideration for the advertised position.
              From the eligibility assessment to the end of the recruitment
              process, candidates should ensure they are always available by
              phone. If not, the candidate will take full responsibility of our
              failing to inform them.
            </p>
          </div>
        </div>
      </div>
    </div>
    <a
      class="back_btn"
      href="#"
      tabindex="0"
    >
      Back to top
    </a>
  </div>
</template>

<script>
export default {
  name: "bottomEmployment",
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    this.$eventBus.$emit('request-read', `You've reached the Employment page. This page contains one navigation section, five window sections, and one interactive section. To choose an section, please hit the shortcut key.`)
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
.bottomEmployment {
  .ban {
    width: 100%;
    margin: auto;
    background: url("/data/About/banner.jpg") no-repeat center top #000000;
    height: 300px;
  }
  .pos {
    height: 56px;
    width: 100%;
    font-size: 12px;
    background: url("../../assets/images/Visit/bg_3.png") left bottom repeat-x
      #f1f1f1;
    overflow: hidden;
    zoom: 1;
    & > div {
      height: 56px;
      line-height: 50px;
      width: 1180px;
      overflow: hidden;
      zoom: 1;
      margin: 0 auto;
      .pos1 {
        color: #c20e11;
      }
      & > i {
        cursor: pointer;
      }
    }
  }
  .conten {
    padding-top: 35px;
    width: 1180px;
    margin: 0 auto;
    .y_box {
      background: #fff;
      border: 1px solid #e0e0e0;
      .title_2 {
        font-size: 22px;
        line-height: 44px;
        font-weight: bold;
        margin-bottom: 10px;
        padding: 40px 210px 0 40px;
      }
      .info {
        font-size: 14px;
        line-height: 36px;
        color: #666;
        overflow: hidden;
        zoom: 1;
        margin-bottom: 20px;
        padding-left: 40px;
        & > span {
          padding: 0 30px;
          display: block;
          float: left;
        }
        .info_1 {
          background: url("../../assets/images/bg_5.png") left 8px no-repeat;
        }
        .info_3 {
          background: url("../../assets/images/bg_7.png") left 8px no-repeat;
        }
      }
      .content_2 {
        background: none;
        border-top: 1px solid #e0e0e0;
        padding: 30px 40px;
        p {
          font-size: 18px;
          line-height: 26px;
          color: #1f1d1d;
          margin-top: 24px;
          span {
            font-weight: 700;
            display: block;
          }
        }
        .title_3 {
          font-size: 12px;
          color: #939393;
          text-align: center;
          & > span {
            font-weight: 700;
            font-size: 24px;
            color: #bf2323;
            text-align: center;
            padding: 0 20px;
          }
        }
      }
    }
  }
  .back_btn {
    height: 38px;
    width: 160px;
    margin: 30px auto;
    border: 1px solid #000;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    display: block;
    background: #f1f1f1;
  }
}
</style>