diff --git a/backend/app/api/v1/admin/admin.py b/backend/app/api/v1/admin/admin.py
index edf6780..924a386 100644
--- a/backend/app/api/v1/admin/admin.py
+++ b/backend/app/api/v1/admin/admin.py
@@ -2,15 +2,23 @@
 # @FileName  :users.py
 # @Time      :2024/4/16 下午9:31
 # @Author    :dayezi
+from typing import Union
+
 from fastapi import APIRouter, Request, Query
 from tortoise.expressions import Q, F
 
+from app.controllers import user_controller
+from app.controllers.checked import checkedController
+from app.controllers.depart import departController
 from app.controllers.dutyLog import dutyLogController, dutyNotesController
+from app.models import Checked
+from app.schemas.checked import ReturnChecked, CheckedCreate
 from app.settings import settings
 from app.core.init_db import test_db, set_db
 from app.log import logger
 from app.schemas import Success, Fail, SuccessExtra
 from app.schemas.admin import DbInfo
+from app.utils import now
 
 router = APIRouter()
 
@@ -76,3 +84,68 @@ async def get_duty_note(id: int = Query(..., description="值班备注id")):
     data = await dutyNotesController.get(id)
     data = await data.to_dict()
     return Success(data=data)
+
+
+@router.get("/getChecked", summary="获取物资送检信息")
+async def get_checked(
+        area: str = Query("glb", description="区域"),
+        metaType: str = Query("tool", description="工具类型"),
+        returnStatus: bool = Query(False, description="归还状态"),
+        page: int = Query(1, description="页码"),
+        pageSize: int = Query(10, description="每页数量"),
+):
+    q = Q(area__contains=area) & Q(type__contains=metaType) & Q(returnStatus=returnStatus)
+    total, checked_objs = await checkedController.list(page=page, page_size=pageSize, search=q)
+    data = []
+    for obj in checked_objs:
+        user = await obj.toCheckUser.all()
+        userDepart = await departController.get_all_name(user)
+        material = await obj.material.all()
+        material_dict = await material.to_dict()
+        user_dict = await user.to_dict()
+        user_dict["depart"] = userDepart
+        obj_dict = await obj.to_dict()
+        obj_dict["material"] = material_dict
+        obj_dict["toCheckUser"] = user_dict
+        try:
+            user2 = await obj.toReturnUser.all()
+            user2Depart = await departController.get_all_name(user2)
+            user_dict2 = await user2.to_dict()
+            obj_dict["toReturnUser"] = user_dict2
+            user_dict2["depart"] = user2Depart
+        except Exception as e:
+            logger.warning(f"物资【{material.name}】暂无归还人信息：{e}")
+        data.append(obj_dict)
+    return SuccessExtra(data=data, total=total, currentPage=page, pageSize=pageSize)
+
+
+@router.post("/updateChecked", summary="归还送检物资")
+async def update_checked(data: ReturnChecked):
+    obj: Checked = await checkedController.get(id=data.id)
+    material = await obj.material.all()
+    material.checking -= obj.number
+    user = await user_controller.get_by_uuid(data.toReturnUserUUID)
+    obj.toReturnUser = user
+    obj.returnStatus = True
+    obj.note = data.note
+    obj.returnDate = now()
+    await obj.save()
+    return Success(msg="更新成功！")
+
+
+@router.post("/createChecked", summary="创建物资送检信息")
+async def create_checked(data: dict):
+    user = await user_controller.get_by_uuid(data.get("toCheckUserUUID"))
+    data["toCheckUser"] = user
+    obj: Checked = await checkedController.create(obj_in=data)
+    material = await obj.material.all()
+    material.checking += obj.number
+    await material.save()
+    return Success(data=await obj.to_dict(m2m=True))
+
+
+@router.get("/deleteChecked", summary="删除物资送检信息")
+async def delete_checked(data: list[int]):
+    for id in data:
+        await checkedController.remove(id)
+    return Success(msg="删除成功！")
diff --git a/backend/app/api/v1/base/base.py b/backend/app/api/v1/base/base.py
index a8b95a7..41e6464 100644
--- a/backend/app/api/v1/base/base.py
+++ b/backend/app/api/v1/base/base.py
@@ -97,7 +97,20 @@ async def refresh_token(refreshToken: refreshTokenSchema):
     return Success(data=data.model_dump())
 
 
-@router.get("/userinfo", summary="查看用户信息", dependencies=[DependAuth])
+@router.post("/userinfo", summary="获取用户UUID")
+async def get_user_id(credentials: CredentialsSchema):
+    user: User = await user_controller.authenticate(credentials)
+    depart = await departController.get_all_name(user)
+    data = {
+        "uuid": user.uuid.__str__(),
+        "username": user.username,
+        "phone": user.phone,
+        "depart": depart
+    }
+    return Success(data=data)
+
+
+@router.get("/userinfos", summary="查看用户信息", dependencies=[DependAuth])
 async def get_userinfo():
     user_id = CTX_USER_ID.get()
     user_obj = await user_controller.get(id=user_id)
diff --git a/backend/app/api/v1/home/home.py b/backend/app/api/v1/home/home.py
index e0738a9..80d6f7b 100644
--- a/backend/app/api/v1/home/home.py
+++ b/backend/app/api/v1/home/home.py
@@ -22,16 +22,17 @@ async def get_home_list(
         area: str = Query("glb", description="区域"),
         page: int = Query(1, description="页码"),
         pageSize: int = Query(10, description="每页数量"),
-        borrowedStatus: bool = Query(False, description="借用批准状态"),
+        borrowedStatus: Union[bool, None] = Query(None, description="借用批准状态"),
         borrowWhether: Union[bool, None] = Query(None, description="借用通过状态"),
         returnStatus: Union[bool, None] = Query(None, description="归还批准状态")
 ):
-    if returnStatus is None:
-        q = Q(Q(material__area=area), Q(borrowApproveStatus=borrowedStatus))
-    else:
-        q = Q(Q(material__area=area), Q(borrowApproveWhether=borrowWhether), Q(returnApproveStatus=returnStatus))
+    q = Q(material__area=area)
+    if borrowedStatus is not None:
+        q &= Q(borrowApproveStatus=borrowedStatus)
+    if borrowWhether is not None:
+        q &= Q(Q(borrowApproveWhether=borrowWhether), Q(returnApproveStatus=returnStatus))
     total, objs = await borrowedController.list(page=page, page_size=pageSize, search=q)
-    data = [await obj.to_dict(m2m=True, exclude_fields=["password"]) for obj in objs]
+    data = [await obj.to_dict(m2m=True) for obj in objs]
     return SuccessExtra(data=data, total=total, currentPage=page, pageSize=pageSize)
 
 
diff --git a/backend/app/controllers/checked.py b/backend/app/controllers/checked.py
new file mode 100644
index 0000000..8e564a0
--- /dev/null
+++ b/backend/app/controllers/checked.py
@@ -0,0 +1,15 @@
+# coding=utf-8
+# @FileName  :checked.py
+# @Time      :2024/6/20 下午10:29
+# @Author    :dayezi
+from app.core.crud import CRUDBase
+from app.models import Checked
+from app.schemas.checked import CheckedCreate, CheckedUpdate
+
+
+class CheckedController(CRUDBase[Checked, CheckedCreate, CheckedUpdate]):
+    def __init__(self):
+        super().__init__(model=Checked)
+
+
+checkedController = CheckedController()
diff --git a/backend/app/models/__init__.py b/backend/app/models/__init__.py
index 441cadf..d45c72d 100644
--- a/backend/app/models/__init__.py
+++ b/backend/app/models/__init__.py
@@ -5,3 +5,4 @@
 from .borrowed import *
 from .materialType import *
 from .area import *
+from .checked import *
diff --git a/backend/app/models/base.py b/backend/app/models/base.py
index 3be5492..54c5f61 100644
--- a/backend/app/models/base.py
+++ b/backend/app/models/base.py
@@ -15,6 +15,8 @@ async def to_dict(self, m2m: bool = False, exclude_fields: list[str] | None = No
 
         d = {}
         for field in self._meta.db_fields:
+            if field == "password":
+                continue
             if field not in exclude_fields:
                 value = getattr(self, field)
                 if isinstance(value, datetime):
diff --git a/backend/app/models/checked.py b/backend/app/models/checked.py
new file mode 100644
index 0000000..49414fe
--- /dev/null
+++ b/backend/app/models/checked.py
@@ -0,0 +1,25 @@
+# coding=utf-8
+# @FileName  :checked.py
+# @Time      :2024/6/20 下午10:14
+# @Author    :dayezi
+from tortoise import fields
+
+from .base import BaseModel, TimestampMixin
+
+
+class Checked(BaseModel, TimestampMixin):
+    area = fields.CharField(max_length=20, description="所属区域")
+    type = fields.CharField(max_length=20, description="物资类型")
+    material = fields.ForeignKeyField("models.Material", related_name="checked_material")
+    number = fields.IntField(description="送检数量")
+    toCheckUser = fields.ForeignKeyField('models.User', related_name='checked_user')
+    returnStatus = fields.BooleanField(default=False, description="归还状态")
+    returnDate = fields.DatetimeField(null=True, description="归还时间")
+    toReturnUser = fields.ForeignKeyField('models.User', related_name='return_user', null=True)
+    note = fields.CharField(max_length=200, null=True, description="备注")
+
+    class Meta:
+        table = "checked"
+
+    class PydanticMeta:
+        exclude = ("id", "created_at", "updated_at")
diff --git a/backend/app/schemas/borrowed.py b/backend/app/schemas/borrowed.py
index 01b8035..960f5a9 100644
--- a/backend/app/schemas/borrowed.py
+++ b/backend/app/schemas/borrowed.py
@@ -2,9 +2,7 @@
 # @FileName  :borrowed.py
 # @Time      :2024/5/31 上午12:49
 # @Author    :dayezi
-from typing import Union
-
-from pydantic import BaseModel, Field
+from pydantic import BaseModel
 from tortoise.contrib.pydantic import pydantic_model_creator
 from app.models.borrowed import Borrowed
 from app.schemas.material import MaterialCreate
diff --git a/backend/app/schemas/checked.py b/backend/app/schemas/checked.py
new file mode 100644
index 0000000..68b05a9
--- /dev/null
+++ b/backend/app/schemas/checked.py
@@ -0,0 +1,28 @@
+# coding=utf-8
+# @FileName  :checked.py
+# @Time      :2024/6/20 下午10:26
+# @Author    :dayezi
+from pydantic import BaseModel
+from tortoise.contrib.pydantic import pydantic_model_creator
+
+from app.models import Checked
+
+CheckedPydantic = pydantic_model_creator(Checked)
+
+
+class CheckedCreate(CheckedPydantic):
+
+    def create_dict(self):
+        return self.model_dump(exclude={"id", "created_at", "updated_at"})
+
+
+class CheckedUpdate(CheckedPydantic):
+
+    def update_dict(self):
+        return self.model_dump(exclude={"id", "created_at", "updated_at"})
+
+
+class ReturnChecked(BaseModel):
+    id: int
+    note: str
+    toReturnUserUUID: str
diff --git a/backend/app/utils/__init__.py b/backend/app/utils/__init__.py
index 5c153d2..a7996ff 100644
--- a/backend/app/utils/__init__.py
+++ b/backend/app/utils/__init__.py
@@ -25,6 +25,7 @@ def now(s: bool = True) -> str | datetime:
     """
     获取当前时间，datatime格式或 xxxx-xx-xx xx:xx:xx 字符串格式
 
+    :param s: 是否返回格式化字符串
     :return: 当前日期时间
     """
     today = datetime.now()
diff --git a/frontend/src/api/admin.ts b/frontend/src/api/admin.ts
index 0e7ebdc..81292e8 100644
--- a/frontend/src/api/admin.ts
+++ b/frontend/src/api/admin.ts
@@ -69,3 +69,33 @@ export const getDutyNote = (id: number) => {
     }
   });
 };
+
+export const createCheckMaterial = (data: object) => {
+  return http.request<Result>("post", baseUrlApi("/admin/createChecked"), {
+    data
+  });
+};
+
+export const getCheckedMaterial = (
+  area: string,
+  metaType: string,
+  returnStatus: boolean,
+  page: number,
+  pageSize: number
+) => {
+  return http.request<ResultTable>("get", baseUrlApi("/admin/getChecked"), {
+    params: {
+      area,
+      metaType,
+      returnStatus,
+      page,
+      pageSize
+    }
+  });
+};
+
+export const updateCheckedMaterial = (data: object) => {
+  return http.request<Result>("post", baseUrlApi("/admin/updateChecked"), {
+    data
+  });
+};
diff --git a/frontend/src/api/home.ts b/frontend/src/api/home.ts
index db336ed..72a867e 100644
--- a/frontend/src/api/home.ts
+++ b/frontend/src/api/home.ts
@@ -37,3 +37,9 @@ export const updateBorrowedInfo = (
     data: { borrowStatus, uuid, idList, borrowWhether, returnStatus }
   });
 };
+
+export const deleteBorrowed = (idList: number[]) => {
+  return http.request<Result>("post", baseUrlApi("/home/delete"), {
+    data: { idList }
+  });
+};
diff --git a/frontend/src/api/user.ts b/frontend/src/api/user.ts
index 0a4109b..e16dba7 100644
--- a/frontend/src/api/user.ts
+++ b/frontend/src/api/user.ts
@@ -1,45 +1,17 @@
 import { http } from "@/utils/http";
 import { baseUrlApi } from "./utils";
-
-export type UserResult = {
-  code: number;
-  success: boolean;
-  msg: string;
-  data: {
-    /** 用户名 */
-    username: string;
-    /** uuid */
-    uuid: string;
-    /** 部门 */
-    depart: string;
-    /** 当前登陆用户的角色 */
-    roles: [string];
-    /** `token` */
-    accessToken: string;
-    /** 用于调用刷新`accessToken`的接口时所需的`token` */
-    refreshToken: string;
-    /** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */
-    expires: Date;
-  };
-};
-
-export type RefreshTokenResult = {
-  code: number;
-  success: boolean;
-  msg: string;
-  data: {
-    /** `token` */
-    accessToken: string;
-    /** 用于调用刷新`accessToken`的接口时所需的`token` */
-    refreshToken: string;
-    /** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */
-    expires: Date;
-  };
-};
+import type { RefreshTokenResult, LoginResult, UserResult } from "@/types/user";
 
 /** 登录 */
 export const getLogin = (data?: object) => {
-  return http.request<UserResult>("post", baseUrlApi("/base/accessToken"), {
+  return http.request<LoginResult>("post", baseUrlApi("/base/accessToken"), {
+    data
+  });
+};
+
+/** 获取用户信息 */
+export const getUserInfo = (data?: object) => {
+  return http.request<UserResult>("post", baseUrlApi("/base/userinfo"), {
     data
   });
 };
diff --git a/frontend/src/store/modules/user.ts b/frontend/src/store/modules/user.ts
index 553a8ef..b1623cc 100644
--- a/frontend/src/store/modules/user.ts
+++ b/frontend/src/store/modules/user.ts
@@ -5,9 +5,9 @@ import { routerArrays } from "@/layout/types";
 import { router, resetRouter } from "@/router";
 import { storageLocal } from "@pureadmin/utils";
 import { getLogin, refreshTokenApi } from "@/api/user";
-import type { UserResult, RefreshTokenResult } from "@/api/user";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
 import { type DataInfo, setToken, removeToken, userKey } from "@/utils/auth";
+import type { RefreshTokenResult, LoginResult } from "@/types/user";
 
 export const useUserStore = defineStore({
   id: "pure-user",
@@ -51,7 +51,7 @@ export const useUserStore = defineStore({
     },
     /** 登入 */
     async loginByUsername(data) {
-      return new Promise<UserResult>((resolve, reject) => {
+      return new Promise<LoginResult>((resolve, reject) => {
         getLogin(data)
           .then(data => {
             if (data) {
diff --git a/frontend/src/types/user.ts b/frontend/src/types/user.ts
new file mode 100644
index 0000000..58462ee
--- /dev/null
+++ b/frontend/src/types/user.ts
@@ -0,0 +1,41 @@
+import type { BaseResult } from "@/types/base";
+
+export type UserInfo = {
+  /** uuid */
+  uuid: string;
+  /** 用户名 */
+  username: string;
+  /** 部门 */
+  depart: string;
+  /** 电话 */
+  phone: string;
+};
+
+export type UserResult = BaseResult & {
+  data: UserInfo;
+};
+
+export type LoginResult = BaseResult & {
+  data: UserInfo & {
+    /** 当前登陆用户的角色 */
+    roles: [string];
+    /** `token` */
+    accessToken: string;
+    /** 用于调用刷新`accessToken`的接口时所需的`token` */
+    refreshToken: string;
+    /** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */
+    expires: Date;
+  };
+};
+export type RefreshTokenResult = {
+  code: number;
+  msg: string;
+  data: {
+    /** `token` */
+    accessToken: string;
+    /** 用于调用刷新`accessToken`的接口时所需的`token` */
+    refreshToken: string;
+    /** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */
+    expires: Date;
+  };
+};
diff --git a/frontend/src/utils/http/index.ts b/frontend/src/utils/http/index.ts
index 5eba358..b10b35f 100644
--- a/frontend/src/utils/http/index.ts
+++ b/frontend/src/utils/http/index.ts
@@ -167,17 +167,14 @@ class PureHttp {
           } else {
             errorNotification("服务器异常，请刷新~");
           }
-        }
-        if (error.response.status == 403) {
+        } else if (error.response.status == 403) {
           resetRouter();
           router.push("/403").then(() => {
             errorNotification(error.response.data.msg);
           });
-        }
-        if (error.response.status == 406) {
+        } else if (error.response.status == 406) {
           errorNotification(error.response.data.msg);
-        }
-        if (error.response.status == 401) {
+        } else if (error.response.status == 401) {
           removeToken();
           resetRouter();
           router.push("/login").then(() => {
diff --git a/frontend/src/views/admin/Approval.vue b/frontend/src/views/admin/Approval.vue
deleted file mode 100644
index eb4d10a..0000000
--- a/frontend/src/views/admin/Approval.vue
+++ /dev/null
@@ -1,641 +0,0 @@
-<script setup lang="tsx">
-import Segmented, { OptionsType } from "@/components/ReSegmented";
-import { computed, reactive, ref } from "vue";
-import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import Search from "@iconify-icons/ep/search";
-import Approve from "@iconify-icons/fluent/approvals-app-16-filled";
-import Reject from "@iconify-icons/fluent/text-change-reject-24-filled";
-import { PaginationProps, PureTable } from "@pureadmin/table";
-import type { LoadingConfig } from "@pureadmin/table";
-import { PureTableBar } from "@/components/RePureTableBar";
-import { successNotification } from "@/utils/notification";
-import { listBorrowed, updateBorrowedInfo } from "@/api/home";
-import { usePublicHooks } from "./utils";
-import { useUserStoreHook } from "@/store/modules/user";
-import { getKeyList } from "@pureadmin/utils";
-import { message } from "@/utils/message";
-
-defineOptions({
-  name: "Approval"
-});
-
-const userId = computed(() => {
-  return useUserStoreHook()?.uuid;
-});
-const tabIndex = ref(0);
-const segmentedOptions: Array<OptionsType> = [
-  {
-    label: "借出待审批",
-    value: 0
-  },
-  {
-    label: "归还待审批",
-    value: 1
-  }
-];
-
-const borrowedOptBar = reactive({
-  area: ""
-});
-const loading = ref(false);
-
-const onSearch = () => {
-  listBorrowed(
-    borrowedOptBar.area,
-    pagination.currentPage,
-    pagination.pageSize,
-    false
-  ).then(res => {
-    dataList.value = res.data;
-    pagination.total = res.total;
-  });
-};
-
-/** 标签风格 */
-const { tagStyle } = usePublicHooks();
-
-const columns: TableColumnList = [
-  {
-    label: "勾选列", // 如果需要表格多选，此处label必须设置
-    type: "selection",
-    fixed: "left",
-    reserveSelection: true // 数据刷新后保留选项
-  },
-  {
-    label: "序号",
-    type: "index",
-    width: 60
-  },
-  {
-    label: "借用物资信息",
-    prop: "material",
-    cellRenderer: ({ row }) => (
-      <el-popover
-        placement="right"
-        width="200"
-        trigger="click"
-        v-slots={{
-          reference: () => <el-button link>{row.material[0].name}</el-button>,
-          default: () => (
-            <ul>
-              <li>名称：{row.material[0].name}</li>
-              <li>型号：{row.material[0].model}</li>
-              <li>位置：{row.material[0].position}</li>
-            </ul>
-          )
-        }}
-      ></el-popover>
-    )
-  },
-  {
-    label: "借用人信息",
-    prop: "username",
-    cellRenderer: ({ row }) => (
-      <el-popover
-        placement="right"
-        width="200"
-        trigger="click"
-        v-slots={{
-          reference: () => <el-button link>{row.username}</el-button>,
-          default: () => (
-            <ul>
-              <li>姓名：{row.username}</li>
-              <li>电话：{row.phone}</li>
-              <li>部门：{row.userDepart}</li>
-            </ul>
-          )
-        }}
-      ></el-popover>
-    )
-  },
-  {
-    label: "借用人电话",
-    prop: "phone"
-  },
-  {
-    label: "数量",
-    prop: "borrowing"
-  },
-  {
-    label: "借用理由",
-    prop: "reason",
-    cellRenderer: ({ row }) => (
-      <el-popover
-        placement="right"
-        width="300"
-        trigger="hover"
-        v-slots={{
-          reference: () => (
-            <el-text truncated style="width: 100px">
-              {row.reason}
-            </el-text>
-          ),
-          default: () => <p>{row.reason}</p>
-        }}
-      ></el-popover>
-    )
-  },
-  {
-    label: "借用时间",
-    prop: "borrowTime"
-  },
-  {
-    label: "审批状态",
-    prop: "borrowApproveStatus",
-    cellRenderer: ({ row, props }) => (
-      <el-tag
-        size={props.size}
-        style={tagStyle.value(row.borrowApproveStatus ? 1 : 0)}
-      >
-        {row.borrowApproveStatus ? "已审批" : "待审批"}
-      </el-tag>
-    )
-  },
-  {
-    label: "操作",
-    cellRenderer: ({ row }) => (
-      <>
-        <el-button
-          plain
-          type="primary"
-          onClick={() => {
-            updateBorrowedInfo([row.id], userId.value, true, true).then(() => {
-              message("已批准请求", { type: "success" });
-              onSearch();
-            });
-          }}
-        >
-          批准
-        </el-button>
-        <el-button
-          plain
-          type="warning"
-          onClick={() => {
-            updateBorrowedInfo([row.id], userId.value, true, false).then(() => {
-              message("已驳回请求", { type: "info" });
-              onSearch();
-            });
-          }}
-        >
-          驳回
-        </el-button>
-      </>
-    )
-  }
-];
-const selectedNum = ref(0);
-// 表格ref
-const tableRef = ref();
-
-/** 取消选择 */
-function onSelectionCancel() {
-  selectedNum.value = 0;
-  // 用于多选表格，清空用户的选择
-  tableRef.value.getTableRef().clearSelection();
-}
-
-/** 批量批准或驳回 */
-function onBatch(whether: boolean) {
-  const curSelected = tableRef.value.getTableRef().getSelectionRows();
-  updateBorrowedInfo(
-    getKeyList(curSelected, "id"),
-    userId.value,
-    true,
-    whether
-  ).then(() => {
-    onSearch();
-    tableRef.value.getTableRef().clearSelection();
-    successNotification(`已批${whether ? "通过" : "驳回"}所选请求`);
-  });
-}
-
-// 表格数据
-const dataList = ref([]);
-
-// 分页设置
-const pagination = reactive<PaginationProps>({
-  total: 0,
-  pageSize: 10,
-  currentPage: 1,
-  background: true,
-  pageSizes: [10, 20, 30, 50]
-});
-
-/** 当CheckBox选择项发生变化时会触发该事件 */
-function handleSelectionChange(val) {
-  selectedNum.value = val.length;
-  // 重置表格高度
-  tableRef.value.setAdaptive();
-}
-
-/** 加载动画配置 */
-const loadingConfig = reactive<LoadingConfig>({
-  text: "正在加载第一页...",
-  viewBox: "-10, -10, 50, 50",
-  spinner: `
-        <path class="path" d="
-          M 30 15
-          L 28 17
-          M 25.61 25.61
-          A 15 15, 0, 0, 1, 15 30
-          A 15 15, 0, 1, 1, 27.99 7.5
-          L 15 15
-        " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
-      `
-  // svg: "",
-  // background: rgba()
-});
-
-function handleSizeChange(val: number) {
-  console.log(`${val} items per page`);
-}
-
-function handleCurrentChange(val: number) {
-  console.log(`current page: ${val}`);
-}
-
-const returnOptBarRef = ref();
-const returnTableRef = ref();
-const returnedOptBar = reactive({
-  area: ""
-});
-
-const onSearchReturn = () => {
-  listBorrowed(
-    returnedOptBar.area,
-    pagination2.currentPage,
-    pagination2.pageSize,
-    true,
-    true,
-    false
-  ).then(res => {
-    returnDataList.value = res.data;
-    pagination2.total = res.total;
-  });
-};
-
-const returnFormColumns: TableColumnList = [
-  {
-    label: "勾选列", // 如果需要表格多选，此处label必须设置
-    type: "selection",
-    fixed: "left",
-    reserveSelection: true // 数据刷新后保留选项
-  },
-  {
-    label: "序号",
-    type: "index",
-    width: 60
-  },
-  {
-    label: "借用物资信息",
-    prop: "material",
-    cellRenderer: ({ row }) => (
-      <el-popover
-        placement="right"
-        width="200"
-        trigger="click"
-        v-slots={{
-          reference: () => <el-button link>{row.material[0].name}</el-button>,
-          default: () => (
-            <ul>
-              <li>名称：{row.material[0].name}</li>
-              <li>型号：{row.material[0].model}</li>
-              <li>位置：{row.material[0].position}</li>
-            </ul>
-          )
-        }}
-      ></el-popover>
-    )
-  },
-  {
-    label: "借用人信息",
-    prop: "username",
-    cellRenderer: ({ row }) => (
-      <el-popover
-        placement="right"
-        width="200"
-        trigger="click"
-        v-slots={{
-          reference: () => <el-button link>{row.username}</el-button>,
-          default: () => (
-            <ul>
-              <li>姓名：{row.username}</li>
-              <li>电话：{row.phone}</li>
-              <li>部门：{row.userDepart}</li>
-            </ul>
-          )
-        }}
-      ></el-popover>
-    )
-  },
-  {
-    label: "借用人电话",
-    prop: "phone"
-  },
-  {
-    label: "借用数量",
-    prop: "borrowing"
-  },
-  {
-    label: "借用理由",
-    prop: "reason",
-    cellRenderer: ({ row }) => (
-      <el-popover
-        placement="right"
-        width="300"
-        trigger="hover"
-        v-slots={{
-          reference: () => (
-            <el-text truncated style="width: 100px">
-              {row.reason}
-            </el-text>
-          ),
-          default: () => <p>{row.reason}</p>
-        }}
-      ></el-popover>
-    )
-  },
-  {
-    label: "借用时间",
-    prop: "borrowTime"
-  },
-  {
-    label: "归还状态",
-    prop: "returnApproveStatus",
-    cellRenderer: ({ row, props }) => (
-      <el-tag
-        size={props.size}
-        style={tagStyle.value(row.returnApproveStatus ? 1 : 0)}
-      >
-        {row.returnApproveStatus ? "已归还" : "未归还"}
-      </el-tag>
-    )
-  },
-  {
-    label: "操作",
-    cellRenderer: ({ row }) => (
-      <el-button
-        plain
-        type="primary"
-        onClick={() => {
-          updateBorrowedInfo([row.id], userId.value, false, false, true).then(
-            () => {
-              message("已批准请求", { type: "success" });
-              onSearchReturn();
-            }
-          );
-        }}
-      >
-        批准
-      </el-button>
-    )
-  }
-];
-
-const returnSelectedNum = ref(0);
-const returnLoading = ref(false);
-const returnDataList = ref([]);
-// 分页设置
-const pagination2 = reactive<PaginationProps>({
-  total: 0,
-  pageSize: 10,
-  currentPage: 1,
-  background: true,
-  pageSizes: [10, 20, 30, 50]
-});
-const onBatchReturn = () => {
-  const curSelected = returnTableRef.value.getTableRef().getSelectionRows();
-  updateBorrowedInfo(
-    getKeyList(curSelected, "id"),
-    userId.value,
-    false,
-    true,
-    true
-  ).then(() => {
-    onSearchReturn();
-    returnTableRef.value.getTableRef().clearSelection();
-    successNotification("已批通过选请求");
-  });
-};
-/** 当CheckBox选择项发生变化时会触发该事件 */
-function returnHandleSelectionChange(val) {
-  returnSelectedNum.value = val.length;
-  // 重置表格高度
-  returnTableRef.value.setAdaptive();
-}
-</script>
-
-<template>
-  <div class="main">
-    <Segmented v-model="tabIndex" :options="segmentedOptions" size="large" />
-    <el-tabs v-model="tabIndex" type="card" class="myTabs">
-      <el-tab-pane :name="segmentedOptions[0].value" :lazy="true">
-        <el-form
-          ref="borrowedOptBarRef"
-          :inline="true"
-          :model="borrowedOptBar"
-          class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-        >
-          <el-form-item label="选择区域" prop="area">
-            <el-select
-              v-model="borrowedOptBar.area"
-              placeholder="请选择区域"
-              class="!w-[150px]"
-            >
-              <el-option label="隔离办" value="glb" />
-              <el-option label="辅控" value="fk" />
-              <el-option label="网控" value="wk" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-button
-              type="primary"
-              :icon="useRenderIcon(Search)"
-              :loading="loading"
-              :disabled="borrowedOptBar.area === ''"
-              @click="onSearch"
-            >
-              搜索
-            </el-button>
-          </el-form-item>
-        </el-form>
-
-        <PureTableBar title="借出待审批" :columns="columns" @refresh="onSearch">
-          <template #buttons>
-            <div class="h-full mb-2 pl-4 flex items-center">
-              <div class="flex-auto">
-                <span
-                  style="font-size: var(--el-font-size-base)"
-                  class="text-[rgba(42,46,54,0.5)] dark:text-[rgba(220,220,242,0.5)]"
-                >
-                  已选 {{ selectedNum }} 项
-                </span>
-                <el-button type="primary" text @click="onSelectionCancel">
-                  取消选择
-                </el-button>
-              </div>
-            </div>
-
-            <el-popconfirm
-              title="确定要批准所选请求吗？"
-              @confirm="onBatch(true)"
-            >
-              <template #reference>
-                <el-button type="success" :icon="useRenderIcon(Approve)">
-                  批量批准
-                </el-button>
-              </template>
-            </el-popconfirm>
-            <el-popconfirm
-              title="确定要驳回所选请求吗？"
-              @confirm="onBatch(false)"
-            >
-              <template #reference>
-                <el-button type="danger" :icon="useRenderIcon(Reject)">
-                  批量驳回
-                </el-button>
-              </template>
-            </el-popconfirm>
-          </template>
-          <template v-slot="{ size, dynamicColumns }">
-            <pure-table
-              ref="tableRef"
-              row-key="id"
-              align-whole="center"
-              table-layout="auto"
-              :loading="loading"
-              :size="size"
-              adaptive
-              :loadingConfig="loadingConfig"
-              :adaptiveConfig="{ offsetBottom: 108 }"
-              :data="dataList"
-              :columns="dynamicColumns"
-              :pagination="pagination"
-              :paginationSmall="size === 'small'"
-              :header-cell-style="{
-                background: 'var(--el-fill-color-light)',
-                color: 'var(--el-text-color-primary)'
-              }"
-              @selection-change="handleSelectionChange"
-              @page-size-change="handleSizeChange"
-              @page-current-change="handleCurrentChange"
-            />
-          </template>
-        </PureTableBar>
-      </el-tab-pane>
-      <el-tab-pane :name="segmentedOptions[1].value" :lazy="true">
-        <el-form
-          ref="returnOptBarRef"
-          :inline="true"
-          :model="returnedOptBar"
-          class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-        >
-          <el-form-item label="选择区域" prop="area">
-            <el-select
-              v-model="returnedOptBar.area"
-              placeholder="请选择区域"
-              class="!w-[150px]"
-            >
-              <el-option label="隔离办" value="glb" />
-              <el-option label="辅控" value="fk" />
-              <el-option label="网控" value="wk" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-button
-              type="primary"
-              :icon="useRenderIcon(Search)"
-              :loading="loading"
-              :disabled="returnedOptBar.area === ''"
-              @click="onSearchReturn"
-            >
-              搜索
-            </el-button>
-          </el-form-item>
-        </el-form>
-
-        <PureTableBar
-          title="归还待审批"
-          :columns="returnFormColumns"
-          @refresh="onSearchReturn"
-        >
-          <template #buttons>
-            <div class="h-full mb-2 pl-4 flex items-center">
-              <div class="flex-auto">
-                <span
-                  style="font-size: var(--el-font-size-base)"
-                  class="text-[rgba(42,46,54,0.5)] dark:text-[rgba(220,220,242,0.5)]"
-                >
-                  已选 {{ returnSelectedNum }} 项
-                </span>
-                <el-button type="primary" text @click="onSelectionCancel">
-                  取消选择
-                </el-button>
-              </div>
-            </div>
-
-            <el-popconfirm
-              title="确定要批准所选请求吗？"
-              @confirm="onBatchReturn"
-            >
-              <template #reference>
-                <el-button type="success" :icon="useRenderIcon(Approve)">
-                  批量批准
-                </el-button>
-              </template>
-            </el-popconfirm>
-          </template>
-          <template v-slot="{ size, dynamicColumns }">
-            <pure-table
-              ref="returnTableRef"
-              row-key="id"
-              align-whole="center"
-              table-layout="auto"
-              :loading="returnLoading"
-              :size="size"
-              adaptive
-              :loadingConfig="loadingConfig"
-              :adaptiveConfig="{ offsetBottom: 108 }"
-              :data="returnDataList"
-              :columns="dynamicColumns"
-              :pagination="pagination2"
-              :paginationSmall="size === 'small'"
-              :header-cell-style="{
-                background: 'var(--el-fill-color-light)',
-                color: 'var(--el-text-color-primary)'
-              }"
-              @selection-change="returnHandleSelectionChange"
-              @page-size-change="handleSizeChange"
-              @page-current-change="handleCurrentChange"
-            />
-          </template>
-        </PureTableBar>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.tab-pane > .el-tabs__items {
-  padding: 0;
-}
-
-:deep(.myTabs) {
-  .el-tabs__header {
-    border-radius: var(--el-border-radius-base);
-    border: 0;
-    height: 0;
-    .el-tabs__nav {
-      border: 0;
-      .el-tabs__item {
-        border: 0;
-        padding: 0;
-      }
-    }
-  }
-}
-
-.main-content {
-  margin: 24px 24px 0 !important;
-}
-</style>
diff --git a/frontend/src/views/admin/Approval/index.vue b/frontend/src/views/admin/Approval/index.vue
new file mode 100644
index 0000000..fb604fc
--- /dev/null
+++ b/frontend/src/views/admin/Approval/index.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import Segmented, { OptionsType } from "@/components/ReSegmented";
+import Borrowing from "./panels/borrowing.vue";
+import Returning from "./panels/returning.vue";
+import Returned from "./panels/returned.vue";
+import { useUserStoreHook } from "@/store/modules/user";
+
+defineOptions({
+  name: "Approval"
+});
+
+const tabIndex = ref(0);
+const userId = computed(() => {
+  return useUserStoreHook()?.uuid;
+});
+const segmentedOptions: Array<OptionsType> = [
+  {
+    label: "借出待审批",
+    value: 0
+  },
+  {
+    label: "归还待审批",
+    value: 1
+  },
+  {
+    label: "借用记录",
+    value: 2
+  }
+];
+</script>
+
+<template>
+  <div class="main">
+    <Segmented v-model="tabIndex" :options="segmentedOptions" size="large" />
+    <el-tabs v-model="tabIndex" type="card" class="myTabs">
+      <Transition>
+        <Borrowing
+          v-show="segmentedOptions[0].value == tabIndex"
+          :segmentedOptions="segmentedOptions"
+          :userId="userId"
+        />
+      </Transition>
+      <Transition>
+        <Returning
+          v-show="segmentedOptions[1].value == tabIndex"
+          :segmentedOptions="segmentedOptions"
+          :userId="userId"
+        />
+      </Transition>
+      <Transition>
+        <Returned
+          v-show="segmentedOptions[2].value == tabIndex"
+          :segmentedOptions="segmentedOptions"
+          :userId="userId"
+        />
+      </Transition>
+    </el-tabs>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.tab-pane > .el-tabs__items {
+  padding: 0;
+}
+
+:deep(.myTabs) {
+  .el-tabs__header {
+    border-radius: var(--el-border-radius-base);
+    border: 0;
+    height: 0;
+    .el-tabs__nav {
+      border: 0;
+      .el-tabs__item {
+        border: 0;
+        padding: 0;
+      }
+    }
+  }
+}
+
+.main-content {
+  margin: 24px 24px 0 !important;
+}
+
+.v-enter-active,
+.v-leave-active {
+  transition: opacity 1s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/frontend/src/views/admin/Approval/panels/borrowing.vue b/frontend/src/views/admin/Approval/panels/borrowing.vue
new file mode 100644
index 0000000..e81c685
--- /dev/null
+++ b/frontend/src/views/admin/Approval/panels/borrowing.vue
@@ -0,0 +1,330 @@
+<script setup lang="tsx">
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import Search from "@iconify-icons/ep/search";
+import Approve from "@iconify-icons/fluent/approvals-app-16-filled";
+import Reject from "@iconify-icons/fluent/text-change-reject-24-filled";
+import { reactive, ref } from "vue";
+import { listBorrowed } from "@/api/home";
+import { PaginationProps, PureTable } from "@pureadmin/table";
+import { usePublicHooks } from "@/views/hooks";
+import { message } from "@/utils/message";
+import { updateBorrowedInfo } from "@/api/home";
+import PureTableBar from "@/components/RePureTableBar/src/bar";
+import { successNotification } from "@/utils/notification";
+import { getKeyList } from "@pureadmin/utils";
+import { OptionsType } from "@/components/ReSegmented";
+
+const props = defineProps({
+  segmentedOptions: {
+    type: Array<OptionsType>,
+    required: true
+  },
+  userId: { type: String, required: true }
+});
+
+const borrowedOptBar = reactive({
+  area: ""
+});
+const loading = ref(false);
+// 表格数据
+const dataList = ref([]);
+const onSearch = () => {
+  listBorrowed(
+    borrowedOptBar.area,
+    pagination.currentPage,
+    pagination.pageSize,
+    false
+  ).then(res => {
+    dataList.value = res.data;
+    pagination.total = res.total;
+  });
+};
+// 分页设置
+const pagination = reactive<PaginationProps>({
+  total: 0,
+  pageSize: 10,
+  currentPage: 1,
+  background: true,
+  pageSizes: [10, 20, 30, 50]
+});
+
+const selectedNum = ref(0);
+// 表格ref
+const tableRef = ref();
+/** 取消选择 */
+function onSelectionCancel() {
+  selectedNum.value = 0;
+  // 用于多选表格，清空用户的选择
+  tableRef.value.getTableRef().clearSelection();
+}
+/** 批量批准或驳回 */
+function onBatch(whether: boolean) {
+  const curSelected = tableRef.value.getTableRef().getSelectionRows();
+  updateBorrowedInfo(
+    getKeyList(curSelected, "id"),
+    props.userId,
+    true,
+    whether
+  ).then(() => {
+    onSearch();
+    tableRef.value.getTableRef().clearSelection();
+    successNotification(`已批${whether ? "通过" : "驳回"}所选请求`);
+  });
+}
+
+/** 标签风格 */
+const { tagStyle } = usePublicHooks();
+
+const columns: TableColumnList = [
+  {
+    label: "勾选列", // 如果需要表格多选，此处label必须设置
+    type: "selection",
+    fixed: "left",
+    reserveSelection: true // 数据刷新后保留选项
+  },
+  {
+    label: "序号",
+    type: "index",
+    width: 60
+  },
+  {
+    label: "借用物资信息",
+    prop: "material",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.material[0].name}</el-button>,
+          default: () => (
+            <ul>
+              <li>名称：{row.material[0].name}</li>
+              <li>型号：{row.material[0].model}</li>
+              <li>位置：{row.material[0].position}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用人信息",
+    prop: "username",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.username}</el-button>,
+          default: () => (
+            <ul>
+              <li>姓名：{row.username}</li>
+              <li>电话：{row.phone}</li>
+              <li>部门：{row.userDepart}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用人电话",
+    prop: "phone"
+  },
+  {
+    label: "数量",
+    prop: "borrowing"
+  },
+  {
+    label: "借用理由",
+    prop: "reason",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="300"
+        trigger="hover"
+        v-slots={{
+          reference: () => (
+            <el-text truncated style="width: 100px">
+              {row.reason}
+            </el-text>
+          ),
+          default: () => <p>{row.reason}</p>
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用时间",
+    prop: "borrowTime"
+  },
+  {
+    label: "审批状态",
+    prop: "borrowApproveStatus",
+    cellRenderer: ({ row, props }) => (
+      <el-tag
+        size={props.size}
+        style={tagStyle.value(row.borrowApproveStatus ? 1 : 0)}
+      >
+        {row.borrowApproveStatus ? "已审批" : "待审批"}
+      </el-tag>
+    )
+  },
+  {
+    label: "操作",
+    cellRenderer: ({ row }) => (
+      <>
+        <el-button
+          plain
+          type="primary"
+          onClick={() => {
+            updateBorrowedInfo([row.id], props.userId, true, true).then(() => {
+              message("已批准请求", { type: "success" });
+              onSearch();
+            });
+          }}
+        >
+          批准
+        </el-button>
+        <el-button
+          plain
+          type="warning"
+          onClick={() => {
+            updateBorrowedInfo([row.id], props.userId, true, false).then(() => {
+              message("已驳回请求", { type: "info" });
+              onSearch();
+            });
+          }}
+        >
+          驳回
+        </el-button>
+      </>
+    )
+  }
+];
+
+/** 当CheckBox选择项发生变化时会触发该事件 */
+function handleSelectionChange(val) {
+  selectedNum.value = val.length;
+  // 重置表格高度
+  tableRef.value.setAdaptive();
+}
+
+function handleSizeChange(val: number) {
+  console.log(`${val} items per page`);
+}
+
+function handleCurrentChange(val: number) {
+  console.log(`current page: ${val}`);
+}
+</script>
+
+<template>
+  <div class="main">
+    <el-tab-pane :name="props.segmentedOptions[0].value" :lazy="true">
+      <el-form
+        ref="borrowedOptBarRef"
+        :inline="true"
+        :model="borrowedOptBar"
+        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      >
+        <el-form-item label="选择区域" prop="area">
+          <el-select
+            v-model="borrowedOptBar.area"
+            placeholder="请选择区域"
+            class="!w-[150px]"
+          >
+            <el-option label="隔离办" value="glb" />
+            <el-option label="辅控" value="fk" />
+            <el-option label="网控" value="wk" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :icon="useRenderIcon(Search)"
+            :loading="loading"
+            :disabled="borrowedOptBar.area === ''"
+            @click="onSearch"
+          >
+            搜索
+          </el-button>
+        </el-form-item>
+      </el-form>
+
+      <PureTableBar title="借出待审批" :columns="columns" @refresh="onSearch">
+        <template #buttons>
+          <div class="h-full mb-2 pl-4 flex items-center">
+            <div class="flex-auto">
+              <span
+                style="font-size: var(--el-font-size-base)"
+                class="text-[rgba(42,46,54,0.5)] dark:text-[rgba(220,220,242,0.5)]"
+              >
+                已选 {{ selectedNum }} 项
+              </span>
+              <el-button type="primary" text @click="onSelectionCancel">
+                取消选择
+              </el-button>
+            </div>
+          </div>
+
+          <el-popconfirm
+            title="确定要批准所选请求吗？"
+            @confirm="onBatch(true)"
+          >
+            <template #reference>
+              <el-button
+                type="success"
+                :disabled="selectedNum < 1"
+                :icon="useRenderIcon(Approve)"
+              >
+                批量批准
+              </el-button>
+            </template>
+          </el-popconfirm>
+          <el-popconfirm
+            title="确定要驳回所选请求吗？"
+            @confirm="onBatch(false)"
+          >
+            <template #reference>
+              <el-button
+                type="danger"
+                :disabled="selectedNum < 1"
+                :icon="useRenderIcon(Reject)"
+              >
+                批量驳回
+              </el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+        <template v-slot="{ size, dynamicColumns }">
+          <pure-table
+            ref="tableRef"
+            row-key="id"
+            align-whole="center"
+            table-layout="auto"
+            :loading="loading"
+            :size="size"
+            adaptive
+            :adaptiveConfig="{ offsetBottom: 108 }"
+            :data="dataList"
+            :columns="dynamicColumns"
+            :pagination="pagination"
+            :paginationSmall="size === 'small'"
+            :header-cell-style="{
+              background: 'var(--el-fill-color-light)',
+              color: 'var(--el-text-color-primary)'
+            }"
+            @selection-change="handleSelectionChange"
+            @page-size-change="handleSizeChange"
+            @page-current-change="handleCurrentChange"
+          />
+        </template>
+      </PureTableBar>
+    </el-tab-pane>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/frontend/src/views/admin/Approval/panels/returned.vue b/frontend/src/views/admin/Approval/panels/returned.vue
new file mode 100644
index 0000000..56c86dd
--- /dev/null
+++ b/frontend/src/views/admin/Approval/panels/returned.vue
@@ -0,0 +1,344 @@
+<script setup lang="tsx">
+import { OptionsType } from "@/components/ReSegmented";
+import { reactive, ref } from "vue";
+import { deleteBorrowed, listBorrowed } from "@/api/home";
+import { PaginationProps, PureTable } from "@pureadmin/table";
+import { usePublicHooks } from "@/views/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import Search from "@iconify-icons/ep/search";
+import Reject from "@iconify-icons/fluent/text-change-reject-24-filled";
+import PureTableBar from "@/components/RePureTableBar/src/bar";
+import { getKeyList } from "@pureadmin/utils";
+import { errorNotification, successNotification } from "@/utils/notification";
+
+const props = defineProps({
+  segmentedOptions: {
+    type: Array<OptionsType>,
+    required: true
+  },
+  userId: { type: String, required: true }
+});
+
+const borrowedOptBar = reactive({
+  area: ""
+});
+const loading = ref(false);
+// 表格数据
+const dataList = ref([]);
+const onSearch = () => {
+  listBorrowed(
+    borrowedOptBar.area,
+    pagination.currentPage,
+    pagination.pageSize
+  ).then(res => {
+    dataList.value = res.data;
+    pagination.total = res.total;
+  });
+};
+// 分页设置
+const pagination = reactive<PaginationProps>({
+  total: 0,
+  pageSize: 10,
+  currentPage: 1,
+  background: true,
+  pageSizes: [10, 20, 30, 50]
+});
+
+const selectedNum = ref(0);
+// 表格ref
+const tableRef = ref();
+/** 取消选择 */
+function onSelectionCancel() {
+  selectedNum.value = 0;
+  // 用于多选表格，清空用户的选择
+  tableRef.value.getTableRef().clearSelection();
+}
+
+/** 标签风格 */
+const { tagStyle } = usePublicHooks();
+
+/** 当CheckBox选择项发生变化时会触发该事件 */
+function handleSelectionChange(val) {
+  selectedNum.value = val.length;
+  // 重置表格高度
+  tableRef.value.setAdaptive();
+}
+
+function handleSizeChange(val: number) {
+  console.log(`${val} items per page`);
+}
+
+function handleCurrentChange(val: number) {
+  console.log(`current page: ${val}`);
+}
+const onBatchBtnLoading = ref(false);
+// 删除所选择的行
+const onBatchDel = () => {
+  onBatchBtnLoading.value = true;
+  const curSelected = tableRef.value.getTableRef().getSelectionRows();
+  const idList = getKeyList(curSelected, "id");
+  deleteBorrowed(idList)
+    .then(res => {
+      successNotification(res.msg);
+      onSearch();
+      tableRef.value.getTableRef().clearSelection();
+    })
+    .catch(err => {
+      errorNotification(err.data.msg);
+    })
+    .finally(() => {
+      onBatchBtnLoading.value = false;
+    });
+};
+
+const columns: TableColumnList = [
+  {
+    label: "勾选列", // 如果需要表格多选，此处label必须设置
+    type: "selection",
+    fixed: "left",
+    reserveSelection: true // 数据刷新后保留选项
+  },
+  {
+    label: "序号",
+    type: "index",
+    width: 60
+  },
+  {
+    label: "借用物资信息",
+    prop: "material",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.material[0].name}</el-button>,
+          default: () => (
+            <ul>
+              <li>名称：{row.material[0].name}</li>
+              <li>型号：{row.material[0].model}</li>
+              <li>位置：{row.material[0].position}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用人信息",
+    prop: "username",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.username}</el-button>,
+          default: () => (
+            <ul>
+              <li>姓名：{row.username}</li>
+              <li>电话：{row.phone}</li>
+              <li>部门：{row.userDepart}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用人电话",
+    prop: "phone"
+  },
+  {
+    label: "数量",
+    prop: "borrowing"
+  },
+  {
+    label: "借用理由",
+    prop: "reason",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="300"
+        trigger="hover"
+        v-slots={{
+          reference: () => (
+            <el-text truncated style="width: 100px">
+              {row.reason}
+            </el-text>
+          ),
+          default: () => <p>{row.reason}</p>
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借出审批",
+    prop: "borrowApproveWhether",
+    cellRenderer: ({ row, props }) => (
+      <el-tag
+        size={props.size}
+        style={tagStyle.value(row.borrowApproveWhether ? 1 : 0)}
+      >
+        {row.borrowApproveWhether ? "批准" : "驳回"}
+      </el-tag>
+    )
+  },
+  {
+    label: "借出批准人",
+    prop: "borrowApproveUser",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="180"
+        trigger="click"
+        v-slots={{
+          reference: () => (
+            <el-button link>{row.borrowApproveUser[0].username}</el-button>
+          ),
+          default: () => (
+            <ul>
+              <li>姓名：{row.borrowApproveUser[0].username}</li>
+              <li>电话：{row.borrowApproveUser[0].phone}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借出时间",
+    prop: "borrowTime"
+  },
+  {
+    label: "归还状态",
+    prop: "returnApproveStatus",
+    cellRenderer: ({ row, props }) => (
+      <el-tag
+        size={props.size}
+        style={tagStyle.value(row.returnApproveStatus ? 1 : 0)}
+      >
+        {row.returnApproveStatus ? "已归还" : "未归还"}
+      </el-tag>
+    )
+  },
+  {
+    label: "归还批准人",
+    prop: "returnApproveUser",
+    cellRenderer: ({ row, props }) => (
+      <el-popover
+        placement="right"
+        width="180"
+        trigger="click"
+        v-slots={{
+          reference: () => (
+            <el-button link>{row.returnApproveUser[0].username}</el-button>
+          ),
+          default: () => (
+            <ul>
+              <li>姓名：{row.returnApproveUser[0].username}</li>
+              <li>电话：{row.returnApproveUser[0].phone}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "归还时间",
+    prop: "returnApproveTime"
+  }
+];
+</script>
+
+<template>
+  <div class="main">
+    <el-tab-pane :name="props.segmentedOptions[2].value" :lazy="true">
+      <el-form
+        ref="borrowedOptBarRef"
+        :inline="true"
+        :model="borrowedOptBar"
+        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      >
+        <el-form-item label="选择区域" prop="area">
+          <el-select
+            v-model="borrowedOptBar.area"
+            placeholder="请选择区域"
+            class="!w-[150px]"
+          >
+            <el-option label="隔离办" value="glb" />
+            <el-option label="辅控" value="fk" />
+            <el-option label="网控" value="wk" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :icon="useRenderIcon(Search)"
+            :loading="loading"
+            :disabled="borrowedOptBar.area === ''"
+            @click="onSearch"
+          >
+            搜索
+          </el-button>
+        </el-form-item>
+      </el-form>
+
+      <PureTableBar title="借用记录" :columns="columns" @refresh="onSearch">
+        <template #buttons>
+          <div class="h-full mb-2 pl-4 flex items-center">
+            <div class="flex-auto">
+              <span
+                style="font-size: var(--el-font-size-base)"
+                class="text-[rgba(42,46,54,0.5)] dark:text-[rgba(220,220,242,0.5)]"
+              >
+                已选 {{ selectedNum }} 项
+              </span>
+              <el-button type="primary" text @click="onSelectionCancel">
+                取消选择
+              </el-button>
+            </div>
+          </div>
+
+          <el-popconfirm title="确定要删除所选记录吗？" @confirm="onBatchDel">
+            <template #reference>
+              <el-button
+                type="danger"
+                :disabled="selectedNum < 1"
+                :loading="onBatchBtnLoading"
+                :icon="useRenderIcon(Reject)"
+              >
+                删除所选
+              </el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+        <template v-slot="{ size, dynamicColumns }">
+          <pure-table
+            ref="tableRef"
+            row-key="id"
+            align-whole="center"
+            table-layout="auto"
+            :loading="loading"
+            :size="size"
+            adaptive
+            :adaptiveConfig="{ offsetBottom: 108 }"
+            :data="dataList"
+            :columns="dynamicColumns"
+            :pagination="pagination"
+            :paginationSmall="size === 'small'"
+            :header-cell-style="{
+              background: 'var(--el-fill-color-light)',
+              color: 'var(--el-text-color-primary)'
+            }"
+            @selection-change="handleSelectionChange"
+            @page-size-change="handleSizeChange"
+            @page-current-change="handleCurrentChange"
+          />
+        </template>
+      </PureTableBar>
+    </el-tab-pane>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/frontend/src/views/admin/Approval/panels/returning.vue b/frontend/src/views/admin/Approval/panels/returning.vue
new file mode 100644
index 0000000..80ba4f5
--- /dev/null
+++ b/frontend/src/views/admin/Approval/panels/returning.vue
@@ -0,0 +1,308 @@
+<script setup lang="tsx">
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import Search from "@iconify-icons/ep/search";
+import Approve from "@iconify-icons/fluent/approvals-app-16-filled";
+import { reactive, ref } from "vue";
+import { listBorrowed, updateBorrowedInfo } from "@/api/home";
+import { message } from "@/utils/message";
+import { PaginationProps } from "@pureadmin/table";
+import { getKeyList } from "@pureadmin/utils";
+import { successNotification } from "@/utils/notification";
+import { usePublicHooks } from "@/views/hooks";
+import PureTableBar from "@/components/RePureTableBar/src/bar";
+import { OptionsType } from "@/components/ReSegmented";
+
+const props = defineProps({
+  segmentedOptions: {
+    type: Array<OptionsType>,
+    required: true
+  },
+  userId: { type: String, required: true }
+});
+
+const returnOptBarRef = ref();
+const returnTableRef = ref();
+const returnedOptBar = reactive({
+  area: ""
+});
+const loading = ref(false);
+/** 标签风格 */
+const { tagStyle } = usePublicHooks();
+
+const onSearchReturn = () => {
+  listBorrowed(
+    returnedOptBar.area,
+    pagination2.currentPage,
+    pagination2.pageSize,
+    true,
+    true,
+    false
+  ).then(res => {
+    returnDataList.value = res.data;
+    pagination2.total = res.total;
+  });
+};
+
+const selectedNum = ref(0);
+// 表格ref
+const tableRef = ref();
+
+const returnFormColumns: TableColumnList = [
+  {
+    label: "勾选列", // 如果需要表格多选，此处label必须设置
+    type: "selection",
+    fixed: "left",
+    reserveSelection: true // 数据刷新后保留选项
+  },
+  {
+    label: "序号",
+    type: "index",
+    width: 60
+  },
+  {
+    label: "借用物资信息",
+    prop: "material",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.material[0].name}</el-button>,
+          default: () => (
+            <ul>
+              <li>名称：{row.material[0].name}</li>
+              <li>型号：{row.material[0].model}</li>
+              <li>位置：{row.material[0].position}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用人信息",
+    prop: "username",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.username}</el-button>,
+          default: () => (
+            <ul>
+              <li>姓名：{row.username}</li>
+              <li>电话：{row.phone}</li>
+              <li>部门：{row.userDepart}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用人电话",
+    prop: "phone"
+  },
+  {
+    label: "借用数量",
+    prop: "borrowing"
+  },
+  {
+    label: "借用理由",
+    prop: "reason",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="300"
+        trigger="hover"
+        v-slots={{
+          reference: () => (
+            <el-text truncated style="width: 100px">
+              {row.reason}
+            </el-text>
+          ),
+          default: () => <p>{row.reason}</p>
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "借用时间",
+    prop: "borrowTime"
+  },
+  {
+    label: "归还状态",
+    prop: "returnApproveStatus",
+    cellRenderer: ({ row, props }) => (
+      <el-tag
+        size={props.size}
+        style={tagStyle.value(row.returnApproveStatus ? 1 : 0)}
+      >
+        {row.returnApproveStatus ? "已归还" : "未归还"}
+      </el-tag>
+    )
+  },
+  {
+    label: "操作",
+    cellRenderer: ({ row }) => (
+      <el-button
+        plain
+        type="primary"
+        onClick={() => {
+          updateBorrowedInfo([row.id], props.userId, false, false, true).then(
+            () => {
+              message("已批准请求", { type: "success" });
+              onSearchReturn();
+            }
+          );
+        }}
+      >
+        批准
+      </el-button>
+    )
+  }
+];
+
+const returnSelectedNum = ref(0);
+const returnLoading = ref(false);
+const returnDataList = ref([]);
+// 分页设置
+const pagination2 = reactive<PaginationProps>({
+  total: 0,
+  pageSize: 10,
+  currentPage: 1,
+  background: true,
+  pageSizes: [10, 20, 30, 50]
+});
+
+const onBatchReturn = () => {
+  const curSelected = returnTableRef.value.getTableRef().getSelectionRows();
+  updateBorrowedInfo(
+    getKeyList(curSelected, "id"),
+    props.userId,
+    false,
+    true,
+    true
+  ).then(() => {
+    onSearchReturn();
+    returnTableRef.value.getTableRef().clearSelection();
+    successNotification("已批通过选请求");
+  });
+};
+/** 取消选择 */
+function onSelectionCancel() {
+  selectedNum.value = 0;
+  // 用于多选表格，清空用户的选择
+  tableRef.value.getTableRef().clearSelection();
+}
+/** 当CheckBox选择项发生变化时会触发该事件 */
+function returnHandleSelectionChange(val) {
+  returnSelectedNum.value = val.length;
+  // 重置表格高度
+  returnTableRef.value.setAdaptive();
+}
+
+function handleSizeChange(val: number) {
+  console.log(`${val} items per page`);
+}
+
+function handleCurrentChange(val: number) {
+  console.log(`current page: ${val}`);
+}
+</script>
+
+<template>
+  <div class="main">
+    <el-tab-pane :name="props.segmentedOptions[1].value" :lazy="true">
+      <el-form
+        ref="returnOptBarRef"
+        :inline="true"
+        :model="returnedOptBar"
+        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      >
+        <el-form-item label="选择区域" prop="area">
+          <el-select
+            v-model="returnedOptBar.area"
+            placeholder="请选择区域"
+            class="!w-[150px]"
+          >
+            <el-option label="隔离办" value="glb" />
+            <el-option label="辅控" value="fk" />
+            <el-option label="网控" value="wk" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :icon="useRenderIcon(Search)"
+            :loading="loading"
+            :disabled="returnedOptBar.area === ''"
+            @click="onSearchReturn"
+          >
+            搜索
+          </el-button>
+        </el-form-item>
+      </el-form>
+
+      <PureTableBar
+        title="归还待审批"
+        :columns="returnFormColumns"
+        @refresh="onSearchReturn"
+      >
+        <template #buttons>
+          <div class="h-full mb-2 pl-4 flex items-center">
+            <div class="flex-auto">
+              <span
+                style="font-size: var(--el-font-size-base)"
+                class="text-[rgba(42,46,54,0.5)] dark:text-[rgba(220,220,242,0.5)]"
+              >
+                已选 {{ returnSelectedNum }} 项
+              </span>
+              <el-button type="primary" text @click="onSelectionCancel">
+                取消选择
+              </el-button>
+            </div>
+          </div>
+
+          <el-popconfirm
+            title="确定要批准所选请求吗？"
+            @confirm="onBatchReturn"
+          >
+            <template #reference>
+              <el-button type="success" :icon="useRenderIcon(Approve)">
+                批量批准
+              </el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+        <template v-slot="{ size, dynamicColumns }">
+          <pure-table
+            ref="returnTableRef"
+            row-key="id"
+            align-whole="center"
+            table-layout="auto"
+            :loading="returnLoading"
+            :size="size"
+            adaptive
+            :adaptiveConfig="{ offsetBottom: 108 }"
+            :data="returnDataList"
+            :columns="dynamicColumns"
+            :pagination="pagination2"
+            :paginationSmall="size === 'small'"
+            :header-cell-style="{
+              background: 'var(--el-fill-color-light)',
+              color: 'var(--el-text-color-primary)'
+            }"
+            @selection-change="returnHandleSelectionChange"
+            @page-size-change="handleSizeChange"
+            @page-current-change="handleCurrentChange"
+          />
+        </template>
+      </PureTableBar>
+    </el-tab-pane>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/frontend/src/views/admin/MaterialChecked.vue b/frontend/src/views/admin/MaterialChecked.vue
index 5cfcd94..e8ff91b 100644
--- a/frontend/src/views/admin/MaterialChecked.vue
+++ b/frontend/src/views/admin/MaterialChecked.vue
@@ -1,13 +1,448 @@
-<script setup lang="ts">
+<script setup lang="tsx">
+import { h, reactive, ref } from "vue";
+import { PaginationProps, PureTable } from "@pureadmin/table";
+import { usePublicHooks } from "@/views/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import Search from "@iconify-icons/ep/search";
+import Approve from "@iconify-icons/fluent/approvals-app-16-filled";
+import PureTableBar from "@/components/RePureTableBar/src/bar";
+import { SelectOpt } from "@/views/admin/utils/types";
+import { getCheckedMaterial, updateCheckedMaterial } from "@/api/admin";
+import { addDialog } from "@/components/ReDialog/index";
+import verifyDialog from "@/views/welcome/dialog/VerifyDialog.vue";
+import type { userInfo } from "@/views/welcome/types";
+import { getUserInfo } from "@/api/user";
+import { successNotification } from "@/utils/notification";
+
 defineOptions({
   name: "MaterialChecked"
 });
+
+const optionBar = reactive({
+  area: "",
+  type: "",
+  returnStatus: false
+});
+// 区域配置
+const areaOpt: SelectOpt = [
+  {
+    label: "隔离办",
+    value: "glb"
+  },
+  {
+    label: "辅控",
+    value: "fk"
+  },
+  {
+    label: "网控",
+    value: "wk"
+  }
+];
+// 类型配置
+const typeOpt: SelectOpt = [
+  {
+    label: "工具",
+    value: "tool"
+  },
+  {
+    label: "钥匙",
+    value: "key"
+  }
+];
+
+// 送检状态
+const checkOpt: SelectOpt = [
+  {
+    label: "送检中",
+    value: false
+  },
+  {
+    label: "已归还",
+    value: true
+  }
+];
+const loading = ref(false);
+// 表格数据
+const dataList = ref([]);
+const returnData = reactive({
+  username: "",
+  uuid: ""
+});
+const onSearch = () => {
+  getCheckedMaterial(
+    optionBar.area,
+    optionBar.type,
+    optionBar.returnStatus,
+    pagination.currentPage,
+    pagination.pageSize
+  ).then(res => {
+    dataList.value = res.data;
+    pagination.total = res.total;
+    pagination.pageSize = res.pageSize;
+  });
+};
+// 分页设置
+const pagination = reactive<PaginationProps>({
+  total: 0,
+  pageSize: 10,
+  currentPage: 1,
+  background: true,
+  pageSizes: [10, 20, 30, 50]
+});
+
+const selectedNum = ref(0);
+// 表格ref
+const tableRef = ref();
+/** 取消选择 */
+function onSelectionCancel() {
+  selectedNum.value = 0;
+  // 用于多选表格，清空用户的选择
+  tableRef.value.getTableRef().clearSelection();
+}
+
+/** 标签风格 */
+const { tagStyle } = usePublicHooks();
+
+const columns: TableColumnList = [
+  {
+    label: "勾选列", // 如果需要表格多选，此处label必须设置
+    type: "selection",
+    fixed: "left",
+    reserveSelection: true // 数据刷新后保留选项
+  },
+  {
+    label: "序号",
+    type: "index",
+    width: 60
+  },
+  {
+    label: "送检物资信息",
+    prop: "material",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => <el-button link>{row.material.name}</el-button>,
+          default: () => (
+            <ul>
+              <li>名称：{row.material.name}</li>
+              <li>型号：{row.material.model}</li>
+              <li>位置：{row.material.position}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "数量",
+    prop: "number"
+  },
+  {
+    label: "送检时间",
+    prop: "created_at"
+  },
+  {
+    label: "送检人",
+    prop: "toCheckUser",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => (
+            <el-button link>{row.toCheckUser.username}</el-button>
+          ),
+          default: () => (
+            <ul>
+              <li>姓名：{row.toCheckUser.username}</li>
+              <li>电话：{row.toCheckUser.phone}</li>
+              <li>部门：{row.toCheckUser.depart}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "归还时间",
+    prop: "returnDate"
+  },
+  {
+    label: "接收人",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="right"
+        width="200"
+        trigger="click"
+        v-slots={{
+          reference: () => (
+            <el-button link>{row.toReturnUser?.username}</el-button>
+          ),
+          default: () => (
+            <ul>
+              <li>姓名：{row.toReturnUser?.username}</li>
+              <li>电话：{row.toReturnUser?.phone}</li>
+              <li>部门：{row.toReturnUser?.depart}</li>
+            </ul>
+          )
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "备注",
+    prop: "note",
+    cellRenderer: ({ row }) => (
+      <el-popover
+        placement="bottom"
+        width="300"
+        trigger="hover"
+        v-slots={{
+          reference: () => (
+            <el-text truncated style="width: 100px">
+              {row.note}
+            </el-text>
+          ),
+          default: () => <p>{row.note}</p>
+        }}
+      ></el-popover>
+    )
+  },
+  {
+    label: "操作",
+    cellRenderer: ({ row }) => (
+      <>
+        <el-button
+          disabled={row.returnStatus}
+          plain
+          type="primary"
+          onClick={() => {
+            addDialog({
+              title: "归还确认",
+              width: "20%",
+              contentRenderer: () => (
+                <>
+                  <el-form
+                    label-position="right"
+                    label-width="auto"
+                    class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+                  >
+                    <el-form-item label="归还数量">{row.number}</el-form-item>
+                    <el-form-item label="备注">
+                      <el-input
+                        v-model={row.note}
+                        placeholder="这里可以填写备注信息"
+                      />
+                    </el-form-item>
+                    <el-form-item label="验证人">
+                      <el-space>
+                        <el-input
+                          v-model={row.toReturnUser}
+                          placeholder="验证人"
+                          disabled
+                        />
+                        <el-button
+                          plain
+                          type="primary"
+                          onClick={() => {
+                            const verifyForm = ref();
+                            addDialog({
+                              title: "验证人",
+                              width: "20%",
+                              props: {
+                                userInfo: {
+                                  account: "",
+                                  password: "",
+                                  name: "",
+                                  phone: "",
+                                  depart: "",
+                                  disable: true
+                                }
+                              },
+                              contentRenderer: () =>
+                                h(verifyDialog, { ref: verifyForm }),
+                              beforeSure(done, { options }) {
+                                const accountFormRef =
+                                  verifyForm.value.getAccountRef();
+                                const curData = options.props
+                                  .userInfo as userInfo;
+                                accountFormRef.validate(valid => {
+                                  if (valid) {
+                                    getUserInfo({
+                                      username: curData.account,
+                                      password: curData.password
+                                    }).then(res => {
+                                      row.toReturnUser = res.data.username;
+                                      row.toReturnUserUUID = res.data.uuid;
+                                    });
+                                    done();
+                                  }
+                                });
+                              }
+                            });
+                          }}
+                        >
+                          验证
+                        </el-button>
+                      </el-space>
+                    </el-form-item>
+                  </el-form>
+                </>
+              ),
+              beforeSure(done, { options, index }) {
+                const data = {
+                  id: row.id,
+                  note: row.note,
+                  toReturnUserUUID: row.toReturnUserUUID ?? ""
+                };
+                updateCheckedMaterial(data).then(() => {
+                  successNotification("归还成功!");
+                  done();
+                  onSearch();
+                });
+              }
+            });
+          }}
+        >
+          归还
+        </el-button>
+      </>
+    )
+  }
+];
+
+/** 当CheckBox选择项发生变化时会触发该事件 */
+function handleSelectionChange(val) {
+  selectedNum.value = val.length;
+  // 重置表格高度
+  tableRef.value.setAdaptive();
+}
+
+function handleSizeChange(val: number) {
+  console.log(`${val} items per page`);
+}
+
+function handleCurrentChange(val: number) {
+  console.log(`current page: ${val}`);
+}
 </script>
 
 <template>
-  <div>
-    <p>物资送检页面</p>
+  <div class="main">
+    <el-form
+      ref="optionBarRef"
+      :inline="true"
+      :model="optionBar"
+      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+    >
+      <el-form-item label="选择类型" prop="type">
+        <el-select-v2
+          v-model="optionBar.type"
+          :options="typeOpt"
+          placeholder="请选择类型"
+          class="!w-[150px]"
+        />
+      </el-form-item>
+      <el-form-item label="选择区域" prop="area">
+        <el-select-v2
+          v-model="optionBar.area"
+          :options="areaOpt"
+          placeholder="请选择区域"
+          class="!w-[150px]"
+        />
+      </el-form-item>
+      <el-form-item label="归还状态" prop="returnStatus">
+        <el-select-v2
+          v-model="optionBar.returnStatus"
+          :options="checkOpt"
+          class="!w-[150px]"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          :icon="useRenderIcon(Search)"
+          :loading="loading"
+          :disabled="optionBar.area === ''"
+          @click="onSearch"
+        >
+          搜索
+        </el-button>
+      </el-form-item>
+    </el-form>
+
+    <PureTableBar title="借出待审批" :columns="columns" @refresh="onSearch">
+      <template #buttons>
+        <div class="h-full mb-2 pl-4 flex items-center">
+          <div class="flex-auto">
+            <span
+              style="font-size: var(--el-font-size-base)"
+              class="text-[rgba(42,46,54,0.5)] dark:text-[rgba(220,220,242,0.5)]"
+            >
+              已选 {{ selectedNum }} 项
+            </span>
+            <el-button type="primary" text @click="onSelectionCancel">
+              取消选择
+            </el-button>
+          </div>
+        </div>
+
+        <el-popconfirm title="确定要批准所选请求吗？">
+          <template #reference>
+            <el-button
+              type="success"
+              :disabled="selectedNum < 1"
+              :icon="useRenderIcon(Approve)"
+            >
+              批量批准
+            </el-button>
+          </template>
+        </el-popconfirm>
+      </template>
+      <template v-slot="{ size, dynamicColumns }">
+        <pure-table
+          ref="tableRef"
+          row-key="id"
+          align-whole="center"
+          table-layout="auto"
+          :loading="loading"
+          :size="size"
+          adaptive
+          :adaptiveConfig="{ offsetBottom: 108 }"
+          :data="dataList"
+          :columns="dynamicColumns"
+          :pagination="pagination"
+          :paginationSmall="size === 'small'"
+          :header-cell-style="{
+            background: 'var(--el-fill-color-light)',
+            color: 'var(--el-text-color-primary)'
+          }"
+          @selection-change="handleSelectionChange"
+          @page-size-change="handleSizeChange"
+          @page-current-change="handleCurrentChange"
+        />
+      </template>
+    </PureTableBar>
   </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+:deep(.el-dropdown-menu__item i) {
+  margin: 0;
+}
+
+.main-content {
+  margin: 24px 24px 0 !important;
+}
+
+.search-form {
+  display: flex;
+  :deep(.el-form-item) {
+    margin-bottom: 12px;
+  }
+}
+</style>
diff --git a/frontend/src/views/admin/MaterialMeta.vue b/frontend/src/views/admin/MaterialMeta.vue
index 5d7715d..66821ba 100644
--- a/frontend/src/views/admin/MaterialMeta.vue
+++ b/frontend/src/views/admin/MaterialMeta.vue
@@ -17,13 +17,21 @@ import { MaterialItem } from "@/types/base";
 import { addDialog } from "@/components/ReDialog";
 import attentionForm from "./utils/attentionForm.vue";
 import { SelectOpt, FormItemProps } from "./utils/types";
-import { getDutyOverList, updateDutyOverList } from "@/api/admin";
+import {
+  createCheckMaterial,
+  getDutyOverList,
+  updateDutyOverList
+} from "@/api/admin";
 import Search from "@iconify-icons/ep/search";
 import { message } from "@/utils/message";
+import { useUserStoreHook } from "@/store/modules/user";
 
 defineOptions({
   name: "MaterialMeta"
 });
+const userUUId = computed(() => {
+  return useUserStoreHook()?.uuid;
+});
 // 表格ref
 const tableRef = ref();
 // 表格加载控制
@@ -141,11 +149,42 @@ const columns: TableColumnList = [
           type="primary"
           plain
           onClick={() => {
-            toCheck(row);
+            addDialog({
+              title: "送检数量",
+              width: "15%",
+              contentRenderer: () => (
+                <div style="text-align: center; margin-bottom: 10px ">
+                  <el-input-number
+                    v-model={toCheckNumber.value}
+                    min={1}
+                    max={row.number - row.borrowed - row.checking}
+                  />
+                </div>
+              ),
+              beforeSure(done, { options, index }) {
+                const data = {
+                  area: row.area,
+                  type: row.type,
+                  material_id: row.id,
+                  number: toCheckNumber.value,
+                  toCheckUserUUID: userUUId.value
+                };
+                createCheckMaterial(data).then(res => {
+                  done();
+                  successNotification(res.msg);
+                  onSearch();
+                });
+              },
+              beforeCancel(done, { options, index }) {
+                done();
+                toCheckNumber.value = 1;
+              }
+            });
           }}
         >
           送检
         </el-button>
+
         <el-button
           size="small"
           type="warning"
@@ -182,10 +221,7 @@ const deleteById = (id: number) => {
       errorNotification(err.msg);
     });
 };
-// 表格操作列送检按钮函数
-const toCheck = (row: MaterialItem) => {
-  console.log(row);
-};
+const toCheckNumber = ref(1);
 
 // 表格数据
 const dataList = reactive([]);
diff --git a/frontend/src/views/admin/utils/types.ts b/frontend/src/views/admin/utils/types.ts
index 19c7048..fab5629 100644
--- a/frontend/src/views/admin/utils/types.ts
+++ b/frontend/src/views/admin/utils/types.ts
@@ -12,5 +12,5 @@ export interface FormProps {
 
 export type SelectOpt = Array<{
   label: string;
-  value: string;
+  value: string | boolean | number;
 }>;
diff --git a/frontend/src/views/welcome/dialog/MaterialBorrowDialog.vue b/frontend/src/views/welcome/dialog/MaterialBorrowDialog.vue
index d39b740..684bce4 100644
--- a/frontend/src/views/welcome/dialog/MaterialBorrowDialog.vue
+++ b/frontend/src/views/welcome/dialog/MaterialBorrowDialog.vue
@@ -10,7 +10,7 @@ import { useUserStoreHook } from "@/store/modules/user";
 import { addDialog } from "@/components/ReDialog/index";
 import verifyDialog from "./VerifyDialog.vue";
 import type { userInfo } from "../types";
-import { getLogin } from "@/api/user";
+import { getUserInfo } from "@/api/user";
 import type { borrowInfo } from "../types";
 
 type materialItemList = {
@@ -108,7 +108,7 @@ const openVerifyDialog = () => {
       if (curData.account !== "" || curData.password !== "") {
         accountFormRef.validate(valid => {
           if (valid) {
-            getLogin({
+            getUserInfo({
               username: curData.account,
               password: curData.password
             }).then(res => {
diff --git a/frontend/src/views/welcome/dialog/VerifyDialog.vue b/frontend/src/views/welcome/dialog/VerifyDialog.vue
index b34a3d6..e26c900 100644
--- a/frontend/src/views/welcome/dialog/VerifyDialog.vue
+++ b/frontend/src/views/welcome/dialog/VerifyDialog.vue
@@ -15,7 +15,9 @@ function getInfoRef() {
 defineExpose({ getAccountRef, getInfoRef });
 
 type userType = {
-  userInfo: userInfo;
+  userInfo: userInfo & {
+    disable: boolean;
+  };
 };
 
 const props = withDefaults(defineProps<userType>(), {
@@ -24,7 +26,8 @@ const props = withDefaults(defineProps<userType>(), {
     password: "",
     name: "",
     phone: "",
-    depart: ""
+    depart: "",
+    disable: false
   })
 });
 
@@ -42,7 +45,8 @@ const segmentedOptions: Array<OptionsType> = [
   },
   {
     label: "手动输入",
-    value: 1
+    value: 1,
+    disabled: userInfo.disable
   }
 ];
 type accountType = {
@@ -123,7 +127,7 @@ const formSize: Ref<"" | "default" | "small" | "large"> = ref("default");
             <el-form-item label="部门" prop="depart">
               <el-input
                 v-model="userInfo.depart"
-                placeholder="请输入部门信息，如xx公司xx处xx科/值xx班"
+                placeholder="xx公司xx处xx科/值xx班"
               />
             </el-form-item>
           </el-form>