WechatOwnerService/pages/index/authOwnerLog.vue
2024-03-25 17:17:08 +08:00

124 lines
3.5 KiB
Vue

<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 == '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 v-else 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:300upx
}
</style>