Merge branch 'fix/edge/08-02' into 'main_dev'

fix: 云端环境中，边缘实例的边缘设备分页与边缘端不同，没有按照时间先后进行分页

See merge request yunteng/thingskit-front!1428

 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { ref } from 'vue';
+  import { CSSProperties, h, ref } from 'vue';
   import { EdgeDeviceItemType, EdgeInstanceItemType } from '/@/api/edgeManage/model/edgeInstance';
   import { EdgeDeviceItemType, EdgeInstanceItemType } from '/@/api/edgeManage/model/edgeInstance';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { columns, searchFormSchema } from './config';
   import { columns, searchFormSchema } from './config';
@@ -9,6 +9,8 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useRoute } from 'vue-router';
   import { useRoute } from 'vue-router';
   import { useGo } from '/@/hooks/web/usePage';
   import { useGo } from '/@/hooks/web/usePage';
+  import { Badge } from 'ant-design-vue';
+  import Icon from '/@/components/Icon';
 
 
   defineEmits(['register']);
   defineEmits(['register']);
 
 
@@ -41,6 +43,32 @@
     reload();
     reload();
   };
   };
 
 
+  const AlarmDetailActionButton = ({ hasAlarm }: { hasAlarm?: boolean }) =>
+    h(
+      Badge,
+      { offset: [0, -5] },
+      {
+        default: () => h('span', { style: { color: '#377dff' } }, '详情'),
+        count: () =>
+          h(
+            'div',
+            {
+              style: {
+                visibility: hasAlarm ? 'visible' : 'hidden',
+                width: '14px',
+                height: '14px',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                border: '1px solid #f46161',
+                borderRadius: '50%',
+              } as CSSProperties,
+            },
+            h(Icon, { icon: 'mdi:bell-warning', color: '#f46161', size: 12 })
+          ),
+      }
+    );
+
   const [registerTable, { reload }] = useTable({
   const [registerTable, { reload }] = useTable({
     title: '边缘设备',
     title: '边缘设备',
     columns,
     columns,
@@ -50,6 +78,8 @@
           page: page - 1 < 0 ? 0 : page - 1,
           page: page - 1 < 0 ? 0 : page - 1,
           pageSize,
           pageSize,
           textSearch,
           textSearch,
+          sortProperty: 'createdTime',
+          sortOrder: 'DESC',
         },
         },
         edgeId.value as string
         edgeId.value as string
       );
       );
@@ -92,7 +122,8 @@
       <TableAction
       <TableAction
         :actions="[
         :actions="[
           {
           {
-            label: '详情',
+            // label: '详情',
+            label: AlarmDetailActionButton({ hasAlarm: !!record.alarmStatus }),
             icon: 'ant-design:eye-outlined',
             icon: 'ant-design:eye-outlined',
             onClick: handleGoDeviceDetail.bind(null, record),
             onClick: handleGoDeviceDetail.bind(null, record),
           },
           },