<template>

  <view class="head-background">
    <image mode="widthFix" :src="staticImage.bg" class="img" width="100%"/>
  </view>
  <u-navbar
      :title="title"
      :auto-back="true"
      left-icon-size="40rpx"
      :safe-area-inset-top="true"
      :placeholder="true"
      bgColor="transparent"
  ></u-navbar>
  <view class="body-background row">
    <view class="done-container row">
      <view class="image col-12 row">
        <u-image mode="aspectFill" class="img" :src="staticImage.orderDone" height="250" width="250"></u-image>
      </view>
      <view class="title col-12 row">
        <u-text :text="content" color="#020B18" size="36" mode="name" lineHeight="50" align="center"></u-text>
      </view>
      <view class="desc col-12 row" style="justify-content: center;">
        <view style="font-size:28rpx;color:#AFB5BE;line-height:50rpx;text-align: center;text-indent:0;" v-if="type === 'advisor'">
          <text>
            {{desc1}}
          </text>
          <text style="color:#FF9545;">
            {{desc2}}
          </text>
          <text>
            {{desc3}}
          </text>
        </view>
<!--        <u-text :text="desc" color="#AFB5BE" size="28" mode="name" lineHeight="50" align="center"></u-text>-->
      </view>
      <view class="button col-12 row">

        <view class="button-group">
          <view class="button" style="margin-bottom: 20rpx;">
            <u-button
                @click="goHome"
                type="primary"
                text="确认"
                shape="circle"
                :custom-style="{
              color:'#020B18',
              backgroundColor:'#FF9545',
              border:'none',
              fontSize:'36',
              fontWeight:'400',
              height:'80rpx',
              width:'360rpx'
            }"
            ></u-button>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import api from "@/utils/functions.js";
import {roomDetail} from "@/api/shop";
import {imghost} from "@/config/host";

export default {
  computed: {},
  components: {},
  data() {
    return {
      title: '留言成功',
      content: '',
      desc1: '',
      desc2: '',
      desc3: '',
      size: {
        height: 0
      },
      detail: {},
      staticImage: {
        bg: imghost + '/BG.png',
        orderDone: imghost + '/order-done.png',

      },
      type: '',
      order_item_id: undefined,
    }
  },
  onLoad(option) {
    // this.getDetail(option.id)
    this.type = option.type ? option.type : 'people';
    this.content = '留言成功！';
    this.desc1 = '您给顾问的留言已提交成功 \n 顾问看到后会及时回复 \n 请在';
    this.desc2 = '个人中心';
    this.desc3 = '查看留言进度';

  },
  onReady() {
    let that = this;
    let height = api.wxSystemInfo().system.windowHeight
    let headerHeight = uni.$u.getPx(44) + uni.$u.sys().statusBarHeight

    let info = uni.createSelectorQuery().in(this);
    info.select('.foot-button').boundingClientRect(function (data) {

    }).exec(function (res) {
    });
    info.select('.address-height').boundingClientRect(function (data) {

    }).exec(function (res) {
      let otherHeight = 0;
      res.forEach((item, index) => {
        otherHeight += item.height;
      });
      that.size.height = height - headerHeight - otherHeight - uni.$u.getPx('72rpx');
    });
  },
  methods: {
    navTo(url) {
      uni.navigateTo({
        url: url
      })
    },
    getDetail(id) {
      roomDetail({
        house_id: id
      }).then(res => {
        console.log(res.data)
        this.detail = res.data;
      });
    },
    goHome() {
      wx.reLaunch({
        url: '/pages/Index/index'
      });
    },
    submit() {
    },
  },
  onPageScroll(res) {

  },
  created() {

  },
  mounted() {

  },
}
</script>

<style lang="scss">
@import './components/done.scss';
</style>