<template>
  <view class="success_page">
    <view class="success_header">
      <uni-icons type="checkbox-filled" size="50" color="#0082fa"></uni-icons> <text>提交成功</text>
    </view>
    <view class="success_des">
      <view>
        已给产权人发送审核申请 <br />
        请您同步提醒产权人进行审核操作
      </view>
      <view> 产权人信息可点击前往<text>【房屋管理】</text>查看 </view>
    </view>

    <view class="success_fooer">
      <hs-button label="继续绑定房屋" @click="handleGoToHouse()" type="primary" size="md" />
      <view class="last_btn">
        <hs-button label="返回" @click="handleExitMiniProgram()" type="display" size="md" />
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
const formData = ref<any>({})
const handleGoToHouse = () => {
  uni.reLaunch({
    url: `/CUSTOMER/house_select/index?name=${formData.value?.name}&phone=${formData.value?.phone}`
  })
}

const handleExitMiniProgram = () => {
  uni.exitMiniProgram()
}
onLoad(e => {
  formData.value = e
})
</script>

<style lang="scss" scoped>
.success_page {
  width: 100%;
  height: 100vh;
  background: linear-gradient(180deg, #d8e7ff 0%, rgba(255, 255, 255, 0) 400rpx);

  .success_header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44rpx;
    color: #333;
    padding: 280rpx 0 50rpx 0;
    font-weight: 500;

    text {
      padding-left: 10rpx;
    }
  }

  .success_des {
    font-size: 28rpx;
    color: #333;
    text-align: center;
    line-height: 65rpx;

    text {
      color: #0082fa;
    }
  }

  .success_fooer {
    text-align: center;
    padding: 40rpx 200rpx 0 200rpx;

    .last_btn {
      padding-top: 30rpx;
    }
  }
}
</style>
