个人中心

yudao-ui-admin-vben-master/src/views/users/mine/index.vue

@@ -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">
+            <div class="form">
-              <a-form :model="FormState" :label-col="labelCol" :wrapper-col="wrapperCol">
+              <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">
@@ -435,17 +398,13 @@ onMounted( async () => {
                 </div>
                 <div class="recordmessage">
                   <div class="usersId">
-                    {{item.username}}
+                    {{ `kang-pc` }}
-<!--                    {{ `kang-pc` }}-->
                   </div>
-                  {{item.userIp}}
+                  {{ `上海市长宁区  14.127.100.242` }}
-<!--                  {{ `上海市长宁区  14.127.100.242` }}-->
                 </div>
               </div>
               <div class="recordright">
-                <span><FieldTimeOutlined /></span>
+                <span><FieldTimeOutlined /></span>{{ `2023-08-22 12:00` }}
-<!--                {{ `2023-08-22 12:00` }}-->
-                {{item.createTime}}
               </div>
             </div>
           </div>
@@ -463,7 +422,6 @@ onMounted( async () => {
             <p>
               <span>▋</span>
               系统通知
-
             </p>
           </div>
           <div class="messagetitle">
@@ -600,7 +558,7 @@ onMounted( async () => {
                   </div>
                   <div class="firmtopbot">
                     <p class="fontcss">
-                      部门：{{ `再生资源事业部 采购部` }}
+                      部门：{{ `再生资源事业部<采购部` }}
                     </p>
                     <p class="fontcss">
                       业务线：{{ `废铁、废铝` }}