<template>
  <div class="container">
    <div class="cul-hd">
      <div class="cul-hd-rec">
        <h4 class="cul-hd-rec-title">聘请成功</h4>
        <small class="cul-hd-rec-sub">立刻开始填写问卷吧</small>
      </div>
      <card title="1" footer="1">
        <h5 class="cul-hd-card-title" slot="header">
          仅需一步
          <br />
          开启顾问服务，定制保险方案
        </h5>
        <div class="cul-hd-card-body">
          <div class="cul-process">
            <div class="cul-process-item" v-for="(item, index) in processList" :key="index">
              <svg-icon :icon-class="item.icon" />
              <p>{{ item.sub }}</p>
            </div>
          </div>
          <div class="cul-tip">
            为了给您提供更精准的保险定制服务，请花1分钟填写问卷，让顾问更了解您。
          </div>
        </div>
        <cr-button type="warning" size="large" block slot="footer" @click="startQuestion">
          开始填写问卷
        </cr-button>
      </card>
    </div>
  </div>
</template>

<script>
import Card from "@/components/Card";
export default {
  name: "ConsultantSuccess",
  components: {
    Card
  },
  data() {
    return {
      processList: [
        { icon: "package-active", sub: "聘请成功", active: true },
        { icon: "page", sub: "完成问卷" },
        { icon: "flag", sub: "顾问服务" }
      ]
    };
  },
  mounted() {},
  methods: {
    startQuestion() {
      this.$parent.changeQuestion();
    }
  }
};
</script>
<style lang="less" src="./index.less" scoped></style>
