style: 数据列表列宽固定操作

src/views/logManage/forwarding/index.vue

@@ -78,37 +78,49 @@ let tableColumns: ColumnsType = [
     title: t('common.rowId'),
     dataIndex: 'id',
     align: 'center',
+    width: 3,
   },
   {
     title: '网元类型',
     dataIndex: 'neType',
     align: 'center',
+    width: 4,
   },
   {
     title: '告警网元标识',
     dataIndex: 'neId',
     align: 'center',
+    width: 4,
   },
   {
     title: '告警唯一标识',
     dataIndex: 'alarmId',
     align: 'center',
+    width: 5,
   },
   {
     title: '告警流水号',
     dataIndex: 'alarmSeq',
     align: 'center',
+    width: 3,
   },
   {
     title: '告警前转对象',
     dataIndex: 'toUser',
     align: 'center',
+    width: 5,
   },
   {
     title: '告警标题',
     dataIndex: 'alarmTitle',
-    key: 'alarmTitle',
     align: 'left',
+    width: 5,
+  },
+  {
+    title: '告警内容',
+    dataIndex: 'operResult',
+    align: 'left',
+    width: 6,
   },
   {
     title: '告警产生时间',
@@ -118,6 +130,7 @@ let tableColumns: ColumnsType = [
       if (!opt.value) return '';
       return parseDateToStr(opt.value);
     },
+    width: 5,
   },
   {
     title: '记录时间',
@@ -127,6 +140,7 @@ let tableColumns: ColumnsType = [
       if (!opt.value) return '';
       return parseDateToStr(opt.value);
     },
+    width: 5,
   },
 ];
 
@@ -306,16 +320,8 @@ onMounted(() => {
         :data-source="tableState.data"
         :size="tableState.size"
         :pagination="tablePagination"
-        :scroll="{ x: true }"
+        :scroll="{ x: 1200, y: 400 }"
       >
-        <template #bodyCell="{ column, record }">
-          <template v-if="column.key === 'alarmTitle'">
-            <a-tooltip>
-              <template #title>{{ record.operResult }}</template>
-              <div class="alarmTitleText">{{ record.alarmTitle }}</div>
-            </a-tooltip>
-          </template>
-        </template>
       </a-table>
     </a-card>
   </PageContainer>