1

pages.json

@@ -340,6 +340,12 @@
 						"navigationBarTitleText": "绑定手机"
 					}
 				},
+				{
+					"path": "real_name_authentication/index",
+					"style": {
+						"navigationBarTitleText": "实名认证"
+					}
+				},
 				{
 					"path": "user_modify_phone/index",
 					"style": {

pages/user/index.vue

@@ -60,10 +60,7 @@
 						</view>
 					</view>
 					<view class="num-wrapper skeleton-rect">
-						<view class="num-item" >
+						
-							<text class="num">{{userInfo.member_value || 0}}</text>
-							<view class="txt">成长值</view>
-						</view>
 					</view>
 					<view class="num-wrapper skeleton-rect">
 						<view class="num-item" @click="goMenuPage('/pages/users/user_goods_collection/index')">
@@ -74,14 +71,19 @@
 							<text class="num">{{userInfo.total_collect_store || 0}}</text>
 							<view class="txt">关注店铺</view>
 						</view>
-						<view class="num-item" @click="goMenuPage('/pages/users/browsingHistory/index')">
+						<view class="num-item" >
-							<text class="num">{{userInfo.total_visit_product || 0}}</text>
+							<text class="num">{{userInfo.member_value || 0}}</text>
-							<view class="txt">浏览记录</view>
+							<view class="txt">成长值</view>
 						</view>
 						<view class="num-item" @click="goMenuPage('/pages/users/user_coupon/index')">
 							<text class="num">{{userInfo.total_coupon || 0}}</text>
 							<view class="txt">优惠券</view>
 						</view>
+						<view class="num-item" @click="goMenuPage('/pages/users/browsingHistory/index')">
+							<text class="num">{{userInfo.total_visit_product || 0}}</text>
+							<view class="txt">浏览记录</view>
+						</view>
+						
 					</view>
 					<view @click="goSvip" class="cardVipA acea-row row-between-wrapper" v-if="svip_switch_status == 1">
 						<image class="svip_user" :src="`${domain}/static/images/svip_user.png`"></image>
@@ -759,7 +761,7 @@ import { setTimeout } from 'timers';
 					margin: 30rpx 20rpx 0;
 					color: #fff;
 					.num-item {
-						width: 25%;
+						width: 20%;
 						text-align: center;
 						.num {
 							font-size: 42rpx;

pages/users/real_name_authentication/index.vue

@@ -0,0 +1,237 @@
+<template>
+	<view class="content">
+		<view class="title">
+			身份证信息
+		</view>
+		<view class="input-items">
+			<view class="item">
+				<text class="input-name">姓名</text>
+				<input type="text" placeholder="请输入姓名"/>
+			</view>
+			<view class="item">
+				<text class="input-name">身份证号码</text>
+				<input type="text" placeholder="请输入身份证号码"/>
+			</view>
+		</view>
+		<view class="title">
+			证件
+		</view>
+		<view class="photo-items">
+			<view class="photo-top">
+				<view class="real-left" v-if="image1.length==0" @click="uploadpic(image1)">
+					<image src="@/static/images/sfz1.png" mode=""></image>
+					<text>拍摄正面</text>
+				</view>
+				<view class="real-left" v-else>
+					<image :src="image1[0]" mode="" @click="getPhotoClickIdx(image1,0)"></image>
+					<text class='iconfont icon-guanbi1' @click.stop='DelPic(image1,0)'></text>
+				</view>
+				<view class="real-right" v-if="image2.length==0" @click.stop="uploadpic(image2)">
+					<image src="@/static/images/sfz2.png" mode=""></image>
+					<text>拍摄反面</text>
+				</view>
+				<view class="real-right" v-else>
+					<image :src="image2[0]" mode="" @click="getPhotoClickIdx(image2,0)"></image>
+					<text class='iconfont icon-guanbi1' @click='DelPic(image2,0)'></text>
+				</view>
+			</view>
+			<view class="tips-title">
+				拍摄须知
+			</view>
+			<view class="photo-bottom">
+				<view class="photo-item">
+					<image src="@/static/images/sfz3.png" mode=""></image>
+					<view class="text"><image src="@/static/images/success.png" mode=""></image> 拍摄标准</view>
+				</view>
+				<view class="photo-item">
+					<image src="@/static/images/sfz5.png" mode=""></image>
+					<view class="text"><image src="@/static/images/close.png" mode=""></image> 边框缺失</view>
+				</view>
+				<view class="photo-item">
+					<image src="@/static/images/sfz4.png" mode="" style="opacity: 0.7;"></image>
+					<view class="text"><image src="@/static/images/close.png" mode=""></image> 照片模糊</view>
+				</view>
+				<view class="photo-item">
+					<image src="@/static/images/sfz6.png" mode="" ></image>
+					<view class="text"><image src="@/static/images/close.png" mode=""></image> 闪光强烈</view>
+				</view>
+				
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return{
+				image1:[],
+				image2:[]
+			}
+		},
+		methods:{
+			/**
+			 * 上传文件
+			 *
+			 */
+			uploadpic(item) {
+				let that = this;
+				that.$util.uploadImageOne('upload/image', function(res) {
+					item.push(res.data.path);
+				});
+			},
+			/**
+			 * 删除图片
+			 *
+			 */
+			DelPic(item,index) {
+				let that = this,
+					pic = item[index];
+				item.splice(index, 1);
+			},
+			// 图片预览
+			// 获得相册 idx
+			getPhotoClickIdx(item,index) {
+				let _this = this;
+				let idx = index;
+				_this.imgPreview(item, idx);
+			},
+			// 图片预览
+			imgPreview(list, idx) {
+				// list：图片 url 数组
+				if (list && list.length > 0) {
+					uni.previewImage({
+						current: list[idx], //  传 Number H5端出现不兼容
+						urls: list
+					});
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.content{
+		width: 100%;
+		height: 100vh;
+		background: #f2f2f7;
+		.title{
+			padding-top: 40rpx;
+			padding-left: 28rpx;
+		}
+		.photo-items{
+			width: 100%;
+			background: white;
+			margin: 20rpx auto;
+			display: flex;
+			flex-direction: column;
+			grid-gap: 40rpx;
+			padding: 40rpx 60rpx;
+			.photo-top{
+				display: flex;
+				flex-direction: row;
+				grid-column-gap: 88rpx;
+				.real-left{
+					flex: 1;
+					width: 276rpx;
+					height: 240rpx;
+					position: relative;
+					image{
+						width: 100%;
+						height: 100%;
+					}
+					text{
+						color: white;
+						text-align: center;
+						position: relative;
+						bottom: 50rpx;
+						left: 80rpx;
+					}
+					.icon-guanbi1{
+						width: 40rpx;
+						height:40rpx;
+						font-size: 40rpx;
+						position: absolute;
+						top: 0rpx;
+						// right: -170rpx;
+						left: 236rpx;
+					}
+				}
+				.real-right{
+					flex: 1;
+					width: 276rpx;
+					height: 240rpx;
+					position: relative;
+					image{
+						width: 100%;
+						height: 100%;
+					}
+					text{
+						color: white;
+						text-align: center;
+						position: relative;
+						bottom: 50rpx;
+						left: 80rpx;
+					}
+					.icon-guanbi1{
+						width: 40rpx;
+						height:40rpx;
+						position: absolute;
+						top: 0rpx;
+						// right: -170rpx;
+						left: 236rpx;
+					}
+				}
+			}
+			.photo-bottom{
+				width: 100%;
+				background:#edf3ff;
+				padding: 26rpx 16rpx;
+				display: flex;
+				flex-direction: row;
+				grid-gap: 16rpx;
+				border-radius: 10rpx;
+				.photo-item{
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					image{
+						width: 140rpx;
+						height:88rpx;
+					}
+					.text{
+						margin-top: 20rpx;
+						image{
+							width: 20rpx;
+							height:20rpx;
+							margin:0 4rpx;
+						}
+					}
+				}
+				
+			}
+			.tips-title{
+				margin-top: 60rpx;
+			}
+		}
+		.input-items{
+			width: 100%;
+			background: white;
+			margin: 20rpx auto;
+			display: flex;
+			flex-direction: column;
+			grid-gap: 40rpx;
+			padding: 40rpx 60rpx;
+			.item{
+				display: flex;
+				flex-direction: row;
+				.input-name{
+					flex: 1;
+				}
+				input{
+					flex: 2;
+				}
+			}
+		}
+	}
+</style>

pages/users/user_info/index.vue

@@ -62,7 +62,7 @@
 					</view>
 					<view class='item acea-row row-between-wrapper'>
 						<view>实名认证</view>
-						<navigator url="/pages/users/user_phone/index" hover-class="none" class="input" v-if="userInfo.phone">
+						<navigator url="/pages/users/real_name_authentication/index" hover-class="none" class="input" v-if="true">
 							点击实名认证<text class="iconfont icon-xiangyou"></text>
 						</navigator>
 						<view class='input acea-row row-between-wrapper' v-else>