feat: add up and down record jump online record page

@@ -135,6 +135,11 @@
                     onClick: handleDispatchCustomer.bind(null, record),
                     onClick: handleDispatchCustomer.bind(null, record),
                   },
                   },
               {
               {
+                label: '上下线记录',
+                icon: 'ant-design:rise-outlined',
+                onClick: handleUpAndDownRecord.bind(null, record),
+              },
+              {
                 label: '删除',
                 label: '删除',
                 auth: 'api:yt:device:delete',
                 auth: 'api:yt:device:delete',
                 icon: 'ant-design:delete-outlined',
                 icon: 'ant-design:delete-outlined',
@@ -193,6 +198,7 @@
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
+  import { useRouter } from 'vue-router';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'DeviceManagement',
     name: 'DeviceManagement',
@@ -215,6 +221,7 @@
     setup(_) {
     setup(_) {
       const { createMessage } = useMessage();
       const { createMessage } = useMessage();
       const go = useGo();
       const go = useGo();
+      const ROUTER = useRouter();
       const immediateStatus = ref(false);
       const immediateStatus = ref(false);
       const searchInfo = reactive<Recordable>({});
       const searchInfo = reactive<Recordable>({});
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
@@ -385,6 +392,13 @@
         openGatewayDetailDrawer(true, data);
         openGatewayDetailDrawer(true, data);
       };
       };
 
 
+      const handleUpAndDownRecord = (record: Record<'name', string>) => {
+        ROUTER.push({
+          path: '/operation/onlinerecord',
+          query: { deviceName: record.name },
+        });
+      };
+
       return {
       return {
         registerTable,
         registerTable,
         handleCreate,
         handleCreate,
@@ -412,6 +426,7 @@
         handleOpenTbDeviceDetail,
         handleOpenTbDeviceDetail,
         handleOpenGatewayDetail,
         handleOpenGatewayDetail,
         registerGatewayDetailDrawer,
         registerGatewayDetailDrawer,
+        handleUpAndDownRecord,
       };
       };
     },
     },
   });
   });

@@ -48,7 +48,7 @@
 </template>
 </template>
 
 
 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { nextTick } from 'vue';
+  import { nextTick, onMounted } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import OnlineRecordDrawer from './OnlineRecordDrawer.vue';
   import OnlineRecordDrawer from './OnlineRecordDrawer.vue';
@@ -58,9 +58,11 @@
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Popconfirm } from 'ant-design-vue';
   import { Popconfirm } from 'ant-design-vue';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
+  import { useRoute } from 'vue-router';
 
 
-  const [registerTable, { setProps, reload }] = useTable({
+  const [registerTable, { setProps, reload, getForm }] = useTable({
     title: '上下线记录',
     title: '上下线记录',
+    immediate: false,
     api: deviceStateLogPage,
     api: deviceStateLogPage,
     columns,
     columns,
     showIndexColumn: false,
     showIndexColumn: false,
@@ -117,4 +119,14 @@
       record,
       record,
     });
     });
   };
   };
+  const ROUTE = useRoute();
+
+  onMounted(async () => {
+    const formActionType = getForm();
+    const params = ROUTE.query;
+    if (params) {
+      await formActionType.setFieldsValue(params);
+    }
+    await reload();
+  });
 </script>
 </script>