proginn-frontend/components/sign/intro.vue

<template>
  <div class="intro">
    <h3>
      <!--
      完善个人简历后，才能申请签约开发者进行接单
      -->
      签约成为远程工作者
      <span
        v-if="this.userInfo.realname_re == '2'"
        class="status success"
      >已通过签约</span>
      <span v-else-if="this.userInfo.realname_re == '1'" class="status info">待审核</span>
      <span v-else-if="this.userInfo.realname_re == '0'" class="status info"><a href="https://support.proginn.com/outsource/coder-sign/" target="_blank">签约规则</a></span>
      <span v-else class="status warning">拒绝</span>
    </h3>
    <!-- <p>
      成为程序员客栈签约开发者后，才能在平台接单，包括平台派单类项目、雇佣项目等，并
      享受交易担保等服务。
      <br />申请签约需要满足以下条件：
       
      <br />1.按签约规则如实填写个人简历
      <br />2.具有契约精神、服务意识，能按约定高效完成开发
      <br />3.不在程序员客栈黑名单（无开发黑历史）
    </p> -->
    <p>
      Q:如何成为程序员客栈远程工作者？<br/>
      A:在程序员客栈注册账号后，完成<b>实名认证、基本接单信息设置、个人介绍设置、工作经历设置、教育经历设置、技能、添加项目作品</b>，即可通过平台签约，成为远程工作者<br/>
      Q:为什么要添加<b>个人介绍、工作经历</b>等主页信息？<br/>
      A:添加<b>个人介绍、项目作品、技能</b>等信息后，是为了平台能更精准快速地为您匹配对接项目，主页信息越完善，就越容易被企业方预约，系统派单率越高<br/>
      Q:平台如何保护个人信息隐私？<br/>
      A:添加个人介绍、项目经历等信息后，您可以在个人主页“<b>设置主页信息</b>”功能，设置主页访问密码，或选择隐藏部分信息的展示<br/>
    </p>
  </div>
</template>

<script>
export default {
  head: {},
  components: {},
  data() {
    return {
      userInfo: {}
    };
  },
  computed: {},
  async mounted() {
    // realname_re, 1是待审核，2已签约，3是拒绝
    this.userInfo = await this.getUserInfo();
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.intro {
  padding: 13px 20px;
  font-size: 22px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: rgba(34, 34, 34, 1);
  line-height: 30px;
  h3 {
    padding: 12px 0 25px;
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(34, 34, 34, 1);
    line-height: 30px;
    text-align: center;
    border-bottom: 2px solid rgba(1, 1, 1, 0.06);
    .success {
      line-height: 30px;
    }
  }
  p {
    margin: 24px 0 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    line-height: 30px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    b {
      font-weight: 700 !important;
    }
  }
}
</style>