优化 监控中心 前台页面

hx-ai-intelligent/src/view/monitor/environmentMonitor/historyData/index.vue

@@ -8,7 +8,7 @@
         bordered
         :pagination="false"
         :height="500"
-        :scroll="{ x: 3000, y: 440 }">
+        :scroll="{ x: x, y: 440 }">
         <template #title>
           <div
             style="
@@ -123,6 +123,8 @@
   const tableColumnsA: TableColumnType[] = [
     {
       title: '序号',
+      width: 50,
+      align: 'center',
       customRender: ({ record, index }) => {
         // 自定义单元格内容，这里返回序号
         if (index == 0) {
@@ -159,6 +161,7 @@
       title: '区域名称',
       dataIndex: 'location',
       width: 100,
+      align: 'center',
       customCell: (record, rowIndex) => {
         if (rowIndex == undefined) {
           return {
@@ -182,6 +185,7 @@
       title: '点位',
       dataIndex: 'pointName',
       width: 100,
+      align: 'center',
       customCell: (record, rowIndex) => {
         if (rowIndex == undefined) {
           return {
@@ -209,6 +213,7 @@
       title: '日期',
       dataIndex: 'time',
       width: 110,
+      align: 'center',
     },
   ];
 
@@ -236,6 +241,7 @@
     pageSize: 10,
   });
   const orgId = ref('');
+  const x = ref(2000);
   const result = JSON.parse(sessionStorage.getItem('ORGID')!);
   orgId.value = result;
 
@@ -310,8 +316,11 @@
           tableColumnsB.push({
             title: headerList[i],
             dataIndex: headerList[i],
+            width: 60,
+            align: 'center',
           });
         }
+        x.value = 360 + headerList.length * 60;
         let columnA: any[] = [...tableColumnsA];
         columnA.push(...tableColumnsB);
         tableColumns.value = columnA;
@@ -370,7 +379,7 @@
     display: flex;
   }
   ::v-deep .ant-table-container {
-    padding: 0px 16px;
+    margin: 0px 16px;
   }
 </style>
 <style scoped>
@@ -381,4 +390,7 @@
   ::v-deep .ant-table.ant-table-bordered > .ant-table-title {
     border: none !important;
   }
+  ::v-deep .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
+    display: none !important;
+  }
 </style>