<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>
