修改个人中心

src/views/account/center/parts/basic.vue

@@ -11,7 +11,7 @@
             </template>
             <template #role="{ item }">
               <template v-if="item.model === 'role'">
-                <el-col :span="24" class="one_1" v-if="form.role?.length > 0">{{ getRole(form.role) }}</el-col>
+                <el-col :span="24" class="one_1" v-if="form.role">{{ getRole(form.role) }}</el-col>
                 <el-col :span="24" class="one_1" v-else>暂无角色</el-col>
               </template>
             </template>
@@ -23,19 +23,23 @@
 </template>
 
 <script setup>
-// import { UserStore } from '@/store/user'
+import { UserStore } from '@/store/user'
+import { useTagsViewStore } from '@/store'
 import { RoleStore } from '@/store/api/system/role'
+import { AdminStore } from '@/store/api/user/admin'
 const roleStore = RoleStore()
-// const userStore = UserStore()
-// const user = computed(() => userStore.user)
-// const router = useRouter()
+const userStore = UserStore()
+const adminStore = AdminStore()
+const tagsViewStore = useTagsViewStore()
+const user = computed(() => userStore.user)
+const router = useRouter()
 const $checkRes = inject('$checkRes')
 // 加载中
 const loading = ref(false)
 // 表单
 const form = ref({})
 const fields = ref([
-  { label: '昵称', model: 'name' },
+  { label: '昵称', model: 'nick_name' },
   { label: '账号', model: 'account', options: { readonly: true } },
   { label: '角色', model: 'role', custom: true },
   { label: '超级管理员', model: 'is_super', options: { readonly: true }, custom: true }
@@ -59,18 +63,25 @@ const searchOther = async () => {
   result = await roleStore.query({ is_use: '0' })
   if ($checkRes(result)) roleList.value = result.data
 }
-const search = async () => {}
-const getRole = (i) => {
-  const arr = []
-  for (const val of i) {
-    const r = this.roleList.find((f) => f._id === val)
-    if (r) arr.push(r.name)
+const search = async () => {
+  if (user.value._id) {
+    const res = await adminStore.fetch(user.value._id)
+    if (res.errcode == '0') form.value = res.data
   }
-  return arr.join(';')
+}
+const getRole = (i) => {
+  const r = roleList.value.find((f) => f.code === i)
+  if (r) return r.name
+  else return '暂无'
 }
 // 提交保存
 const toSave = async (data) => {
-  console.log(data)
+  let res = await adminStore.update(data)
+  if ($checkRes(res, true)) {
+    userStore.logOut()
+    tagsViewStore.delAllViews()
+    router.push('/login')
+  }
 }
 </script>
 <style scoped lang="scss"></style>