Explorar o código

fix:修复后台管理中审核实名认证和审核商品列表数据为空的问题

yangyi hai 4 meses
pai
achega
51fc13727d
Modificáronse 2 ficheiros con 12 adicións e 8 borrados
  1. 3 1
      src/view/admin/ReviewItem.vue
  2. 9 7
      src/view/admin/ReviewUser.vue

+ 3 - 1
src/view/admin/ReviewItem.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import { getReviews } from '../../api/endpoints/reviews'
 import type { ItemVO } from '../../api/models'
@@ -66,6 +66,8 @@ const loadItems = async () => {
   }
 }
 
+onMounted(loadItems)
+
 const handleApprove = async (id: number) => {
   try {
     const res = await getReviews().reviewItem(id, { result: 'APPROVED' })

+ 9 - 7
src/view/admin/ReviewUser.vue

@@ -3,10 +3,10 @@
     <h1 class="page-title">实名审核</h1>
 
     <el-table v-loading="loading" :data="userList" stripe style="width: 100%">
-      <el-table-column prop="studentId" label="学号" width="140" />
-      <el-table-column prop="name" label="姓名" width="120" />
-      <el-table-column prop="nickname" label="昵称" width="120" />
-      <el-table-column label="校园卡" width="120">
+      <el-table-column prop="studentId" label="学号" min-width="120" />
+      <el-table-column prop="name" label="姓名" min-width="100" />
+      <el-table-column prop="nickname" label="昵称" min-width="120" />
+      <el-table-column label="校园卡" width="100">
         <template #default="{ row }">
           <el-image
             v-if="row.campusCardUrl"
@@ -18,8 +18,8 @@
           />
         </template>
       </el-table-column>
-      <el-table-column prop="createdAt" label="注册时间" width="180" />
-      <el-table-column label="操作" width="200">
+      <el-table-column prop="createdAt" label="注册时间" min-width="160" />
+      <el-table-column label="操作" width="180">
         <template #default="{ row }">
           <el-button type="success" size="small" @click="handleApprove(row.id)">通过</el-button>
           <el-button type="danger" size="small" @click="handleReject(row.id)">驳回</el-button>
@@ -48,7 +48,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
 import { getReviews } from '../../api/endpoints/reviews'
 import type { User } from '../../api/models'
@@ -78,6 +78,8 @@ const loadUsers = async () => {
   }
 }
 
+onMounted(loadUsers)
+
 const handleApprove = async (id: number) => {
   try {
     const res = await getReviews().reviewUser(id, { result: 'APPROVED' })