158 lines
4.5 KiB
Vue
158 lines
4.5 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="detail-title" v-if="info.is_exist==1">
|
||
<view class="detail-title-text">参考估价 {{ info.eva_total_value }} 元</view>
|
||
<view class="detail-title-value">单价 {{ info.eva_unit_price }} 元/㎡</view>
|
||
</view>
|
||
<view class="detail-title" v-else>
|
||
<view class="detail-title-no-text">暂无评估结果</view>
|
||
<view class="detail-title-no-value">未查询到参考估价，请使用人工评估</view>
|
||
</view>
|
||
<view class="detail-list">
|
||
<view class="uni-list-cell">
|
||
<view class="uni-list-cell-left">
|
||
物业名称
|
||
</view>
|
||
<view class="uni-list-cell-db">
|
||
{{ info.building_name }}
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell">
|
||
<view class="uni-list-cell-left">
|
||
栋号
|
||
</view>
|
||
<view class="uni-list-cell-db">
|
||
{{ info.building_no }}
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell">
|
||
<view class="uni-list-cell-left">
|
||
房号
|
||
</view>
|
||
<view class="uni-list-cell-db">
|
||
{{ info.unit_no }}
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell">
|
||
<view class="uni-list-cell-left">
|
||
建筑面积（m²）
|
||
</view>
|
||
<view class="uni-list-cell-db">
|
||
{{ info.size }}
|
||
</view>
|
||
</view>
|
||
<view class="uni-list-cell">
|
||
<view class="uni-list-cell-left">
|
||
评估时间
|
||
</view>
|
||
<view class="uni-list-cell-db">
|
||
{{ info.eva_submit_datetime }}
|
||
</view>
|
||
</view>
|
||
|
||
<view class="uni-list-button">
|
||
<button
|
||
:loading="loading"
|
||
open-type=""
|
||
hover-class="button-hover"
|
||
style="color:#FF0033; background-color: #fff; border: 1px solid #FF0033;font-size:14px;"
|
||
@click="toMobile"
|
||
>
|
||
人工评估
|
||
</button>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
info: {}
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.info = JSON.parse(decodeURIComponent(options.info));
|
||
console.log("info",this.info);
|
||
},
|
||
methods: {
|
||
toMobile() {
|
||
uni.makePhoneCall({
|
||
phoneNumber: '075583279666', //仅为示例
|
||
success: function () {
|
||
console.log('拨打电话成功');
|
||
},
|
||
fail: function () {
|
||
console.log('拨打电话失败');
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
.container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: #f5f5f5;
|
||
}
|
||
.uni-popup-mask {
|
||
height: 1px;
|
||
}
|
||
/* 将 mask 演示为浅蓝色 */
|
||
.uni-popup-mask::before {
|
||
background-color: #e6f1ff;
|
||
}
|
||
.uni-list-cell {
|
||
line-height: 90rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.detail-title{
|
||
background-color: #fff;
|
||
width: 100%;
|
||
height: 200rpx;
|
||
padding: 20rpx;
|
||
}
|
||
.detail-list{
|
||
margin-top: 20rpx;
|
||
background-color: #fff;
|
||
width: 100%;
|
||
height: 80vh;
|
||
padding: 20rpx;
|
||
}
|
||
.uni-list-cell-db{
|
||
text-align: right;
|
||
padding-left: 20rpx;
|
||
padding-right: 20rpx;
|
||
}
|
||
.detail-title-text{
|
||
font-size: 40rpx;
|
||
color:#007aff;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
}
|
||
.detail-title-value{
|
||
text-align: center;
|
||
margin-top: 40rpx;
|
||
}
|
||
.detail-title-no-text{
|
||
font-size: 40rpx;
|
||
color:#ff4804;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
}
|
||
.detail-title-no-value{
|
||
text-align: center;
|
||
margin-top: 40rpx;
|
||
}
|
||
.uni-list-button{
|
||
margin-top: 100rpx;
|
||
padding: 20rpx;
|
||
}
|
||
</style>
|