zhapp/pages/my/identityInfo.vue

<template>
	<view class="page">
		<uni-Cell :celllist="celllist" :leftStyle="{fontSize:'30rpx'}">
			<template #customContent="{ item }">
				<view class="dis a-c j-c" v-if="item.title=='实名认证状态'">
					<text>{{dataInfo.name}}</text>
					<view class="authtag">
						{{userInfo.sysUser.authStatus==0?'未认证':userInfo.sysUser.authStatus==1?'已认证':'认证驳回'}}
					</view>
				</view>
			</template>
		</uni-Cell>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from "vuex"
	export default {
		data() {
			return {
				dataInfo: {},
			}
		},
		onShow() {

		},
		async onLoad() {
			await this.authenticateInfoQuery();
		},
		computed: {
			...mapState(['userInfo']),
			celllist() {
				return [{
						title: "实名认证状态",
						url: "/pages/set/set",
						rightIcon: false,
						useSlot: true,
					},
					{
						title: "姓名",
						url: "/pages/quote/quoteInfo",
						value: this.dataInfo.name,
						rightIcon: false,
					},
					{
						title: "身份证号",
						rightIcon: false,
						value: this.dataInfo.identity,

					}, {
						title: "手机号",
						value: this.dataInfo.mobile,
						rightIcon: false,
					},
					{
						title: "证件照片",
						url: "/pages/my/idPhoto?list=" + encodeURIComponent(JSON.stringify(this.dataInfo
							.fileList)),
						clickType: 'navigate',
					},
					{
						title: "展业资格证",
						url: "/pages/my/businessLicense?list=" + encodeURIComponent(JSON.stringify(this.dataInfo
							.fileList)),
						clickType: 'navigate',
					}
				]
			}
		},
		methods: {
			//认证信息查询
			async authenticateInfoQuery() {
				let res = await this.$http.get('/appUser/authInfoGet?id=' + this.userInfo.sysUser.id)
				if (res.code == 200) {
					this.dataInfo = res.data;
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {

		background-color: #F8F8F8;

		height: 100vh;

	}

	//身份标签
	.authtag {
		padding: 2rpx 8rpx;
		box-sizing: border-box;
		background: linear-gradient(270deg, #FDE935 0%, #F1FF91 100%);
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		font-size: 22rpx;
		color: #333;
		margin-left: 16rpx;
	}
</style>