diff --git a/src/views/demo/caseoffence/RecordList.vue b/src/views/demo/caseoffence/RecordList.vue
index 9f691444..a38fff9d 100644
--- a/src/views/demo/caseoffence/RecordList.vue
+++ b/src/views/demo/caseoffence/RecordList.vue
@@ -5,6 +5,7 @@
     size="small"
     height="500"
     bordered
+    :loading="loading"
     :pagination="pagination.pagination"
   >
     <template #bodyCell="{ column, record }">
@@ -52,6 +53,7 @@
     currentListQuery: Object;
   }>();
   const caseId = ref('');
+  const loading = ref(false)
   let columns = reactive({
     data: [],
     col: [
@@ -175,6 +177,7 @@
   );
 
   function handleGetList() {
+    loading.value = true
     getLoadCaseInfoListOffence(props.currentListQuery).then((res) => {
       res.items.forEach((item) => {
         item.area = dataProcessingCount(item.area);
@@ -182,6 +185,8 @@
       });
       columns.data = res.items;
       total.value = res.total;
+    }).finally(() => {
+      loading.value = false
     });
   }
 
diff --git a/src/views/demo/inspectionaudit/caseoffence/RecordList.vue b/src/views/demo/inspectionaudit/caseoffence/RecordList.vue
index 76322dcd..b31ccab9 100644
--- a/src/views/demo/inspectionaudit/caseoffence/RecordList.vue
+++ b/src/views/demo/inspectionaudit/caseoffence/RecordList.vue
@@ -5,6 +5,7 @@
     size="small"
     height="500"
     bordered
+    :loading="loading"
     :pagination="pagination.pagination"
   >
     <template #bodyCell="{ column, record }">
@@ -52,6 +53,7 @@
     currentListQuery: Object;
   }>();
   const caseId = ref('');
+  const loading = ref(false)
   let columns = reactive({
     data: [],
     col: [
@@ -175,6 +177,7 @@
   );
 
   function handleGetList() {
+    loading.value = true
     getLoadCaseInfoListOffence(props.currentListQuery).then((res) => {
       res.items.forEach((item) => {
         item.area = dataProcessingCount(item.area);
@@ -182,6 +185,8 @@
       });
       columns.data = res.items;
       total.value = res.total;
+    }).finally(() => {
+      loading.value = false
     });
   }