first commit

pgapp/pages/automatic/detail.vue

@@ -0,0 +1,157 @@
+<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>