jialh
2025-08-20 2d2756dc0e61ed8cd38c2796daf5cacdfdd49bf2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<template>
    <view>
        <view  class="block__title">房屋认证</view>
        <view v-if="appUsers && appUsers.length>0">
            <view v-for="(item,index) in appUsers" :key="index" class="bg-white margin-bottom margin-right-xs radius margin-left-xs padding padding-bottom-xs">
                <view class="flex padding-bottom-xs solid-bottom justify-between">
                    <view>{{item.roomName || '-'}}</view>
                    <view class="text-red" v-if="item.state == '10000'">待审核</view>
                    <view class="text-red" v-else-if="item.state == '11000'">待认证</view>
                    <view class="text-red" v-else-if="item.state == '12000'">认证完成</view>
                    <view class="text-red" v-else-if="item.state == '13000'">认证失败</view>
                    <view class="text-red" v-else>未知状态</view>
                </view>
                <view class="flex margin-top-xs justify-between">
                    <view class="text-gray">审核说明</view>
                    <view class="text-gray">{{item.remark || '无'}}</view>
                </view>
                <view class="flex margin-top-xs justify-between">
                    <view class="text-gray">人员名称</view>
                    <view class="text-gray">{{item.appUserName}}</view>
                </view>
                <view class="flex margin-top-xs justify-between">
                    <view class="text-gray">人员类型</view>
                    <view class="text-gray" v-if="item.ownerTypeCd == '1001'">业主</view>
                    <view class="text-gray" v-else-if="item.ownerTypeCd == '1002'">家庭成员</view>
                    <view class="text-gray" v-else-if="item.ownerTypeCd == '1003'">租客</view>
                    <view class="text-gray" v-else>其他</view>
                </view>
                <view class="flex margin-top-xs justify-between">
                    <view class="text-gray">手机号</view>
                    <view class="text-gray">{{item.link}}</view>
                </view>
                <view class="flex margin-top-xs justify-between">
                    <view class="text-gray">申请时间</view>
                    <view class="text-gray">{{item.createTime}}</view>
                </view>
                <view class="flex margin-top-xs justify-between">
                    <view class="text-gray">小区</view>
                    <view class="text-gray">{{item.communityName}}</view>
                </view>
                <view class="flex margin-top-xs justify-between" v-if="item.state == '10000'">
                    <view class="text-gray"></view>
                    <view class="text-gray">
                        <button class="cu-btn bg-red margin-tb-sm sm" @click="_deleteAuthOwner(item)">删除认证</button>
                    </view>
                </view>
            </view>
        </view>
        <view  class="text-center to-auth" >
            <button class="cu-btn bg-blue margin-tb-sm lg" @click="_toAuthOwner()">去认证</button>
        </view>
 
    </view>
</template>
 
<script>
    import {queryAuthOwnerLog,deleteAuthOwner} from '../../api/owner/ownerApi.js';
    export default {
        data() {
            return {
                appUsers:[{}]
            }
        },
        /**
         * 生命周期函数--监听页面加载
         */
        onLoad: function(options) {
            this._loadAppUser();
        },
        methods: {
            _loadAppUser: function() {
                let _that =this;
                queryAuthOwnerLog({
                    page:1,
                    row:30
                }).then(_data=>{
                    _that.appUsers = _data.data
                })
            },
            _toAuthOwner:function(){
                uni.navigateTo({
                    url:'/pages/index/authOwner'
                })
            },
            _deleteAuthOwner:function(_app){
                let _that =this;
                deleteAuthOwner({
                    appUserId:_app.appUserId
                }).then(_data=>{
                    _that._loadAppUser();
                })
            }
        }
    }
</script>
 
<style>
    .solid-bottom::after {
        border-bottom: 2upx solid rgba(0, 0, 0, 0.1);
    }
 
    .ppf_item {
        padding: 0rpx 0rpx 0rpx 0rpx;
    }
 
    .block__title {
        margin: 0;
        font-weight: 400;
        font-size: 14px;
        color: rgba(69, 90, 100, .6);
        padding: 40rpx 30rpx 20rpx;
    }
 
    .button_up_blank {
        height: 40rpx;
    }
 
    .block__bottom {
        height: 180rpx;
    }
    .to-auth{
        margin-top:20upx
    }
</style>