'fix:为表格统一添加上标题,修复首页骨架屏没数据问题'

@@ -74,6 +74,7 @@
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
       // 表格hooks
       const [registerTable, { reload }] = useTable({
+        title: '告警联系人列表',
         api: getAlarmContact,
         columns,
         clickToRowSelect: false,

@@ -34,6 +34,7 @@
 
     setup() {
       const [registerTable, { reload }] = useTable({
+        title: '告警记录列表',
         api: getDeviceAlarm,
         columns: alarmColumns,
         formConfig: {

@@ -56,8 +56,8 @@
       </Card>
     </div>
     <Card v-else :bordered="false" :bodyStyle="{ padding: 0 }" v-bind="$attrs">
-      <Skeleton active :paragraph="{ rows: 10 }" :loading="!tenantTop10.length">
-        <Descriptions :column="1" style="min-height: 180px" title="租户消息量TOP10">
+      <Skeleton active :paragraph="{ rows: 10 }" :loading="!tenantTop10">
+        <Descriptions :column="1" title="租户消息量TOP10" v-if="tenantTop10.length">
           <template v-for="(item, index) in tenantTop10" :key="item.name">
             <DescriptionsItem>
               <span
@@ -114,6 +114,7 @@
                     {{ item.name }}
                   </Tooltip>
                 </div>
+
                 <div class="flex w-7/10">
                   <Progress
                     :showInfo="false"
@@ -142,6 +143,7 @@
             </DescriptionsItem>
           </template>
         </Descriptions>
+        <Empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
       </Skeleton>
       <h1 style="color: rgba(0, 0, 0, 0.85); font-weight: bold; font-size: 16px">
         本月即将过期租户</h1
@@ -269,7 +271,9 @@
       const tenantTop10 = ref<{ name: string; count: number }[]>([]);
       onMounted(async () => {
         if (isAdmin(props.role)) {
-          tenantTop10.value = await getTenantTop10();
+          const res = await getTenantTop10();
+          if (res) tenantTop10.value = res;
+          else tenantTop10.value = [];
           return;
         }
         const notice = await notifyMyGetrPageApi({ page: 1, pageSize: 5 });

@@ -70,6 +70,7 @@
       );
       const NotifyManagerDrawerRef = ref();
       const [registerTable, { reload }] = useTable({
+        title: '通知列表',
         api: notifyGetTableApi,
         columns,
         formConfig: {

@@ -30,6 +30,7 @@
     setup() {
       const [registerModal, { openModal }] = useModal();
       const [registerTable, { reload }] = useTable({
+        title: '我的通知',
         api: notifyMyGetrPageApi,
         columns,
         formConfig: {

@@ -120,7 +120,7 @@
         registerTable,
         { reload, getSelectRowKeys, getSelectRows, setLoading, clearSelectedRowKeys },
       ] = useTable({
-        title: '数据转换列表',
+        title: '数据流转列表',
         clickToRowSelect: false,
         columns,
         api: getConvertApi,

@@ -58,7 +58,7 @@
       const [registerDrawer, { openDrawer }] = useDrawer();
       const { createMessage } = useMessage();
       const [registerTable, { reload, getSelectRowKeys }] = useTable({
-        title: '',
+        title: '租户配置列表',
         clickToRowSelect: false,
         api: getTableTenantProfileApi,
         columns,

@@ -92,7 +92,7 @@
         },
       ];
       const [tenantTable, { reload, setLoading }] = useTable({
-        title: '租户',
+        title: '租户列表',
         api: getTenantPage,
         columns: getBasicColumns(),
         useSearchForm: true,