You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
3.8 KiB
155 lines
3.8 KiB
<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> |