code review：用户详情

Author: YunaiV

src/api/member/address/index.ts

@@ -10,31 +10,6 @@ export interface AddressVO {
 }
 
 // 查询用户收件地址列表
-export const getAddressPage = async (params) => {
-  return await request.get({ url: `/member/address/page`, params })
-}
-
-// 查询用户收件地址详情
-export const getAddress = async (id: number) => {
-  return await request.get({ url: `/member/address/get?id=` + id })
-}
-
-// 新增用户收件地址
-export const createAddress = async (data: AddressVO) => {
-  return await request.post({ url: `/member/address/create`, data })
-}
-
-// 修改用户收件地址
-export const updateAddress = async (data: AddressVO) => {
-  return await request.put({ url: `/member/address/update`, data })
-}
-
-// 删除用户收件地址
-export const deleteAddress = async (id: number) => {
-  return await request.delete({ url: `/member/address/delete?id=` + id })
-}
-
-// 导出用户收件地址 Excel
-export const exportAddress = async (params) => {
-  return await request.download({ url: `/member/address/export-excel`, params })
+export const getAddressList = async (params) => {
+  return await request.get({ url: `/member/address/list`, params })
 }

src/api/member/user/index.ts

@@ -1,12 +1,10 @@
 import request from '@/config/axios'
 
 export interface UserVO {
-  areaId: number | undefined
-  areaName: string | undefined
+  id: number
   avatar: string | undefined
   birthday: number | undefined
   createTime: number | undefined
-  id: number
   loginDate: number | undefined
   loginIp: string
   mark: string
@@ -16,26 +14,8 @@ export interface UserVO {
   registerIp: string
   sex: number
   status: number
-}
-
-// TODO @梦：和 UserVO 搞成一个把。
-export interface UserBaseInfoVO {
-  id: number | undefined | null
-  mobile: string
-  password: string | null | undefined
-  status: number
-  registerIp: string | null | undefined
-  loginIp: string | null | undefined
-  loginDate: Date | null | undefined
-  nickname: string | null | undefined
-  avatar: string | null | undefined
-  name: string | null | undefined
-  sex: number
-  areaId: number | null | undefined
-  areaName: string | null | undefined
-  birthday: Date | null | undefined
-  mark: string | null | undefined
-  createTime: Date | null | undefined
+  areaId: number | undefined
+  areaName: string | undefined
 }
 
 // 查询会员用户列表

src/components/Card/index.ts

@@ -0,0 +1,3 @@
+import CardTitle from './src/CardTitle.vue'
+
+export { CardTitle }

src/views/member/user/components/CardTitle.vue renamed to src/components/Card/src/CardTitle.vue

@@ -1,3 +1,4 @@
 import Descriptions from './src/Descriptions.vue'
+import DescriptionsItemLabel from './src/DescriptionsItemLabel.vue'
 
-export { Descriptions }
+export { Descriptions, DescriptionsItemLabel }

src/components/Descriptions/index.ts

@@ -434,7 +434,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
     meta: { hidden: true },
     children: [
       {
-        path: 'user/detail/:userId',
+        path: 'user/detail/:id',
         name: 'MemberUserDetail',
         meta: {
           title: '会员详情',

src/views/member/user/components/descriptions/DescriptionsItemLabel.vue renamed to src/components/Descriptions/src/DescriptionsItemLabel.vue

@@ -46,11 +46,6 @@
     </el-descriptions-item>
   </el-descriptions>
 </template>
-<script lang="ts" setup>
-defineComponent({
-  name: 'AccountInfo'
-})
-</script>
 <style scoped lang="scss">
 .cell-item {
   display: inline;

src/router/modules/remaining.ts

@@ -1,6 +1,6 @@
 <template>
   <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-    <el-table-column label="收件地址编号" align="center" prop="id" width="150px" />
+    <el-table-column label="地址编号" align="center" prop="id" width="150px" />
     <el-table-column label="收件人名称" align="center" prop="name" width="150px" />
     <el-table-column label="手机号" align="center" prop="mobile" width="150px" />
     <el-table-column label="地区编码" align="center" prop="areaId" width="150px" />
@@ -18,21 +18,9 @@
       width="180px"
     />
   </el-table>
-  <!-- 分页 -->
-  <Pagination
-    :total="total"
-    v-model:page="queryParams.pageNo"
-    v-model:limit="queryParams.pageSize"
-    @pagination="getList"
-  />
 </template>
 <script lang="ts" setup>
 import { DICT_TYPE } from '@/utils/dict'
-
-defineComponent({
-  name: 'AddressList'
-})
-import { defineComponent } from 'vue'
 import { dateFormatter } from '@/utils/formatTime'
 import * as AddressApi from '@/api/member/address'
 
@@ -46,33 +34,19 @@ const { userId }: { userId: number } = defineProps({
 const loading = ref(true) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 列表的数据
-const queryParams = reactive({
-  pageNo: 1,
-  pageSize: 10,
-  userId: NaN,
-  name: null,
-  mobile: null,
-  areaId: null,
-  detailAddress: null,
-  defaultStatus: null,
-  createTime: []
-})
 
 /** 查询列表 */
 const getList = async () => {
   loading.value = true
   try {
-    const data = await AddressApi.getAddressPage(queryParams)
-    list.value = data.list
-    total.value = data.total
+    list.value = await AddressApi.getAddressList({ userId })
   } finally {
     loading.value = false
   }
 }
 
 /** 初始化 **/
 onMounted(() => {
-  queryParams.userId = userId
   getList()
 })
 </script>

src/views/member/user/components/AccountInfo.vue renamed to src/views/member/user/detail/UserAccountInfo.vue

@@ -72,7 +72,7 @@
 import { DICT_TYPE } from '@/utils/dict'
 import { formatDate } from '@/utils/formatTime'
 import * as UserApi from '@/api/member/user'
-import DescriptionsItemLabel from '@/views/member/user/components/descriptions/DescriptionsItemLabel.vue'
+import { DescriptionsItemLabel } from '@/components/Descriptions/index'
 
 const { user }: { user: UserApi.UserVO } = defineProps({
   user: {