linkage
/
YX-SCM
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

个人中心

Browse Source
temp
huchuanhu 1 year ago
parent 7fa223db42
commit 68f2af1d49
1 changed files with 49 additions and 91 deletions
Show Stats Download Patch File Download Diff File

112
yudao-ui-admin-vben-master/src/views/users/mine/index.vue
Unescape View File

@ -15,10 +15,17 @@ import {
import { getUserProfileApi, updateUserProfileApi, uploadAvatarApi } from '@/api/base/profile'
import { exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
import { deleteNotice, getNoticePage } from '@/api/system/notice'
// 单选
const sex = ref<string>('保密')//性别
/* let userInfo = reactive({
})
onMounted( async () => {
userInfo = await getUserProfileApi()
console.log(userInfo)
}) */
// 单选
const sex = ref<string>('保密')//性别
const message = ref<string>('全部信息')//系统信息选择
@ -55,12 +62,18 @@ function handleOk() {
}
const state = reactive({
checked1: true,
userInfo: {}
})
onMounted( async () => {
debugger
state.userInfo = await getUserProfileApi()
console.log("55555555" + state.userInfo);
debugger
})
//分页器
const current = ref(6)//登录记录分页
//系统通知切换
const isVisible = ref(true)
const isVisible2 = ref(false)
@ -145,53 +158,6 @@ const tabledata = [
time:'2023-08-22 22:31',
},
]
// const userInfo = ref(null);
// onMounted( async () => {
// let result = await getUserProfileApi()
// userInfo.value = result;
// })
let userInfo = reactive({
})
onMounted( async () => {
userInfo = await getUserProfileApi()
console.log(userInfo)
})
let loginlog = reactive({
})
onMounted( async () => {
loginlog = await getLoginLogPage()
// console.log(loginlog)
console.log(loginlog.list)
// console.log(loginlog.list.createTime)
// var date =new Date(loginlog.list.createTime)
// var time1 =loginlog.list.createTime
// console.log(time1)
})
// let Notice = reactive({
// })
// onMounted( async () => {
// loginlog = await getNoticePage()
// console.log(Notice.list)
// })
// const {username} = toRefs(userInfo)
// onMounted(async () => {
// const data = await getUserProfileApi()
// console.log(data);
// })
// let { proxy }: any = getCurrentInstance ()
// let classifylist=reactive ({
// data: [],
// })
// // 请求数据
// onMounted( async () => {
// let { data: res } = await getUserProfileApi();
// console.log(res)
// })
</script>
<template>
@ -207,33 +173,32 @@ onMounted( async () => {
<p>
<span>▋</span>
基本资料
<!-- {{userInfo}} -->
</p>
</div>
<p class="pleft">
基本信息
</p>
<div class="datumbox">
<div class="form" :data="list">
<a-form :model="FormState" :label-col="labelCol" :wrapper-col="wrapperCol">
<div class="form">
<a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-form-item label="登录账号：">
<a-input v-model:value="userInfo.username" placeholder="输入内容" />
<a-input v-model:value="state.userInfo.username" placeholder="输入内容" />
</a-form-item>
<a-form-item label="姓名：">
<a-input v-model:value="userInfo.nickname" placeholder="输入内容" />
<a-input v-model:value="state.userInfo.nickname" placeholder="输入内容" />
</a-form-item>
<a-form-item label="所属部门：">
<a-input v-model:value="userInfo.dept.name" placeholder="输入内容" />
<a-input v-model:value="state.userInfo.dept.name" placeholder="输入内容" />
</a-form-item>
<a-form-item label="员工职务：">
<a-input v-model:value="value" placeholder="输入内容" />
<a-input v-model:value="state.userInfo.posts[0].name" placeholder="输入内容" />
</a-form-item>
<a-form-item label="员工工号：">
<a-input v-model:value="value" placeholder="输入内容" />
<a-input v-model:value="state.userInfo.jobNumber" placeholder="输入内容" />
</a-form-item>
<a-form-item label="手机号码：">
<div class="phonecss">
<a-input v-model:value="value" placeholder="输入内容" :style="phoneStyle" />
<a-input v-model:value="state.userInfo.mobile" placeholder="输入内容" :style="phoneStyle" />
<div>
<a-button :style="changeStyle" @click="showModal">
@ -327,7 +292,7 @@ onMounted( async () => {
<a-form-item label="毕业院校：">
<a-input v-model:value="value" placeholder="输入内容" />
</a-form-item>
<a-form-item name="DatePicker" label="毕业时间：" v-bind="config">
<a-form-item name="毕业时间：" label="DatePicker" v-bind="config">
<a-date-picker v-model:value="formState['date-picker']" value-format="YYYY-MM-DD" />
</a-form-item>
<a-form-item label="个人简介：" placeholder="输入内容" name="desc">
@ -414,19 +379,17 @@ onMounted( async () => {
<p>
<span>▋</span>
登录记录
<!-- {{loginlog}}-->
</p>
</div>
<!-- 日期 -->
<div
v-for="(item, index) in loginlog.list" :key="index"
v-for="(item, index) in 5" :key="index"
>
<div class="date">
{{item.logType}}
{{ `日期：2023-08-22` }}
{{ `2023-08-22` }}
</div>
<div
v-for="(item, index) in loginlog.list"
v-for="(item, index) in 5"
:key="index" class="recordbox"
>
<div class="recordleft">
@ -434,18 +397,14 @@ onMounted( async () => {
<WindowsFilled />
</div>
<div class="recordmessage">
<div class="usersId">
{{item.username}}
<!-- {{ `kang-pc` }}-->
<div class="usersId">
{{ `kang-pc` }}
</div>
{{item.userIp}}
<!-- {{ `上海市长宁区 14.127.100.242` }}-->
{{ `上海市长宁区 14.127.100.242` }}
</div>
</div>
<div class="recordright">
<span><FieldTimeOutlined /></span>
<!-- {{ `2023-08-22 12:00` }}-->
{{item.createTime}}
<span><FieldTimeOutlined /></span>{{ `2023-08-22 12:00` }}
</div>
</div>
</div>
@ -463,7 +422,6 @@ onMounted( async () => {
<p>
<span>▋</span>
系统通知
</p>
</div>
<div class="messagetitle">
@ -497,7 +455,7 @@ onMounted( async () => {
<div class="table">
<a-table :columns="tablecolumns" :data-source="tabledata" :total="500">
<template #headerCell="{ column }">
<template v-if="column.key === 'title'" >
<template v-if="column.key === 'title'">
<span>
通知标题
</span>
@ -600,7 +558,7 @@ onMounted( async () => {
</div>
<div class="firmtopbot">
<p class="fontcss">
部门：{{ `再生资源事业部 采购部` }}
部门：{{ `再生资源事业部<采购部` }}
</p>
<p class="fontcss">
业务线：{{ `废铁、废铝` }}

Write Preview
Loading…
Cancel
Save