<template>
|
<div class="personalPage-box">
|
<div class="personalPage-title">账户信息</div>
|
<div class="personalPage-content">
|
<div class="content-item">
|
<div class="item-title">基础信息</div>
|
<div class="item-box">
|
<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
|
>
|
</div>
|
<div class="info-box flex">
|
<span class="label">微信认证:</span>
|
<span class="text no" v-if="!weChatState">未认证</span>
|
<span class="text yes" v-else>已认证</span>
|
<span class="change-info hover" v-if="!weChatState" @click="goBindWeChat()"
|
>立即认证</span
|
>
|
</div>
|
<div class="info-box flex">
|
<span class="label">绑定手机号：</span>
|
<span class="text" v-if="userStore?.userInfo?.phoneNumber">{{
|
userStore?.userInfo?.phoneNumber
|
}}</span>
|
<span class="text no" v-else>未绑定</span>
|
<span class="change-info hover" @click="changeUserInfo('phone')">{{
|
userStore?.userInfo?.phoneNumber ? "更换手机号" : "绑定"
|
}}</span>
|
</div>
|
<div class="info-box flex">
|
<span class="label">邮箱：</span>
|
<span class="text">{{
|
userStore?.userInfo?.Email ? userStore.userInfo?.Email : "--"
|
}}</span>
|
<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 class="content-item">
|
<div class="item-title flex jc-sb">
|
<span>教师认证</span>
|
<div>
|
<span
|
class="change-info hover"
|
v-if="teacherState == ''"
|
@click="showTeacherDialog()"
|
>认证</span
|
>
|
<span
|
class="change-info hover"
|
@click="showTeacherDialog()"
|
v-if="teacherState == 'Normal' || teacherState == 'Reject'"
|
>修改</span
|
>
|
</div>
|
</div>
|
<div class="item-box">
|
<div class="info-box flex">
|
<span class="label">认证状态：</span>
|
<div class="text">
|
<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>
|
</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>
|
</div>
|
<!-- 修改密码/手机号/邮箱 -->
|
<el-dialog
|
@open="openChangePassword"
|
align-center
|
:close-on-click-modal="false"
|
destroy-on-close
|
v-model="userInfoDialog"
|
:title="
|
changeType == 'email'
|
? '更换邮箱'
|
: changeType == 'password'
|
? '修改密码'
|
: '更换手机号'
|
"
|
width="500"
|
class="myDialogs"
|
@close="closeUserInfoDialog(userFormRef)"
|
>
|
<div>
|
<el-form
|
ref="userFormRef"
|
:model="userInfoForm"
|
:rules="userFormRules"
|
label-width="140px"
|
class="userInfo"
|
status-icon
|
>
|
<el-form-item label="手机号：" prop="phone" v-if="changeType != 'email'">
|
<el-input
|
v-model="userInfoForm.phone"
|
autocomplete="off"
|
placeholder="请输入手机号"
|
:disabled="changeType == 'password'"
|
/>
|
</el-form-item>
|
<el-form-item label="邮箱：" prop="email" v-if="changeType == 'email'">
|
<el-input
|
v-model="userInfoForm.email"
|
autocomplete="off"
|
placeholder="请输入邮箱"
|
:disabled="formDisabled"
|
/>
|
</el-form-item>
|
<el-form-item
|
:label="changeType == 'email' ? '邮箱验证码：' : '短信验证码：'"
|
prop="code"
|
>
|
<el-input
|
v-model="userInfoForm.code"
|
autocomplete="off"
|
class="code-input"
|
placeholder="请输入验证码"
|
/>
|
<div class="code">
|
<el-button
|
type="primary"
|
class="btn"
|
@click="getVerifyCode()"
|
:disabled="countDown > 0"
|
>
|
{{
|
countDown > 0
|
? "验证码(" + countDown + "s)"
|
: changeType == "email"
|
? "获取邮箱验证码"
|
: "获取短信验证码"
|
}}
|
</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>
|
<span class="myDialogs-footer">
|
<el-button @click="closeUserInfoDialog(userFormRef)">取消</el-button>
|
<el-button
|
type="primary"
|
@click="confirmInfo(userFormRef)"
|
:loading="subLoading"
|
>
|
确定
|
</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
<!-- 微信认证 -->
|
<el-dialog
|
align-center
|
:close-on-click-modal="false"
|
v-model="weChartDialog"
|
title="微信认证"
|
class="myDialogs"
|
>
|
<div>
|
<div class="qrcodeBox">
|
<!-- <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> -->
|
</div>
|
<p class="tips">使用微信扫一扫扫描二维码进行绑定</p>
|
</div>
|
</el-dialog>
|
<!-- 用户类型修改 -->
|
<login ref="loginRef"></login>
|
<!-- 查看原因 -->
|
<el-dialog
|
align-center
|
:close-on-click-modal="false"
|
v-model="dialogReason"
|
title="驳回原因"
|
class="myDialogs"
|
>
|
<div class="reason" v-if="reasonTxt">
|
{{ reasonTxt }}
|
</div>
|
<div v-else>无</div>
|
</el-dialog>
|
<!-- 积分记录 -->
|
<el-dialog
|
align-center
|
:close-on-click-modal="false"
|
v-model="integralRecord.recordDialog"
|
title="积分记录"
|
class="myDialogs"
|
>
|
<div class="recordTableBox">
|
<ul class="recordTable">
|
<li class="head">
|
<span class="label">类型</span>
|
<span class="value">数量</span>
|
<span>时间</span>
|
</li>
|
<li v-for="item in integralRecord.recordList" :key="item.key" class="body">
|
<span class="label">{{ item.type }}</span>
|
<span class="value" :class="item.value > 0 ? 'yes' : 'no'">{{
|
item.value > 0 ? "+" + item.value : item.value
|
}}</span>
|
<span>{{ item.createDate ? item.createDate : "-" }}</span>
|
</li>
|
<li class="total" v-if="integralRecord.recordList.length > 0">
|
<span class="label">总计</span>
|
<span class="value">{{ userInfo.integral }}</span>
|
</li>
|
<li v-if="integralRecord.recordList.length == 0" class="noData">无积分记录</li>
|
</ul>
|
</div>
|
</el-dialog>
|
<teacherCertification :isShow="teacherDialog" @dialog-Change="dialogChange" />
|
<!-- 滑动验证 -->
|
<el-dialog
|
v-model="sliderImgDialogVisable"
|
align-center
|
destroy-on-close="true"
|
width="420"
|
class="sliderImgDialog"
|
>
|
<verify :MG="MG" @loginImgVerify="loginImgVerify" />
|
</el-dialog>
|
</div>
|
</template>
|
|
<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 { 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");
|
|
const validatePhone = (rule: any, value: any, callback: any) => {
|
if (value === "") {
|
callback(new Error("请输入联系电话"));
|
} else {
|
if (!config.reg_tel.test(value)) {
|
callback(new Error("请输入正确格式的电话"));
|
}
|
callback();
|
}
|
};
|
const validateEmail = (rule: any, value: any, callback: any) => {
|
let myreg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
|
if (value === "") {
|
callback(new Error("请输入电子邮箱"));
|
} else {
|
if (!myreg.test(value)) {
|
callback(new Error("请输入正确格式的电子邮箱"));
|
}
|
callback();
|
}
|
};
|
|
const validatePassword = (rule: any, value: any, callback: any) => {
|
let myreg = /^(?!^\d+$)(?!^[a-zA-Z]+$)(?!^\W+$)[a-zA-Z\d\W]{8,16}$/;
|
if (value === "") {
|
callback(new Error("请输入密码"));
|
} else {
|
if (!myreg.test(value)) {
|
callback(new Error("请输入正确格式的密码，8-16位,且不能为纯数字"));
|
}
|
callback();
|
}
|
};
|
|
onMounted(() => {
|
getWechatAuthenticationState();
|
getIntegral();
|
if (localStorage.getItem(config.tokenKey)) {
|
getUserRole();
|
}
|
});
|
|
// watch(route, () => {
|
// bindWeChat()
|
// })
|
let subLoading = ref(false);
|
//用户信息
|
let weChatState = ref(false);
|
const userInfo = reactive({
|
userType: "",
|
integral: 0,
|
});
|
//基础信息
|
const userInfoDialog = ref(false);
|
let changeType = ref("password");
|
const imgCode = ref<string>(); // 图形验证码url
|
let countDown = ref(0);
|
|
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({
|
phone: "",
|
email: "",
|
captcha: "",
|
code: "",
|
password: "",
|
confirmPassword: "",
|
});
|
const formDisabled = ref(false);
|
const userFormRules = reactive<FormRules<userInfoForm>>({
|
phone: [{ required: true, validator: validatePhone, trigger: "blur" }],
|
email: [{ required: true, validator: validateEmail, trigger: "blur" }],
|
captcha: [
|
{ required: true, message: "图形验证码不能为空", trigger: "blur" },
|
{ min: 4, max: 4, message: "请输入 4 位验证码", trigger: "blur" },
|
],
|
code: [{ required: true, message: "验证码不能为空", trigger: "blur" }],
|
password: [{ required: true, validator: validatePassword, trigger: "blur" }],
|
confirmPassword: [{ required: true, message: "确认密码不能为空", trigger: "blur" }],
|
});
|
|
const getVerifyCode = async () => {
|
sliderImgDialogVisable.value = true;
|
};
|
|
// 验证码倒计时
|
function getSecond(time: number) {
|
let timer: ReturnType<typeof setInterval> | null = null;
|
if (!timer) {
|
countDown.value = time;
|
timer = setInterval(() => {
|
countDown.value--;
|
if (countDown.value == 0) {
|
if (timer) clearInterval(timer);
|
timer = null;
|
}
|
}, 1000);
|
}
|
}
|
|
const closeUserInfoDialog = (formEl: FormInstance | undefined) => {
|
if (!formEl) return;
|
formEl.resetFields();
|
countDown.value = 0;
|
userInfoDialog.value = false;
|
};
|
const confirmInfo = async (formEl: FormInstance | undefined) => {
|
if (!formEl) return;
|
await formEl.validate((valid, fields) => {
|
if (valid) {
|
subLoading.value = true;
|
if (changeType.value == "password") {
|
if (userInfoForm.password != userInfoForm.confirmPassword) {
|
ElMessage({
|
message: "两次密码输入不一致",
|
type: "warning",
|
});
|
return false;
|
}
|
let query = {
|
phoneNumber: userInfoForm.phone,
|
phoneCaptcha: userInfoForm.code,
|
password: userInfoForm.password,
|
};
|
MG.identity.changePasswordByMobilePhone(query).then((res) => {
|
if (res) {
|
ElMessage({
|
message: "密码重置成功！",
|
type: "success",
|
});
|
userInfoDialog.value = false;
|
} else {
|
ElMessage({
|
message: "密码重置失败，请填写正确的验证码。",
|
type: "error",
|
});
|
}
|
subLoading.value = false;
|
});
|
} else if (changeType.value == "phone") {
|
let query = {
|
phoneNumber: userInfoForm.phone,
|
phoneCaptcha: userInfoForm.code,
|
};
|
MG.identity.userSetPhoneNumber(query).then((res) => {
|
if (res == "验证码过期或错误") {
|
ElMessage({
|
message: res + ",请稍后重试",
|
type: "error",
|
});
|
} else if (res == "此手机号码已被其它账号绑定") {
|
ElMessage({
|
message: res + ",请更换其他手机号。",
|
type: "error",
|
});
|
} else {
|
ElMessage({
|
message: res,
|
type: "success",
|
});
|
userStore.setUserInfo({
|
...userStore.userInfo,
|
phoneNumber: userInfoForm.phone,
|
});
|
userInfoDialog.value = false;
|
}
|
subLoading.value = false;
|
});
|
} else if (changeType.value == "email") {
|
let query = {
|
eMail: userInfoForm.email,
|
captcha: userInfoForm.code,
|
};
|
|
MG.identity.bindingEmail(query).then((res) => {
|
if (res == "验证码过期") {
|
ElMessage({
|
message: res + ",请稍后重试",
|
type: "error",
|
});
|
} else if (res == "此邮箱已被其它账号绑定") {
|
ElMessage({
|
message: res + ",请更换其他邮箱。",
|
type: "error",
|
});
|
} else if (res == "验证码无效") {
|
ElMessage({
|
message: res,
|
type: "error",
|
});
|
} else {
|
ElMessage({
|
message: res,
|
type: "success",
|
});
|
userStore.setUserInfo({
|
...userStore.userInfo,
|
Email: userInfoForm.email,
|
});
|
userInfoDialog.value = false;
|
}
|
subLoading.value = false;
|
});
|
}
|
} else {
|
subLoading.value = false;
|
}
|
});
|
};
|
// 滑动验证
|
const sliderImgDialogVisable = ref<boolean>(false);
|
const loginImgVerify = (code: string) => {
|
userInfoForm.captcha = code;
|
sliderImgDialogVisable.value = false;
|
if (changeType.value == "phone" || changeType.value == "password") {
|
MG.identity
|
.getPhoneCode({
|
phoneNumber: userInfoForm.phone,
|
imageCaptcha: userInfoForm.captcha,
|
appRefCode: config.appRefCode,
|
})
|
.then((res: any) => {
|
if (res == "验证码发送成功") {
|
ElMessage({
|
message: res,
|
type: "success",
|
});
|
// 开启短信验证倒计时
|
getSecond(60);
|
} else {
|
ElMessage({
|
message: res,
|
type: "error",
|
});
|
}
|
});
|
} else if (changeType.value == "email") {
|
MG.identity
|
.getEmailCode({
|
sendEmail: userInfoForm.email,
|
captcha: userInfoForm.captcha,
|
appRefCode: config.appRefCode,
|
})
|
.then((res) => {
|
if (res == true) {
|
ElMessage({
|
message: "邮件已发送",
|
type: "success",
|
});
|
} else {
|
ElMessage({
|
message: "邮件发送失败",
|
type: "error",
|
});
|
}
|
});
|
}
|
};
|
//微信认证
|
let wxLogin = reactive({
|
appid: "wx5cfe8b007a3c6f8c",
|
scope: "snsapi_login",
|
redirectURL: encodeURIComponent(config.requestCtx + "/home/#/personalCenter"),
|
});
|
const getWechatAuthenticationState = () => {
|
MG.identity.checkBuildingWeChat({}).then((res: any) => {
|
if (res) {
|
weChatState.value = true;
|
} else {
|
weChatState.value = false;
|
}
|
});
|
};
|
const weChartDialog = ref(false);
|
function goBindWeChat() {
|
window.location.href = `https://open.weixin.qq.com/connect/qrconnect?appid=${wxLogin.appid}&scope=${wxLogin.scope}&redirect_uri=${wxLogin.redirectURL}&state=WeChatScanningCodeBind`;
|
}
|
|
//绑定微信
|
const bindWeChat = () => {
|
var url = window.location.href;
|
if (url.indexOf("WeChatScanningCodeBind") > -1) {
|
var querys = url.substring(url.indexOf("?") + 1).split("&");
|
var result = {};
|
for (var i = 0; i < querys.length; i++) {
|
var temp = querys[i].split("=");
|
if (temp.length < 2) {
|
result[temp[0]] = "";
|
} else {
|
result[temp[0]] = temp[1];
|
}
|
}
|
if (result && result.code) {
|
MG.identity
|
.bindingWeChat({
|
code: result.code,
|
})
|
.then((res) => {
|
if (res) {
|
ElMessage({
|
message: "绑定成功!",
|
type: "success",
|
});
|
getWechatAuthenticationState();
|
weChartDialog.value = false;
|
} else {
|
ElMessage({
|
message: "绑定失败，该微信已被绑定！",
|
type: "error",
|
});
|
}
|
});
|
}
|
}
|
};
|
|
//用户类型
|
const loginRef = ref();
|
// const userTypeDialog = ref(false)
|
const userTypeActive = ref("");
|
const teacherType = ref("");
|
const teacherList = ref([
|
{
|
value: "vocSchoolTeachers",
|
label: "中职教师",
|
},
|
{
|
value: "vocCollegeTeachers",
|
label: "高职教师",
|
},
|
{
|
value: "ordUniversityTeachers",
|
label: "本科教师",
|
},
|
{
|
value: "primarySchoolTeachers",
|
label: "中小学教师",
|
},
|
{
|
value: "kindergarteTeachers",
|
label: "幼儿园教师",
|
},
|
]);
|
const userTypeList = ref([
|
{
|
value: "Teacher",
|
label: "教师",
|
checked: false,
|
},
|
{
|
value: "Student",
|
label: "学生",
|
checked: false,
|
},
|
{
|
value: "otherReaders",
|
label: "其他读者",
|
checked: false,
|
},
|
]);
|
|
// 修改用户类型调用注册时用户信息填写弹窗
|
const updateUserInfo = () => {
|
loginRef.value.updateUserInfo();
|
loginRef.value.signUp();
|
};
|
|
//教师认证
|
let teacherDialog = ref(false); //弹窗
|
let loading = ref(false);
|
const teacherState = ref(null);
|
const reasonTxt = ref("");
|
const userId = ref();
|
|
const dialogReason = ref(false);
|
//教师认证弹窗
|
function showTeacherDialog() {
|
teacherDialog.value = true;
|
}
|
|
const dialogChange = (val: any) => {
|
getTeacherInfo();
|
if (val == false) {
|
teacherDialog.value = false;
|
} else {
|
teacherDialog.value = true;
|
}
|
};
|
|
// 修改密码弹窗打开
|
const openChangePassword = () => {
|
if (changeType.value == "password" && userStore.userInfo?.phoneNumber) {
|
userInfoForm.phone = userStore.userInfo?.phoneNumber;
|
}
|
};
|
|
// 获取登录用户身份
|
function getUserRole() {
|
loading.value = true;
|
MG.identity.getCurrentAppUser().then((res: any) => {
|
if (res) {
|
if (res.lastLoginTime) {
|
localStorage.setItem("lastLoginTime", res.lastLoginTime);
|
}
|
//获取用户类型
|
let userTypeData = res.infoList.find((item: any) => item.type == "userType");
|
if (userTypeData) {
|
userTypeActive.value = JSON.parse(userTypeData.data).userType;
|
if (
|
userTypeActive.value !== "Student" &&
|
userTypeActive.value !== "otherReaders"
|
) {
|
const index = userTypeList.value.findIndex((item) => item.value === "Teacher");
|
if (index !== -1) {
|
userTypeList.value[index].checked = true;
|
teacherType.value = JSON.parse(userTypeData.data).userType;
|
}
|
userInfo.userType =
|
teacherList.value.find((item) => item.value === userTypeActive.value)
|
?.label ?? "";
|
} else {
|
const index = userTypeList.value.findIndex(
|
(item) => item.value === userTypeActive.value
|
);
|
if (index !== -1) {
|
userTypeList.value[index].checked = true;
|
}
|
userInfo.userType =
|
userTypeList.value.find((item) => item.value === userTypeActive.value)
|
?.label ?? "";
|
}
|
} else {
|
userInfo.userType = "-";
|
}
|
getTeacherInfo();
|
userId.value = res.userId;
|
let customUser = res.infoList.find((item: any) => item.type == "userInfo");
|
let teacherRole = res.roleLinks.find((item: any) => item.role.refCode == "teacher");
|
let teacherInfos = res.infoList.find((item: any) => item.type == "teacherInfo");
|
let wechatInfo = res.infoList.find((item: any) => item.type == "WeChat");
|
let studentInfo = res.infoList.find((item: any) => item.type == "Default");
|
let phoneInfo = res.secretList.find((item: any) => item.type == "MobilePhone");
|
let emailInfo = res.secretList.find((item: any) => item.type == "EMail");
|
const userData = {
|
userName: customUser && customUser.data ? JSON.parse(customUser.data).name : "",
|
school: customUser && customUser.data ? JSON.parse(customUser.data).school : "",
|
cityCode:
|
customUser && customUser.data ? JSON.parse(customUser.data).cityCode : "",
|
address: customUser && customUser.data ? JSON.parse(customUser.data).address : "",
|
userType:
|
userTypeData && userTypeData.data ? JSON.parse(userTypeData.data).userType : "",
|
};
|
if (teacherRole && teacherInfos) {
|
if (JSON.parse(teacherInfos.data).email && !emailInfo) {
|
userInfoForm.email = JSON.parse(teacherInfos.data).email;
|
formDisabled.value = true;
|
}
|
userStore.setUserInfo({
|
...userData,
|
...teacherInfos,
|
phoneNumber: phoneInfo?.credential,
|
Email: emailInfo ? emailInfo.credential : JSON.parse(teacherInfos.data).email,
|
icon: wechatInfo?.icon,
|
role: "Teacher",
|
roleId: teacherRole.role.id,
|
userId: res.userId,
|
});
|
} else if (wechatInfo) {
|
userStore.setUserInfo({
|
...userData,
|
...wechatInfo,
|
phoneNumber: phoneInfo?.credential,
|
Email: emailInfo?.credential,
|
role: "Student",
|
userId: res.userId,
|
});
|
} else if (studentInfo) {
|
userStore.setUserInfo({
|
...userData,
|
...studentInfo,
|
icon: wechatInfo?.icon,
|
phoneNumber: phoneInfo?.credential,
|
Email: emailInfo?.credential,
|
role: "Student",
|
userId: res.userId,
|
});
|
}
|
}
|
});
|
}
|
|
//教师信息
|
function getTeacherInfo() {
|
const data = {
|
start: 0,
|
size: 10,
|
topicIdOrRefCode: "teacherRoleApproval",
|
appRefCode: config.appRefCode,
|
sort: {
|
type: "Desc",
|
field: "CreateDate",
|
},
|
};
|
MG.ugc.getTopicMessageList(data).then((res) => {
|
try {
|
const resData = res.datas.find((i) => i.appUserCreator.userId == userId.value);
|
if (resData) {
|
teacherState.value = resData.state;
|
if (resData.feedBack != null) {
|
reasonTxt.value = JSON.parse(resData.feedBack).reason;
|
}
|
} else {
|
teacherState.value = "";
|
}
|
loading.value = false;
|
} catch (error) {
|
loading.value = false;
|
}
|
});
|
}
|
|
//原因查看
|
const lookReason = () => {
|
dialogReason.value = true;
|
};
|
|
//积分
|
function getIntegral() {
|
MG.store
|
.getUserWallet({
|
type: "integral",
|
})
|
.then((res) => {
|
userInfo.integral = res.balance;
|
});
|
}
|
|
const integralRecord = reactive({
|
recordDialog: false,
|
recordList: [],
|
});
|
|
// 积分记录弹窗
|
function recordDialog() {
|
integralRecord.recordDialog = true;
|
getRecordList();
|
}
|
|
//获取积分记录
|
function getRecordList() {
|
MG.store
|
.getWalletHistory({
|
Size: 999,
|
Start: 0,
|
sort: {
|
type: "Desc",
|
field: "CreateDate",
|
},
|
type: "integral",
|
})
|
.then((res) => {
|
console.log(res, "积分记录");
|
if (res.datas.length > 0) {
|
res.datas.forEach((element) => {
|
element.createDate = moment(element.createDate).format("YYYY-MM-DD HH:mm:ss");
|
if (element.refType == "sign") {
|
element.type = "每日登录";
|
}
|
if (element.refType == "Reward") {
|
element.type = "上传资源奖励";
|
}
|
if (element.refType == "OrderCoinBonus") {
|
element.type = "订单支付奖励";
|
}
|
if (element.refType == "Order" && element.value < 0) {
|
element.type = "订单支付抵扣";
|
}
|
if (element.refType == "Order" && element.value > 0) {
|
element.type = "订单取消退回";
|
}
|
if (element.refType == "AdminRecharge") {
|
element.type = "管理员充值";
|
}
|
});
|
integralRecord.recordList = res.datas;
|
}
|
});
|
}
|
</script>
|
<style lang="less" scoped>
|
.content-item {
|
.item-title {
|
line-height: 20px;
|
padding: 0 10px;
|
border-left: 3px solid #019e58;
|
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
|
font-weight: 400;
|
font-size: 16px;
|
}
|
|
.item-box {
|
padding: 25px 13px;
|
|
.info-box {
|
padding: 10px 0;
|
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
|
font-weight: 400;
|
font-size: 14px;
|
color: #333333;
|
line-height: 34px;
|
|
.label,
|
.text {
|
width: 300px;
|
}
|
}
|
}
|
|
.change-info {
|
color: #019e58;
|
}
|
|
.record {
|
color: #949494;
|
}
|
}
|
|
.userInfo {
|
.el-input {
|
width: 86%;
|
height: 38px;
|
}
|
|
.code-input {
|
width: 50%;
|
}
|
|
.code {
|
width: 130px;
|
height: 38px;
|
margin-left: 20px;
|
|
.imgCode {
|
width: 100%;
|
height: 100%;
|
}
|
|
.btn {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
|
.qrcodeBox {
|
width: 300px;
|
height: 300px;
|
margin: 0 auto;
|
// border: 1px solid #c0ccda;
|
overflow: hidden;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.tips {
|
text-align: center;
|
font-size: 14px;
|
color: #666;
|
margin-top: 30px;
|
}
|
|
.userTypeList {
|
width: 200px;
|
margin: 0 auto;
|
|
.item {
|
padding: 15px;
|
text-align: center;
|
margin: 20px 0;
|
border: 1px solid #d9d9d9;
|
border-radius: 3px;
|
}
|
|
.activeItem {
|
background-color: #019e58;
|
color: #fff;
|
}
|
}
|
|
.currentState {
|
margin-bottom: 22px;
|
|
.label {
|
width: 140px;
|
text-align: right;
|
}
|
}
|
|
.reasonBox {
|
margin-left: 100px;
|
font-size: 14px;
|
|
.title {
|
font-weight: bold;
|
}
|
}
|
.recordTableBox {
|
height: 600px;
|
overflow-y: auto;
|
}
|
|
.recordTable {
|
border: 1px solid #f4f4f4;
|
|
li {
|
display: flex;
|
line-height: 24px;
|
padding: 10px;
|
border-bottom: 1px solid #f4f4f4;
|
|
.label {
|
width: 220px;
|
}
|
|
.value {
|
width: 150px;
|
}
|
}
|
|
.head {
|
background-color: #f3f3f3;
|
}
|
.noData {
|
justify-content: center;
|
}
|
}
|
|
.total {
|
font-weight: bold;
|
}
|
|
.reason {
|
word-wrap: break-word;
|
}
|
</style>
|
<style lang="less">
|
.myDialogs {
|
width: 628px;
|
|
.el-dialog__header {
|
padding: 15px;
|
margin-right: 0;
|
border-bottom: 1px solid #f4f4f4;
|
}
|
|
.el-dialog__title {
|
font-weight: bold;
|
font-size: 16px;
|
}
|
|
.el-dialog__headerbtn {
|
top: 6px;
|
right: 6px;
|
}
|
|
.el-dialog__footer {
|
padding: 15px;
|
border-top: 1px solid #f4f4f4;
|
}
|
|
.myDialogs-footer {
|
.el-button {
|
padding: 0 20px;
|
}
|
}
|
}
|
|
.userTypeWall {
|
width: 100%;
|
height: 20px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
margin-bottom: 40px;
|
color: #333;
|
padding-left: 15px;
|
border-left: 3px solid #019e58;
|
}
|
</style>
|
