proginn-frontend/pages/frontend/skill_cert/resume_improve.vue

<template>
  <div class="container">
    <skillCertHeader title="技术等级认证"></skillCertHeader>
    <flow :dataList="flowList"></flow>
    <div class="page-content">
      <p class="tips col1">
        1、<a :href="`/wo/${userinfo.uid}`" target="view_window">完善简历</a>，有助于面试官快速了解你哦
      </p>
      <p class="tips">2、填写可面试时间</p>
      <el-input class="input" type="textarea" placeholder="请输入..." :autosize="{ minRows: 8}"
                v-model="memo"></el-input>
      <el-button class="submit" type="primary" @click="submit">确认提交</el-button>
      <p class="bottom-tips">* 点击提交后，工作人员将和您确认时间并为您对接面试官</p>
    </div>
  </div>
</template>

<script>
  import flow from "@/components/flow/flow";
  import skillCertHeader from "@/components/skill_cert_header/skill_cert_header";

  export default {
    name: "resume_improve",
    components: {
      flow, skillCertHeader
    },
    data() {
      return {
        flowList: [
          {
            active: true,
            label: '基础信息'
          }, {
            active: true,
            label: '完善简历'
          }, {
            active: false,
            label: '对接面试官'
          }, {
            active: false,
            label: '开始面试'
          }, {
            active: false,
            label: '结束认证'
          },
        ],
        memo: ''
      }
    },
    methods: {
      submit() {
        this.$axios.$post(`uapi/cert/memo`, {memo: this.memo}).then((value) => {
          this.$router.push(`/frontend/skill_cert/ready_interview`);
        });
      }
    }
  }
</script>

<style lang="scss" scoped>
  .container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    margin: 10px auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 0 85px;
    @media(max-width: 768px) {
      padding: 0 15px;
    }
    box-sizing: border-box;

    .page-content {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 0 161px;
      @media(max-width: 768px) {
        padding: 0;
      }

      .tips {
        width: 100%;
        font-size: 16px;
        font-family: PingFangSC, PingFangSC-Regular, sans-serif;
        font-weight: 400;
        text-align: left;
        color: #222222;
        line-height: 22px;
        margin-top: 20px;
      }

      .col1 {
        margin-top: 57px;
      }

      .input {
        margin-top: 17px;
      }

      .submit {
        width: 100%;
        height: 51px;
        margin-top: 17px;
      }

      .bottom-tips {
        width: 100%;
        margin-top: 12px;
        margin-bottom: 85px;
        font-size: 14px;
        font-family: PingFangSC, PingFangSC-Regular, sans-serif;
        font-weight: 400;
        color: #919aa7;
        line-height: 14px;
      }
    }
  }
</style>