From 9cad6a832c786989be620573b09badccfe7e3b51 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 25 八月 2025 15:11:37 +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