待审核r_num,数量修改

src/components/examine.vue

@@ -6,19 +6,18 @@
     <div class="examine">
       <div class="examine_title1">
         <a @click="showPending"
-          :style="{ color: isPending ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">待审核({{ tableData.length
-          }})</a>
+          :style="{ color: isPending ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold'}">待审核({{ tableData.length}})</a>
       </div>
       <div class="examine_title2">
         <a @click="showApproved"
-          :style="{ color: isApproved ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已通过</a>
+          :style="{ color: isApproved ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已通过({{approvedData.length}})</a>
       </div>
       <div class="examine_title3">
         <a @click="showRefused"
-          :style="{ color: isRefused ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已拒绝</a>
+          :style="{ color: isRefused ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已拒绝({{RefusedData.length}})</a>
       </div>
       <div class="examine_title4">
-        <a @click="showAll" :style="{ color: isAll ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">全部记录</a>
+        <a @click="showAll" :style="{ color: isAll ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">全部记录({{AllData.length}})</a>
       </div>
     </div>
 
@@ -148,7 +147,18 @@
 </template>
 
 <script>
-import { reactive } from 'vue' // 添加这行导入
+import { reactive } from 'vue' // 引入 reactive
+// import { ref } from 'vue';
+// 使用 ref() 包装数组
+// const myArray = ref([]);
+
+// // 更新数组时可以通过 .value 来访问
+// myArray.value.push(1);  // 这样修改数组是响应式的
+
+// // 使用 watch 监听
+// watch(() => myArray.value, (newValue) => {
+//   console.log(newValue);
+// });
 export default {
   name: 'IndexTable',
   components: {
@@ -331,14 +341,13 @@ export default {
     },
     // 用于显示待审核的表格数据
     ajaxpending() {
-      // console.log(11111);
 
       let params = [
         {
           functionName: "select_requestuser",  // 调用存储过程的名称
           r_type: 0,
           page: 1,
-          r_num: 20,
+          r_num: 100,
         },
       ];
 
@@ -480,7 +489,8 @@ export default {
               userid: user.id || '未知',
     };
   });
-
+            // 更新数据状态
+            this.refreshTableData();  // 例如刷新表格数据
           console.log(this.AllData);
         })
         .catch((err) => {