修改图片分页

src/api/sys/user.ts

@@ -1010,6 +1010,7 @@ export function getWormPhotos(device, params, mode: ErrorMessageMode = 'modal')
     },
     {
       errorMessageMode: mode,
+      isTransformResponse: false,
     },
   )
 }

src/views/main/insect-monitors/index.vue

@@ -92,6 +92,19 @@
           </List-item>
         </template>
       </List>
+      <div class="text-right">
+        <pagination
+          size="small"
+          v-model:current="pageCurrent"
+          v-model:page-size="pageSize"
+          :total="pageTotal"
+          show-less-items
+          showSizeChanger
+          :pageSizeOptions="['8']"
+          :show-total="(total) => `共 ${total} 条数据`"
+          @change="getData"
+        />
+      </div>
     </Card>
   </PageWrapper>
 </template>
@@ -115,6 +128,7 @@
     Radio,
     List,
     Image,
+    Pagination,
   } from 'ant-design-vue'
   import { reactive, ref, onMounted } from 'vue'
   const RadioButton = Radio.Button
@@ -133,6 +147,10 @@
     time_interval: 'day',
   })
 
+  const pageCurrent = ref(1)
+  const pageTotal = ref(0)
+  const pageSize = ref(20)
+
   const baseDate = ref<any>([])
   const pointDate = ref<any>([])
   const list = ref<any>([])
@@ -176,6 +194,8 @@
   // 获取数据
   const getData = async () => {
     const params = {
+      per_page: pageSize.value,
+      page: pageCurrent.value,
       device_id: formState.device_id,
       start_time: '',
       end_time: '',
@@ -199,8 +219,10 @@
       params.end_time = dayjs().endOf('day').format('YYYY-MM-DD')
     }
     if (params.device_id == null) return (list.value = [])
-    const res = await getWormPhotos(params.device_id, params)
-    list.value = res
+    const { data, meta } = await getWormPhotos(params.device_id, params)
+    pageTotal.value = meta.total
+    list.value = data
+    console.log(data)
   }
 
   onMounted(() => {