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 | 78 ++++++++++-----------------------------
1 files changed, 20 insertions(+), 58 deletions(-)
diff --git a/src/views/personalCenter/userInfo.vue b/src/views/personalCenter/userInfo.vue
index 9d99205..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,21 +36,9 @@
<span class="change-info hover" @click="changeUserInfo('email')">{{
userStore?.userInfo?.Email ? '鏇存崲閭' : '缁戝畾閭'
}}</span>
- </div>
+ </div> -->
</div>
</div>
- <!-- <div class="content-item">
- <div class="item-title flex jc-sb">
- <span>鐢ㄦ埛绫诲瀷</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 class="content-item">
<div class="item-title flex jc-sb">
<span>鏁欏笀璁よ瘉</span>
@@ -73,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>
@@ -109,7 +85,7 @@
class="myDialogs"
@close="closeUserInfoDialog(userFormRef)"
>
- <div>
+ <div class="dialog-content">
<el-form
ref="userFormRef"
:model="userInfoForm"
@@ -161,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>
@@ -198,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
@@ -272,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 './teacherCertification.vue'
-import login from '@/layout/components/login.vue'
const userStore = useUserStore()
-import { useRoute } from 'vue-router'
import moment from 'moment'
-const route = useRoute()
const MG: any = inject('MG')
const config: any = inject('config')
@@ -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