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-if="this.userInfo.realname_re == '3'" 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;
        }
    }

}

.resign {
    margin-left: 10px;
}
</style>