完成大体功能和样式

2026-03-07 17:32:25 +08:00 · 2026-01-15 17:18:24 +08:00
parent 036eb3a206
commit 44a4b33502
211 changed files with 5480 additions and 7826 deletions
--- a/pages-biz/profile/profile.vue
+++ b/pages-biz/profile/profile.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="u-m-20">
+		<u-navbar :is-back="true" title="账号实名信息" :border-bottom="false"></u-navbar>
+		<view>
+			<!-- 	<u-cell-group>
+				<u-cell-item title="头像" :arrow="false" hover-class="none" @click="updateAvatar">
+					<u-avatar :src="pic" size="100"></u-avatar>
+				</u-cell-item>
+			</u-cell-group> -->
+			<!-- 	<u-cell-group>
+				<u-cell-item title="昵称" :arrow="false" hover-class="none" @click="updateName">
+					{{vuex_user.user.nickName}}
+				</u-cell-item>
+			</u-cell-group> -->
+			<u-cell-group>
+				<u-cell-item :title="getTitle" :arrow="false" hover-class="none" @click="updateName">
+					{{(cardNo == null ? orgNo : cardNo) || ''}}
+				</u-cell-item>
+			</u-cell-group>
+		</view>
+
+		<u-modal v-model="showModel" @confirm="confirmAuthCode" ref="uModal" :async-close="true"
+			:title="'设置' + getTitle">
+			<view class="slot-content">
+				<u-input v-model="authCode" type="text" :border="false" :placeholder="'请输入' + getTitle" />
+			</view>
+		</u-modal>
+
+		<!-- <view class="u-m-t-20">
+			<u-button type="primary" @click="subProfile">提交</u-button>
+		</view> -->
+
+		<!-- 如果是微信登录小程序，则获取用户的昵称与头像 -->
+		<!-- #ifdef MP-WEIXIN -->
+		<!-- <u-button type="default">使用微信头像与昵称</u-button> -->
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	import config from "@/common/config.js" // 全局配置文件
+	import {
+		rsaEncrypt
+	} from "@/common/utils/ras.js"
+	export default {
+		data() {
+			return {
+				user: {
+					userType: null,
+					oaAuth: null,
+					cusNo: null,
+					userName: null,
+					openId: null
+				},
+				pic: null,
+				authCode: '',
+				showModel: false,
+				cardNo: null,
+				orgNo: null
+			}
+		},
+		onLoad(options) {
+			let userVo = uni.getStorageSync('userInfo');
+			this.user = userVo;
+		},
+		methods: {
+			updateName() {
+				this.showModel = true;
+			},
+			// 简单身份证校验（18 位）
+			checkIdCard(code) {
+				return /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/.test(
+					code
+				);
+			},
+			// 统一社会信用代码校验（18 位）
+			checkCreditCode(code) {
+				return /^[0-9A-Z]{18}$/.test(code);
+			},
+			confirmAuthCode() {
+				let loginType = this.user.userType
+				if (!this.authCode) {
+					this.showModel = false;
+					return this.$mytip.toast(loginType === '0' ? '请输入身份证号' : '请输入组织社会信用代码')
+				}
+				// 身份证校验
+				if (this.loginType === '0' && !this.checkIdCard(this.authCode)) {
+					uni.showToast({
+						title: '身份证号格式不正确',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 企业社会信用代码校验
+				if (this.loginType === '1' && !this.checkCreditCode(this.authCode)) {
+					uni.showToast({
+						title: '社会信用代码格式不正确',
+						icon: 'none'
+					});
+					return;
+				}
+				let life = uni.getStorageSync('lifeData') || {}
+				let token = life.vuex_token
+				let url = "/login/updateVerifyCode";
+				let encryptCode = rsaEncrypt(this.authCode);
+				this.$u.post(url, {
+					userType: loginType,
+					code: loginType === '0' ? encryptCode : this.authCode
+				}, {
+					'WT': token
+				}).then(obj => {
+					if (obj.flag) {
+						if (loginType === '0') {
+							this.cardNo = encryptCode
+							this.cardNo = this.applyMask(this.authCode)
+						} else {
+							this.orgNo = this.authCode
+						}
+						this.showModel = false;
+						this.$mytip.toast('修改成功');
+						this.getUserProfile();
+						uni.switchTab({
+							url: '/pages/center/center'
+						})
+					} else {
+						this.$mytip.toast('修改失败');
+					}
+				});
+
+			},
+			applyMask(idCard) {
+				if (idCard.length !== 18) return idCard; // 非18位直接返回
+				return idCard.replace(/(\d{6})(\d{8})(\d{4})/, '$1********$2****');
+			},
+			updateAvatar() {
+				this.$u.route('/pages-biz/profile/avatar')
+			},
+			subProfile() {
+				// 1.更新vuex中的用户信息
+				this.$mytip.toast('修改成功')
+				// 2.页面跳转
+
+			},
+			getUserProfile() {
+				// 如果是微信登录小程序，则获取用户的昵称与头像
+				// #ifdef MP-WEIXIN
+				// 此处执行微信才执行
+				// #endif
+				let token = this.$getToken();
+				let loginType = this.user.userType
+				let url = `/login/userInfo?loginType=${loginType}`;
+				this.$u.get(url, {}, {
+					'WT': token
+				}).then(obj => {
+					uni.setStorageSync('userInfo', {
+						userType: obj.data.userType,
+						oaAuth: obj.data.oaAuth,
+						cusNo: obj.data.cusNo,
+						userName: obj.data.userName,
+						openId: obj.data.openId
+					})
+				});
+			}
+		},
+		computed: {
+			getTitle() {
+				return this.user.userType === '0' ?
+					'身份证号' :
+					'企业社会信用代码'
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.slot-content {
+		padding: 40rpx;
+	}
+</style>