From cf7e71c6d0fb64eeb6b5deac540da843b4bb465c Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期二, 26 八月 2025 10:41:52 +0800 Subject: [PATCH] 关于我们-理念与品牌文化 --- src/views/personalCenter/userInfo.vue | 144 +++++++++++++++++------------------------------ 1 files changed, 53 insertions(+), 91 deletions(-) diff --git a/src/views/personalCenter/userInfo.vue b/src/views/personalCenter/userInfo.vue index c4d4e9b..3f2c5c2 100644 --- a/src/views/personalCenter/userInfo.vue +++ b/src/views/personalCenter/userInfo.vue @@ -8,7 +8,7 @@ <div class="info-box flex"> <span class="label">鐢ㄦ埛鍚嶏細</span> <span class="text">{{ userStore?.userInfo.name }}</span> - <span class="change-info hover" @click="changeUserInfo('password')">淇敼瀵嗙爜</span> + <!-- <span class="change-info hover" @click="changeUserInfo('password')">淇敼瀵嗙爜</span> --> </div> <div class="info-box flex"> <span class="label">寰俊璁よ瘉:</span> @@ -28,7 +28,7 @@ userStore?.userInfo?.phoneNumber ? '鏇存崲鎵嬫満鍙�' : '缁戝畾' }}</span> </div> - <div class="info-box flex"> + <!-- <div class="info-box flex"> <span class="label">閭锛�</span> <span class="text">{{ userStore?.userInfo?.Email ? userStore.userInfo?.Email : '--' @@ -36,20 +36,7 @@ <span class="change-info hover" @click="changeUserInfo('email')">{{ userStore?.userInfo?.Email ? '鏇存崲閭' : '缁戝畾閭' }}</span> - </div> - </div> - </div> - <div class="content-item"> - <div class="item-title flex jc-sb"> - <span>鐢ㄦ埛绫诲瀷</span> - <!-- <span class="change-info hover" @click="userTypeDialog = true">淇敼</span> --> - <span class="change-info hover" @click="updateUserInfo()">淇敼</span> - </div> - <div class="item-box"> - <div class="info-box flex"> - <span class="label">鐢ㄦ埛绫诲瀷锛�</span> - <span class="text">{{ userInfo.userType }}</span> - </div> + </div> --> </div> </div> <div class="content-item"> @@ -74,24 +61,12 @@ <span class="text wait" v-if="teacherState == 'WaitAudit'">绛夊緟瀹℃牳</span> <span class="text yes" v-else-if="teacherState == 'Normal'">宸茶璇�</span> <span class="text no" v-else-if="teacherState == 'Reject'">宸查┏鍥�</span> - <span class="text wait" v-if="teacherState === ''">寰呰璇�</span> + <span class="text no" v-if="teacherState === ''">寰呰璇�</span> </div> <div v-if="teacherState == 'Reject'"> <span class="title">椹冲洖鍘熷洜</span> : <span @click="lookReason()" class="wait hover">鏌ョ湅鍘熷洜</span> </div> - </div> - </div> - </div> - <div class="content-item"> - <div class="item-title flex jc-sb"> - <span>鎴戠殑绉垎</span> - <span class="record hover" @click="recordDialog()">绉垎璁板綍</span> - </div> - <div class="item-box"> - <div class="info-box flex"> - <span class="label">绉垎锛�</span> - <span class="text">{{ userInfo.integral }}</span> </div> </div> </div> @@ -110,7 +85,7 @@ class="myDialogs" @close="closeUserInfoDialog(userFormRef)" > - <div> + <div class="dialog-content"> <el-form ref="userFormRef" :model="userInfoForm" @@ -162,22 +137,6 @@ </el-button> </div> </el-form-item> - <el-form-item label="鏂板瘑鐮侊細" prop="password" v-if="changeType == 'password'"> - <el-input - type="password" - v-model="userInfoForm.password" - autocomplete="off" - placeholder="璇疯緭鍏�8-16浣嶆柊瀵嗙爜,涓斾笉鑳戒负绾暟瀛�" - /> - </el-form-item> - <el-form-item label="纭瀵嗙爜锛�" prop="confirmPassword" v-if="changeType == 'password'"> - <el-input - type="password" - v-model="userInfoForm.confirmPassword" - autocomplete="off" - placeholder="璇疯緭鍏ョ‘璁ゅ瘑鐮�" - /> - </el-form-item> </el-form> </div> <template #footer> @@ -199,20 +158,20 @@ > <div> <div class="qrcodeBox"> - <!-- <wxlogin + <wxlogin :redirect_uri="wxLogin.redirectURL" style="width: 300px; height: 400px; margin: -40px auto 0; overflow: hidden" :appid="wxLogin.appid" :scope="wxLogin.scope" state="WeChatScanningCodeBind" > - </wxlogin> --> + </wxlogin> </div> <p class="tips">浣跨敤寰俊鎵竴鎵壂鎻忎簩缁寸爜杩涜缁戝畾</p> </div> </el-dialog> <!-- 鐢ㄦ埛绫诲瀷淇敼 --> - <login ref="loginRef"></login> + <!-- <login ref="loginRef"></login> --> <!-- 鏌ョ湅鍘熷洜 --> <el-dialog align-center @@ -273,19 +232,14 @@ <script setup lang="ts"> import { reactive, ref, inject, onMounted, watch } from 'vue' import type { FormInstance, FormRules } from 'element-plus' -// import verify from '@/components/sliderImg/component/verify.vue' -// import '@/components/sliderImg/sliderImg.js' -// import '@/components/sliderImg/sliderImg.css' +import verify from '@/components/sliderImg/component/verify.vue' +import '@/components/sliderImg/sliderImg.js' +import '@/components/sliderImg/sliderImg.css' import { ElMessage } from 'element-plus' -import tool from '@/assets/js/toolClass.js' -// import { useUserStore } from '@/store' -// import wxlogin from 'vue-wxlogin' -// import teacherCertification from '@/views/components/teacherCertification.vue' -// import login from '@/layout/components/login.vue' -// const userStore = useUserStore() -import { useRoute } from 'vue-router' +import { useUserStore } from '@/store' +import teacherCertification from './teacherCertification.vue' +const userStore = useUserStore() import moment from 'moment' -const route = useRoute() const MG: any = inject('MG') const config: any = inject('config') @@ -323,13 +277,13 @@ } } -// onMounted(() => { -// getWechatAuthenticationState() -// getIntegral() -// if (localStorage.getItem(config.tokenKey)) { -// getUserRole() -// } -// }) +onMounted(() => { + getWechatAuthenticationState() + getIntegral() + if (localStorage.getItem(config.tokenKey)) { + getUserRole() + } +}) // watch(route, () => { // bindWeChat() @@ -346,28 +300,29 @@ let changeType = ref('password') const imgCode = ref<string>() // 鍥惧舰楠岃瘉鐮乽rl let countDown = ref(0) -// function changeUserInfo(type) { -// changeType.value = type -// if (type == 'password') { -// if (userStore.userInfo?.phoneNumber) { -// getImgCapcha() -// userInfoDialog.value = true -// } else { -// ElMessage({ -// message: '淇敼瀵嗙爜闇�鐭俊楠岃瘉,璇风粦瀹氭墜鏈哄彿鍚庡啀淇敼瀵嗙爜锛�', -// type: 'warning' -// }) -// } -// } else { -// getImgCapcha() -// userInfoDialog.value = true -// } -// } -// const getImgCapcha = () => { -// MG.identity.getImgCode().then((res) => { -// imgCode.value = 'data:image/png;base64,' + res -// }) -// } + +const changeUserInfo = (type) => { + changeType.value = type + if (type == 'password') { + if (userStore.userInfo?.phoneNumber) { + getImgCapcha() + userInfoDialog.value = true + } else { + ElMessage({ + message: '淇敼瀵嗙爜闇�鐭俊楠岃瘉,璇风粦瀹氭墜鏈哄彿鍚庡啀淇敼瀵嗙爜锛�', + type: 'warning', + }) + } + } else { + getImgCapcha() + userInfoDialog.value = true + } +} +const getImgCapcha = () => { + MG.identity.getImgCode().then((res) => { + imgCode.value = 'data:image/png;base64,' + res + }) +} const userFormRef = ref<FormInstance>() const userInfoForm = reactive({ @@ -570,10 +525,11 @@ } //寰俊璁よ瘉 let wxLogin = reactive({ - appid: 'wx5cfe8b007a3c6f8c', + appid: 'wx2b9d4a6308fd03d6', scope: 'snsapi_login', - redirectURL: encodeURIComponent(config.requestCtx + '/home/#/personalCenter'), + redirectURL: encodeURIComponent(config.requestCtx + '/#/personalCenter'), }) +//鑾峰彇寰俊璁よ瘉鐘舵�� const getWechatAuthenticationState = () => { MG.identity.checkBuildingWeChat({}).then((res: any) => { if (res) { @@ -925,6 +881,7 @@ .change-info { color: #019e58; + font-size: 14px; } .record { @@ -1057,6 +1014,11 @@ .myDialogs { width: 628px; + .dialog-content { + padding: 20px 0; + box-sizing: border-box; + } + .el-dialog__header { padding: 15px; margin-right: 0; -- Gitblit v1.9.1