待审核

src/components/examine.vue

@@ -1,21 +1,17 @@
 <template>
-  <div class="table_container">
+  <div class="table-container">
     <div class="title_examine">
       <p style="font-size: 30px;font-weight: 400;margin-left: -91%;padding-top: 20px">账号审核</p>
-    </div>
+  </div>
     <div class="examine">
       <div class="examine_title1">
-        <a @click="showPending"
-          :style="{ color: isPending ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">待审核({{ tableData.length
-          }})</a>
+        <a @click="showPending" :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>
+        <a @click="showApproved" :style="{ color: isApproved ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已通过</a>
       </div>
       <div class="examine_title3">
-        <a @click="showRefused"
-          :style="{ color: isRefused ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已拒绝</a>
+        <a @click="showRefused" :style="{ color: isRefused ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已拒绝</a>
       </div>
       <div class="examine_title4">
         <a @click="showAll" :style="{ color: isAll ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">全部记录</a>
@@ -34,114 +30,108 @@
 
       <!-- 待审核的数据 -->
       <div v-if="isPending">
-        <el-table :data="currentTableData" border style="width: 100%; background-color: white;"
-          @selection-change="handleSelectionChange">
+        <el-table :data="currentTableData" border style="width: 100%; background-color: white;" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="50"></el-table-column>
-          <el-table-column prop="company" label="组织名称" width="400">
+          <el-table-column prop="company" label="组织名称" width="200">
             <template slot-scope="scope">{{ scope.row.company }}</template>
           </el-table-column>
-          <el-table-column prop="phone" label="电话/邮箱" width="400"></el-table-column>
-          <el-table-column prop="name" label="姓名" width="400" show-overflow-tooltip
-            :label-class-name="'address-column'"></el-table-column>
-          <el-table-column prop="submission_time" label="提交时间" width="400"></el-table-column>
-          <el-table-column prop="remarks" label="备注" width="400"></el-table-column>
-          <el-table-column label="操作" width="200">
-            <template slot-scope="{ row }">
-              <button @click="ajax_move_to_approved(row.userid, row.companyNumber)"
-                style="color: #308fff; background: none; border: none; cursor: pointer; margin-left: 25px;">通过</button>
-              <button @click="ajax_move_to_rejected(row.userid, row.companyNumber)"
-                style="color: #308fff; background: none; border: none; cursor: pointer; margin-left: 35px;">拒绝</button>
+          <el-table-column prop="phone" label="电话/邮箱" width="240"></el-table-column>
+          <el-table-column prop="name" label="姓名" width="220" show-overflow-tooltip :label-class-name="'address-column'"></el-table-column>
+          <el-table-column prop="submission_time" label="提交时间" width="220"></el-table-column>
+          <el-table-column prop="remarks" label="备注" width="230"></el-table-column>
+          <el-table-column label="操作" width="248">
+            <template slot-scope="scope">
+              <button @click="handleApprove(scope.row)" style="color: #308fff; background: none; border: none; cursor: pointer; margin-left: 25px;">通过</button>
+              <button @click="handleIgnore(scope.row)" style="color: #308fff; background: none; border: none; cursor: pointer; margin-left: 35px;">拒绝</button>
             </template>
           </el-table-column>
         </el-table>
       </div>
-      <!-- 分页组件 -->
-      <el-pagination v-if="Pending_request" :current-page="currentPage" :page-size="pageSize"
-        :page-sizes="pageSizeOptions" :total="tableData.length" @size-change="handlePageSizeChange"
-        @current-change="handlePageChange" layout="total,sizes,prev, pager, next, jumper">
-      </el-pagination>
-
-      <!-- 已通过的数据 -->
-      <div v-if="isApproved">
-        <el-table :data="currentApprovedData" border style="width: 100%; background-color: white;"
-          @selection-change="handleApprovedSelectionChange">
-          <el-table-column type="selection" width="50" />
-          <el-table-column prop="company" label="组织名称" width="200">
-            <template slot="default" slot-scope="scope">{{ scope.row.company }}</template>
-          </el-table-column>
-          <el-table-column prop="phone" label="电话/邮箱" width="200" />
-          <el-table-column prop="name" label="姓名" width="200" show-overflow-tooltip
-            :label-class-name="'address-column'" />
-          <el-table-column prop="submission_time" label="提交时间" width="200" />
-          <el-table-column prop="remarks" label="备注" width="180" />
-          <el-table-column prop="Pending_time" label="审核时间" width="200" />
-          <el-table-column prop="open_organization" label="开通组织" width="200">
-            <template slot="default" slot-scope="scope">{{ scope.row.open_organization }}</template>
-          </el-table-column>
-        </el-table>
-        <!-- 分页组件 -->
-        <el-pagination :current-page="currentApprovedPage" :page-size="pageSize" :page-sizes="pageSizeOptions"
-          :total="approvedData.length" @size-change="handlePageSizeChange" @current-change="handleApprovedPageChange"
-          layout="total,sizes,prev, pager, next, jumper" />
-      </div>
-
-      <!-- 已拒绝的数据 -->
-      <div v-if="isRefused">
-        <el-table :data="currentRefusedData" border style="width: 100%; background-color: white;"
-          @selection-change="handleRefusedSelectionChange">
-          <el-table-column type="selection" width="50" />
-          <el-table-column prop="company" label="组织名称" width="200">
-            <template slot="default" slot-scope="scope">{{ scope.row.company }}</template>
-          </el-table-column>
-          <el-table-column prop="phone" label="电话/邮箱" width="200" />
-          <el-table-column prop="name" label="姓名" width="200" show-overflow-tooltip
-            :label-class-name="'address-column'" />
-          <el-table-column prop="submission_time" label="提交时间" width="200" />
-          <el-table-column prop="remarks" label="备注" width="180" />
-          <el-table-column prop="Pending_time" label="审核时间" width="200" />
-          <el-table-column label="操作" width="195">
-            <template slot-scope="{ row }">
-              <button @click="ajax__move_to_pending_from_rejected(row.userid, row.companyNumber)"
-                style="color: #308fff; background: none; border: none; cursor: pointer; margin-left: 25px;">移动至待审核</button>
-            </template>
-          </el-table-column>
-        </el-table>
         <!-- 分页组件 -->
-        <el-pagination :current-page="currentRefusedPage" :page-size="pageSize" :page-sizes="pageSizeOptions"
-          :total="RefusedData.length" @size-change="handlePageSizeChange" @current-change="handleRefusedPageChange"
-          layout="total,sizes,prev, pager, next, jumper" />
-      </div>
+        <el-pagination v-if="Pending_request"
+          :current-page="currentPage" 
+          :page-size="pageSize" 
+          :page-sizes="pageSizeOptions"
+          :total="tableData.length" 
+          @size-change="handlePageSizeChange" 
+          @current-change="handlePageChange"
+          layout="total,sizes,prev, pager, next, jumper">
+        </el-pagination>
+
+    <!-- 已通过的数据 -->
+    <div v-if="isApproved">
+      <el-table :data="currentApprovedData" border style="width: 100%; background-color: white;"  @selection-change="handleApprovedSelectionChange">
+        <el-table-column type="selection" width="50" />
+        <el-table-column prop="company" label="组织名称" width="200">
+          <template slot="default" slot-scope="scope">{{ scope.row.company }}</template>
+        </el-table-column>
+        <el-table-column prop="phone" label="电话/邮箱" width="200" />
+        <el-table-column prop="name" label="姓名" width="200" show-overflow-tooltip :label-class-name="'address-column'" />
+        <el-table-column prop="submission_time" label="提交时间" width="200" />
+        <el-table-column prop="remarks" label="备注" width="180" />
+        <el-table-column prop="Pending_time" label="审核时间" width="200" />
+        <el-table-column prop="open_organization" label="开通组织" width="200">
+          <template slot="default" slot-scope="scope">{{ scope.row.open_organization }}</template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <el-pagination :current-page="currentApprovedPage" :page-size="pageSize" :page-sizes="pageSizeOptions"
+        :total="approvedData.length" @size-change="handlePageSizeChange" @current-change="handleApprovedPageChange"
+        layout="total,sizes,prev, pager, next, jumper" />
+    </div>
 
-      <!-- 全部记录的数据 -->
-      <div v-if="isAll">
-        <el-table :data="currentAllData" border style="width: 100%; background-color: white;"
-          @selection-change="handleAllSelectionChange">
-          <el-table-column type="selection" width="50" />
-          <el-table-column prop="company" label="组织名称" width="200">
-            <template slot="default" slot-scope="scope">{{ scope.row.company }}</template>
-          </el-table-column>
-          <el-table-column prop="phone" label="电话/邮箱" width="200" />
-          <el-table-column prop="name" label="姓名" width="200" show-overflow-tooltip
-            :label-class-name="'address-column'" />
-          <el-table-column prop="submission_time" label="提交时间" width="200" />
-          <el-table-column prop="remarks" label="备注" width="180" />
-          <el-table-column prop="Pending_time" label="审核时间" width="200" />
-          <el-table-column label="操作" width="200" prop="status">
-            <template slot="default" slot-scope="scope">
-              {{ getStatusText(scope.row.status) }}
-            </template>
-          </el-table-column>
-        </el-table>
-        <!-- 分页组件 -->
-        <el-pagination :current-page="currentAllPage" :page-size="pageSize" :page-sizes="[5, 10, 25]"
-          :total="AllData.length" @size-change="handlePageSizeChange" @current-change="handleAllPageChange"
-          layout="total,sizes,prev, pager, next, jumper" />
-      </div>
+    <!-- 已拒绝的数据 -->
+    <div v-if="isRefused">
+      <el-table :data="currentRefusedData" border  style="width: 100%; background-color: white;"  @selection-change="handleRefusedSelectionChange">
+        <el-table-column type="selection" width="50" />
+        <el-table-column prop="company" label="组织名称" width="200">
+          <template slot="default" slot-scope="scope">{{ scope.row.company }}</template>
+        </el-table-column>
+        <el-table-column prop="phone" label="电话/邮箱" width="200" />
+        <el-table-column prop="name" label="姓名" width="200" show-overflow-tooltip :label-class-name="'address-column'" />
+        <el-table-column prop="submission_time" label="提交时间" width="200" />
+        <el-table-column prop="remarks" label="备注" width="180" />
+        <el-table-column prop="Pending_time" label="审核时间" width="200" />
+        <el-table-column label="操作" width="195">
+          <template slot="default" slot-scope="scope">
+            <button @click="handleEdit(scope.row)" style="color: #308fff; background: none; border: none; cursor: pointer; margin-left: 25px;">移动至待审核</button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <el-pagination :current-page="currentRefusedPage" :page-size="pageSize" :page-sizes="pageSizeOptions"
+        :total="RefusedData.length" @size-change="handlePageSizeChange" @current-change="handleRefusedPageChange"
+        layout="total,sizes,prev, pager, next, jumper" />
     </div>
 
+    <!-- 全部记录的数据 -->
+    <div v-if="isAll">
+      <el-table :data="currentAllData" border  style="width: 100%; background-color: white;"  @selection-change="handleAllSelectionChange">
+        <el-table-column type="selection" width="50" />
+        <el-table-column prop="company" label="组织名称" width="200">
+          <template slot="default" slot-scope="scope">{{ scope.row.company }}</template>
+        </el-table-column>
+        <el-table-column prop="phone" label="电话/邮箱" width="200" />
+        <el-table-column prop="name" label="姓名" width="200" show-overflow-tooltip :label-class-name="'address-column'" />
+        <el-table-column prop="submission_time" label="提交时间" width="200" />
+        <el-table-column prop="remarks" label="备注" width="180" />
+        <el-table-column prop="Pending_time" label="审核时间" width="200" />
+        <el-table-column label="操作" width="200" prop="status">
+          <template slot="default" slot-scope="scope">
+            {{ getStatusText(scope.row.status) }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <el-pagination :current-page="currentAllPage" :page-size="pageSize" :page-sizes="[5, 10, 25]"
+        :total="AllData.length" @size-change="handlePageSizeChange" @current-change="handleAllPageChange"
+        layout="total,sizes,prev, pager, next, jumper" />
+    </div>
+  </div>
 
+ 
 
-  </div>
+    </div>
 </template>
 
 <script>
@@ -172,7 +162,7 @@ export default {
       approvedData: [],
       RefusedData: [],
       AllData: [],
-      Pending_request: true,
+      Pending_request:true,
       isPending: true, // 初始状态为待审核
       isApproved: false,
       isRefused: false,
@@ -258,6 +248,21 @@ export default {
       console.log('执行搜索');
     },
 
+    handleApprove(row) {
+      // 调用已通过的处理方法
+      this.ajax__handle_pending_action(row.companyNumber, 'approve');  // 通过操作
+    },
+
+    handleIgnore(row) {
+      // 调用已拒绝的处理方法
+      this.ajax__handle_pending_action(row.companyNumber, 'ignore');  // 忽略操作
+    },
+
+    handleMoveToPending(row) {
+      // 调用移回待审核的方法
+      this.ajax__move_to_pending_from_rejected(row.companyNumber);  // 移动至待审核
+    },
+
     // 创建账户的逻辑
     handleCreateAccount() {
       // 在这里可以进行创建账户的逻辑
@@ -281,15 +286,17 @@ export default {
 
     // 待审核
     showPending() {
+      console.log("Clicked Pending!");
       this.isPending = true;
       this.isApproved = false;
       this.isRefused = false;
       this.isAll = false;
-      this.Pending_request = true;
+      this.Pending_request=true;
     },
     // 已通过
     showApproved() {
-      this.Pending_request = false;
+      console.log("Clicked Approved!");
+      this.Pending_request=false;
       this.isPending = false;
       this.isApproved = true;
       this.isRefused = false;
@@ -302,7 +309,7 @@ export default {
       this.isApproved = false;
       this.isRefused = true;
       this.isAll = false;
-      this.Pending_request = false;
+      this.Pending_request=false;
     },
     //全部记录
     showAll() {
@@ -310,7 +317,7 @@ export default {
       this.isApproved = false;
       this.isRefused = false;
       this.isAll = true;
-      this.Pending_request = false;
+      this.Pending_request=false;
     },
     // 用于切换组织
     selectOrg(org) {
@@ -322,13 +329,13 @@ export default {
     },
     // 用于显示待审核的表格数据
     ajaxpending() {
-      // console.log(11111);
+      console.log(11111);
 
       let params = [
         {
           functionName: "select_requestuser",  // 调用存储过程的名称
           r_type: 0,
-          page: 1,
+          page:1,
           r_num: 20,
         },
       ];
@@ -340,14 +347,13 @@ export default {
 
           this.tableData = res.data[0].map(user => ({
             company: user.schoolName || '未知', // 组织名称
-            phone: user.contact_info || '未知',
-            name: user.name || '未知', // 真实姓名对应 name
+            phone: user.contact_info || '未知', 
+            name: user.name|| '未知', // 真实姓名对应 name
             submission_time: user.create_at || '未知', // 提交时间对应 数据库里的create_at 
             remarks: user.remark || '未知', // 备注内容对应 remark
-            userid: user.id || '未知',
           })); // 将数据存储到 tableData 中
           // 打印映射后的用户信息
-          console.log("待审核的数据为：", res.data);
+          console.log(this.tableData);
         })
         .catch((err) => {
           // 处理失败的响应
@@ -358,12 +364,12 @@ export default {
 
     // 用于显示已通过的表格数据
     ajaxapproved() {
-      // console.log(22222);
+      console.log(22222);
       let params = [
         {
           functionName: "select_requestuser",  // 调用存储过程的名称
           r_type: 1,
-          page: 1,
+          page:1,
           r_num: 100,
         },
       ];
@@ -372,17 +378,16 @@ export default {
           // 假设res.data是一个返回已通过的数组
           this.approvedData = res.data[0].map(user => ({
             company: user.schoolName || '未知', // 组织名称对应 schoolName
-            phone: user.contact_info || '未知',
+            phone: user.contact_info || '未知', 
             name: user.name || '未知', // 真实姓名对应 alias
             submission_time: user.create_at || '未知', // 提交时间对应 数据库里的create_at
             remarks: user.remark || '未知', // 备注内容对应 remark
             Pending_time: user.active_at || '未知', // 处理时间对应 update_time
             open_organization: user.school_name || '未知', // 所属组织对应 school_name
-            userid: user.id || '未知',
           }));
           // 在这里进行已通过数据的获取和处理
-          // console.log(this.approvedData);
-          console.log("已通过的数据为：", res.data);
+          console.log(this.approvedData);
+          console.log("获取到的数据为：" + res.approvedData)
         })
         .catch((err) => {
           // 处理失败的响应
@@ -393,11 +398,12 @@ export default {
 
     // 用于显示已拒绝的表格数据
     ajaxrefused() {
+      console.log(33333);
       let params = [
         {
           functionName: "select_requestuser",  // 调用存储过程的名称
           r_type: 2,
-          page: 1,
+          page:1,
           r_num: 100,
         },
       ];
@@ -411,11 +417,10 @@ export default {
             submission_time: user.create_at || '未知', // 提交时间对应 数据库里的create_at
             remarks: user.remark || '未知', // 备注内容对应 remark
             Pending_time: user.active_at || '未知', // 处理时间对应 update_time
-            userid: user.id || '未知',
           }));
           // 在这里进行已拒绝数据的获取和处理
-          // console.log(this.RefusedData);
-          console.log("已拒绝的数据为：", res.data);
+          console.log(this.RefusedData);
+          console.log("获取到的数据为：" + res.RefusedData)
         })
         .catch((err) => {
           // 处理失败的响应
@@ -424,206 +429,174 @@ export default {
         })
     },
 
-    // 用于显示全部记录的表格数据
-    ajaxAll() {
-      console.log("获取所有记录");
-
-      // 假设分别调用待审核、已通过、已拒绝的请求
-      Promise.all([
-        this.$ajax.post("http://10.3.16.166:7003/api/pbl/localPost", [
-          { functionName: "select_requestuser", r_type: 0, page: 1, r_num: 100, }
-        ]),
-        this.$ajax.post("http://10.3.16.166:7003/api/pbl/localPost", [
-          { functionName: "select_requestuser", r_type: 1, page: 1, r_num: 100, }
-        ]),
-        this.$ajax.post("http://10.3.16.166:7003/api/pbl/localPost", [
-          { functionName: "select_requestuser", r_type: 2, page: 1, r_num: 100, }
-        ])
+      // 用于显示全部记录的表格数据
+      ajaxAll() {
+        console.log("获取所有记录");
+
+        // 假设分别调用待审核、已通过、已拒绝的请求
+        Promise.all([
+          this.$ajax.post("http://10.3.16.166:7003/api/pbl/localPost", [
+        { functionName: "select_requestuser", r_type: 0,page:1,r_num: 100,}
+      ]),
+          this.$ajax.post("http://10.3.16.166:7003/api/pbl/localPost", [
+        { functionName: "select_requestuser", r_type: 1,page:1,r_num: 100, }
+      ]),
+          this.$ajax.post("http://10.3.16.166:7003/api/pbl/localPost", [
+        { functionName: "select_requestuser", r_type: 2,page:1,r_num: 100, }
       ])
-        .then((responses) => {
-          // 解构响应
-          const [pendingRes, approvedRes, refusedRes] = responses;
-          // 合并待审核、已通过和已拒绝的数据
-          const AllData = [
-            ...pendingRes.data[0],  // 待审核数据
-            ...approvedRes.data[0], // 已通过数据
-            ...refusedRes.data[0],  // 已拒绝数据
-          ];
-
-          this.AllData = AllData.map(user => ({
-            company: user.schoolName || '未知',
-            phone: user.contact_info || '未知',
-            name: user.name || '未知',
-            submission_time: user.create_at || '未知',
-            remarks: user.remark || '未知',
-            Pending_time: user.active_at || '未知', // 处理时间对应 update_time
-            // status: this.getStatusText(user.r_type), // 显示状态
-          }));
+    ])
+    .then((responses) => {
+    // 解构响应
+    const [pendingRes, approvedRes, refusedRes] = responses;
+        // 合并待审核、已通过和已拒绝的数据
+        const AllData = [
+        ...pendingRes.data[0],  // 待审核数据
+        ...approvedRes.data[0], // 已通过数据
+        ...refusedRes.data[0],  // 已拒绝数据
+      ];
 
-          console.log(this.AllData);
-        })
-        .catch((err) => {
-          this.$message.error("查询失败");
-          console.error(err);
-        });
+      this.AllData = AllData.map(user => ({
+        company: user.schoolName || '未知',
+        phone: user.contact_info || '未知',
+        name: user.name || '未知',
+        submission_time: user.create_at || '未知',
+        remarks: user.remark || '未知',
+        Pending_time: user.active_at || '未知', // 处理时间对应 update_time
+        // status: this.getStatusText(user.r_type), // 显示状态
+      }));
+
+      console.log(this.AllData);
+    })
+    .catch((err) => {
+      this.$message.error("查询失败");
+      console.error(err);
+    });
 
     },
+
     // 通过操作，将数据移到已通过
-    ajax_move_to_approved(userid) {
-      const successMessage = '数据已成功移动到已通过状态!';
+    ajax_move_to_approved(companyNumber) {
+      let params = [
+        {
+          functionName: "move_to_approved",  // 这里是将数据移至已通过状态的操作
+          u_id: companyNumber,  // 公司编号
+        },
+      ];
 
-      // 弹出确认框
-      this.$confirm(`您确定将此数据移至“已通过”状态吗？`, '确认操作', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-      }).then(() => {
-        // 确认后发起请求
-        let params = [
-          {
-            functionName: "account_approve_user",  // 这里是将数据移至已通过状态的操作
-            u_id: userid,  // id
-          },
-        ];
+      const successMessage = '数据已成功移动到已通过状态!';
 
-        // 发起请求
-        this.$ajax
-          .post("http://10.3.16.166:7003/api/pbl/localPost", params)
-          .then((res) => {
-            console.log(res);
-            this.$message({
-              type: 'success',
-              message: successMessage,
-            });
-            // 更新数据状态
-            this.refreshTableData();  // 例如刷新表格数据
-            console.log("此条数据处理后的id为：", userid);
-          })
-          .catch((err) => {
-            this.$message.error("操作失败");
-            console.error("请求失败，错误信息：", err);
+      // 发起请求
+      this.$ajax
+        .post("http://10.3.16.166:7003/api/pbl/localPost", params)
+        .then((res) => {
+          console.log(res);
+          this.$message({
+            type: 'success',
+            message: successMessage
           });
-      }).catch(() => {
-        // 取消操作后的提示
-        this.$message({
-          type: 'info',
-          message: '已取消操作',
+          // 调用其他需要执行的操作，更新数据状态
+          this.refreshTableData();  // 例如刷新表格数据
+        })
+        .catch((err) => {
+          this.$message.error("操作失败");
+          console.error("请求失败，错误信息：", err);
         });
-      });
     },
 
-
     // 忽略操作，将数据移到已拒绝
-    ajax_move_to_rejected(userid) {
+    ajax_move_to_rejected(companyNumber) {
+      let params = [
+        {
+          functionName: "move_to_rejected",  // 这里是将数据移至已拒绝状态的操作
+          u_id: companyNumber,  // 公司编号
+        },
+      ];
+
       const successMessage = '数据已成功移动到已拒绝状态!';
 
-      // 弹出确认框
-      this.$confirm(`您确定将此数据移至“已拒绝”状态吗？`, '确认操作', {
+      // 发起请求
+      this.$ajax
+        .post("http://10.3.16.166:7003/api/pbl/localPost", params)
+        .then((res) => {
+          console.log(res);
+          this.$message({
+            type: 'success',
+            message: successMessage
+          });
+          // 调用其他需要执行的操作，更新数据状态
+          this.refreshTableData();  // 例如刷新表格数据
+        })
+        .catch((err) => {
+          this.$message.error("操作失败");
+          console.error("请求失败，错误信息：", err);
+        });
+    },
+
+    // 刷新数据（假设你需要刷新表格数据）
+    refreshTableData() {
+      // 在这里重新获取数据或者更新视图
+      this.fetchData();  // 例如通过接口重新获取数据
+    },
+
+
+    // 在待审核区域点击通过和忽略
+    ajax__handle_pending_action(companyNumber, actionType) {
+      // 根据不同的操作，设置对应的API函数和提示消息
+      let params = [
+        {
+          functionName: actionType === 'approve' ? "approve_user" : "ignore_user",  // 通过或忽略
+          u_id: companyNumber,  // 传递公司编号
+        },
+      ];
+
+      const actionMessage = actionType === 'approve' ? '通过该条数据' : '忽略该条数据';
+      const successMessage = actionType === 'approve' ? '通过成功!' : '忽略成功!';
+      const cancelMessage = actionType === 'approve' ? '已取消通过' : '已取消忽略';
+
+      // 弹窗确认
+      this.$confirm(`此操作将会${actionMessage}, 是否继续?`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then(() => {
-        // 确认后发起请求
-        let params = [
-          {
-            functionName: "account_reject_user",  // 这里是将数据移至已拒绝状态的操作
-            u_id: userid,  // 公司编号
-          },
-        ];
-
-        // 发起请求
+        // 确定后发起请求
         this.$ajax
           .post("http://10.3.16.166:7003/api/pbl/localPost", params)
           .then((res) => {
-            console.log(res);
+            console.log(res);  // 打印成功响应
             this.$message({
               type: 'success',
-              message: successMessage,
+              message: successMessage
             });
-            // 更新数据状态
-            this.refreshTableData();  // 例如刷新表格数据
-            console.log("此条数据处理后的id为：", userid);
+
+            // 如果是通过操作，调用已通过处理函数
+            if (actionType === 'approve') {
+              this.ajax_move_to_approved(companyNumber);
+            } else {
+              // 如果是忽略操作，调用已拒绝处理函数
+              this.ajax_move_to_rejected(companyNumber);
+            }
           })
           .catch((err) => {
-            this.$message.error("操作失败");
+            // 处理失败的响应
+            this.$message.error("处理失败");
             console.error("请求失败，错误信息：", err);
           });
       }).catch(() => {
         // 取消操作后的提示
         this.$message({
           type: 'info',
-          message: '已取消操作',
+          message: cancelMessage
         });
       });
     },
 
-    // 刷新数据（假设你需要刷新表格数据）
-    refreshTableData() {
-      // 在这里重新获取数据或者更新视图
-      this.ajaxpending();  // 例如通过接口重新获取数据
-      this.ajaxapproved();  // 例如通过接口重新获取数据
-      this.ajaxrefused();  // 例如通过接口重新获取数据
-    },
-
-
-    // // 在待审核区域点击通过和忽略
-    // ajax__handle_pending_action(userid, actionType) {
-    //   // 根据不同的操作，设置对应的API函数和提示消息
-    //   let params = [
-    //     {
-    //       functionName: actionType === 'approve' ? "approve_user" : "ignore_user",  // 通过或忽略
-    //       u_id: userid,  // 传递公司编号
-    //     },
-    //   ];
-
-    //   const actionMessage = actionType === 'approve' ? '通过该条数据' : '忽略该条数据';
-    //   const successMessage = actionType === 'approve' ? '通过成功!' : '忽略成功!';
-    //   const cancelMessage = actionType === 'approve' ? '已取消通过' : '已取消忽略';
-
-    //   // 弹窗确认
-    //   this.$confirm(`此操作将会${actionMessage}, 是否继续?`, '提示', {
-    //     confirmButtonText: '确定',
-    //     cancelButtonText: '取消',
-    //     type: 'warning'
-    //   }).then(() => {
-    //     // 确定后发起请求
-    //     this.$ajax
-    //       .post("http://10.3.16.166:7003/api/pbl/localPost", params)
-    //       .then((res) => {
-    //         console.log(res);  // 打印成功响应
-    //         this.$message({
-    //           type: 'success',
-    //           message: successMessage
-    //         });
-
-    //         // 如果是通过操作，调用已通过处理函数
-    //         if (actionType === 'approve') {
-    //           this.ajax_move_to_approved(userid);
-    //         } else {
-    //           // 如果是忽略操作，调用已拒绝处理函数
-    //           this.ajax_move_to_rejected(userid);
-    //         }
-    //       })
-    //       .catch((err) => {
-    //         // 处理失败的响应
-    //         this.$message.error("处理失败");
-    //         console.error("请求失败，错误信息：", err);
-    //       });
-    //   }).catch(() => {
-    //     // 取消操作后的提示
-    //     this.$message({
-    //       type: 'info',
-    //       message: cancelMessage
-    //     });
-    //   });
-    // },
-
     // 在已拒绝区域点击移动至待审核
-    ajax__move_to_pending_from_rejected(userid) {
+    ajax__move_to_pending_from_rejected(companyNumber) {
       let params = [
         {
-          functionName: "account_move_to_pending",  // 移动至待审核的操作
-          u_id: userid,  // id
+          functionName: "move_to_pending",  // 移动至待审核的操作
+          u_id: companyNumber,  // 传递公司编号
         },
       ];
 
@@ -645,10 +618,7 @@ export default {
               message: successMessage
             });
             // 调用函数更新数据
-            // 更新数据状态
-            this.refreshTableData();  // 例如刷新表格数据
-            console.log("此条数据处理后的id为：", userid);
-            this.ajaxpending(userid);  // 数据移回待审核区域
+            this.ajax_move_to_pending(companyNumber);  // 数据移回待审核区域
           })
           .catch((err) => {
             this.$message.error("处理失败");
@@ -679,20 +649,13 @@ export default {
   /* position: relative; */
 }
 
-/* 表格容器样式 */
-.table_container{
-  width: 97%;
-  padding: 30px;
-}
-
 /* 账号审核标题样式 */
-.title_examine {
-  width: 100%;
-  height: 100px;
-  background-color: #fff;
-  border-radius: 10px 10px 10px 10px;
+.title_examine{
+ width: 97%;
+ height: 100px;
+ background-color: #fff;
+ border-radius: 10px 10px 10px 10px;
 }
-
 /* 搜索框容器样式 */
 .search-container {
   position: absolute;
@@ -746,9 +709,13 @@ export default {
   /* 设置透明度 */
 }
 
+.table-container {
+  padding: 30px;
+  /* 可选：添加一些内边距 */
+}
+
 .el-table {
   border: 1px solid #dcdfe6;
-  
   /* 设置表格边框 */
 }
 
@@ -1167,23 +1134,15 @@ hr {
 .el-checkbox {
   margin-right: none !important;
 }
-
-.cell {
+.cell{
   position: absolute;
 }
-
 .el-checkbox span {
-  margin-left: 3px;
+    margin-left: 3px;
 }
-
 /* 取消 ElTableColumn 默认的 inline-block 和 vertical-align 样式 */
 .el-scrollbar__view {
   display: block !important;
   /* 或者 display: flex; 根据你的需求 */
 }
-/* 取消 ElTableColumn 的下方滚动条样式 */
-.el-table--scrollable-x .el-table__body-wrapper{
-  overflow-x: hidden !important;  /* 禁止水平滚动 */
-  overflow-y: auto;    /* 保留垂直滚动（如果需要） */
-}
 </style>