<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-07 16:13:13
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-28 15:22:28
 * @FilePath: \mcep-h5\src\components\common\Bottom.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- <div> -->
  <div class="roolsolt">
    <div class="rarle">
      <tatle-bar :tatle="tatleName"></tatle-bar>
    </div>
    <div>
      <van-row class="frist">
        <van-col span="24"> <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-a-chenggong64x64px"></use>
          </svg>
        </van-col>
      </van-row>
      <van-row class="second">
        <van-col span="24">
          <span class="cent">您的产品意向申请已提交成功</span>
        </van-col>
      </van-row>
      <van-row class="third">
        <van-col span="24">
          <span class="centloding">请提前准备以下资料并配合客户经理进行线下调查，</span>
        </van-col>
        <van-col span="24" style="text-align:left">
          <span class="centloding">您可<a href="#" class="aherf"> 点击截图</a>将本页面保存至手机相册：</span>
        </van-col>
        <van-row v-for="(item, index) in tabbar" :key="index">
          <van-col span="23" class="linexl">
            {{ index + 1 }}、 {{ item.text }}
          </van-col>
        </van-row>
      </van-row>
      <van-row class="four">
        <van-col span="24">
          <van-button type="info" size="normal" style="width: 80%;" @click="quick()">首页</van-button>
        </van-col>
      </van-row>
    </div>
  </div>

</template>

<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
  name: "LinSuccess"
})
export default class LinSuccess extends Vue {
  //实名认证
  tatleName = "意向申请结果"
  checked: boolean = false;
  //人脸识别
  quick() {
    this.$router.push({
      name: "Mianview"
    })
  }
  //申请材料
  tabbar = [{
    text: "个人名下房产证"
  },
  {
    text: "个人名下房产证"
  }, {
    text: "个人名下房产证"
  },
  {
    text: "个人名下房产证"
  }, {
    text: "个人名下房产证"
  }]
}
</script>
<style scoped lang="scss">
.vbutton {
  border-radius: 4%;
}

.aherf {
  color: #349bfa;
}

.linexl {
  text-align: left;
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  margin-top: 8px;
}


.van-col--24 {
  text-align: center;
}

.van-col--23 {
  margin-left: 10px;
}

.icon {
  width: 60px;
  height: 60px;
}

.centloding {
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  letter-spacing: normal;
  color: #999999;
}

.cent {
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: normal;
  color: #333333;
}

.info {
  width: 90%;
  margin: 6% auto;
}

.frist {
  margin-top: 8%;
}

.second {
  margin-top: 8%;
}

.third {
  margin-left: 4%;
  width: 90%;
  margin-top: 10px;
  background-color: rgba(245, 247, 250, 1);
  border: none;
  border-radius: 6px;
  -moz-box-shadow: none
}

.four {
  margin-top: 5%;
}
</style>