<template>
|
<div class="flex flex-col">
|
<el-dialog v-model="isShowInformation" title="我的信息" width="500" :before-close="handleCloseInformation">
|
<el-form :model="userInformationInfo" ref="autoDialogFormRef" label-width="85">
|
<el-form-item label="用户ID" prop="name">
|
<el-input v-model="userInformationInfo.userName" readonly></el-input>
|
</el-form-item>
|
|
<el-form-item label="姓名" prop="realName">
|
<el-input v-model="userInformationInfo.realName" readonly></el-input>
|
</el-form-item>
|
<el-form-item label="性别" prop="sex">
|
<el-input v-model="userInformationInfo.sex" readonly></el-input>
|
</el-form-item>
|
<el-form-item label="部门" prop="department">
|
<el-input v-model="userInformationInfo.department" readonly></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="用户状态" prop="phoneNumber">
|
<el-input v-model="userInformationInfo.a" readonly></el-input>
|
</el-form-item> -->
|
<el-form-item label="电话" prop="phoneNumber">
|
<el-input v-model="userInformationInfo.phoneNumber" readonly></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="微信号" prop="phoneNumber">
|
<el-input v-model="userInformationInfo.phoneNumber" readonly></el-input>
|
</el-form-item> -->
|
<el-form-item label="邮箱" prop="email">
|
<el-input v-model="userInformationInfo.email" readonly></el-input>
|
</el-form-item>
|
<el-form-item label="微信绑定" prop="wechat">
|
<el-button link type="primary" v-if="userInformationInfo.isBindWechat">已绑定</el-button>
|
<div v-else id="wechat-bind"></div>
|
</el-form-item>
|
<!-- <el-form-item label="角色" prop="role">
|
<el-select v-model="userInformationInfo.role" placeholder="请选择角色" disabled>
|
<el-option label="角色A" value="roleA"></el-option>
|
<el-option label="角色B" value="roleB"></el-option>
|
</el-select>
|
</el-form-item> -->
|
<!-- <el-form-item label="说明" prop="description">
|
<el-input v-model="userInformationInfo.description" type="textarea" readonly></el-input>
|
</el-form-item> -->
|
</el-form>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
//#region ====================== 我的信息 ======================
|
import { nextTick, onMounted, ref, watch } from 'vue';
|
import { useUserInfo } from '/@/stores/userInfo';
|
import { accessSessionKey, handleNoAuth, userInfoKey } from '/@/utils/request';
|
import { Local } from '/@/utils/storage';
|
import { userInfo } from '/@/stores/chatRoom';
|
import { SERVE_URL } from '/@/constants';
|
const isShowInformation = defineModel({
|
type: Boolean,
|
});
|
const userInformationInfo = ref({}) as any;
|
//关闭
|
const handleCloseInformation = () => {
|
isShowInformation.value = false;
|
};
|
//#endregion
|
|
const handleBindWechat = () => {};
|
|
const getWechartQrCode = () => {
|
const state = (new Date().getTime() / 1000).toString();
|
// JJJHHH 表示＃号
|
const url = `${SERVE_URL}JJJHHH/home?isWxLogin=N`;
|
const obj = new window.WxLogin({
|
id: 'wechat-bind',
|
appid: 'wx4ea2dca37170074c',
|
scope: 'snsapi_login',
|
redirect_uri: encodeURIComponent(`http://apiv3.xpump.net/User/wxUserLoginCB.html?from=wi&url=${url}`),
|
state: state,
|
});
|
};
|
onMounted(async () => {
|
if (!Local.get(accessSessionKey)) {
|
handleNoAuth();
|
return;
|
}
|
// getWechartQrCode();
|
userInformationInfo.value = Local.get(userInfoKey);
|
});
|
|
watch(
|
() => isShowInformation.value,
|
(val) => {
|
if (val) {
|
nextTick(() => {
|
getWechartQrCode();
|
});
|
}
|
}
|
);
|
</script>
|
<style scoped lang="scss"></style>
|
