fix: UDM用户数据表格调整

src/views/neUser/auth/index.vue

@@ -87,21 +87,20 @@ let tableColumns: ColumnsType = [
     title: 'IMSI',
     dataIndex: 'imsi',
     align: 'left',
-    fixed: 'left',
-    width: 5,
     sorter: true,
+    width: 200,
   },
   {
     title: 'AMF',
     dataIndex: 'amf',
     align: 'center',
-    width: 3,
+    minWidth: 100,
   },
   {
     title: 'Status',
     dataIndex: 'status',
     align: 'center',
-    width: 2,
+    minWidth: 100,
   },
   // {
   //   title: 'KI',
@@ -119,14 +118,13 @@ let tableColumns: ColumnsType = [
     title: 'Algo Index',
     dataIndex: 'algoIndex',
     align: 'center',
-    width: 4,
+    minWidth: 100,
   },
   {
     title: t('common.operate'),
     key: 'imsi',
     align: 'center',
-    fixed: 'right',
-    width: 2,
+    width: 100,
   },
 ];
 
@@ -860,8 +858,9 @@ onMounted(() => {
         :size="tableState.size"
         :row-class-name="fnTableStriped"
         :pagination="tablePagination"
-        :scroll="{ x: tableColumnsDnd.length * 100, y: 450 }"
+        :scroll="{ y: 450 }"
         @change="fnTableChange"
+        @resizeColumn="(w:number, col:any) => (col.width = w)"
       >
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'imsi'">

src/views/neUser/sub/index.vue

@@ -91,71 +91,77 @@ let tableColumns: ColumnsType = [
     dataIndex: 'imsi',
     align: 'left',
     fixed: 'left',
-    width: 3,
     sorter: true,
+    resizable: true,
+    width: 150,
+    minWidth: 150,
+    maxWidth: 300,
   },
   {
     title: 'MSISDN',
     dataIndex: 'msisdn',
     align: 'left',
     fixed: 'left',
-    width: 3,
     sorter: true,
+    resizable: true,
+    width: 150,
+    minWidth: 150,
+    maxWidth: 300,
   },
   {
     title: 'Subscribed AMBR Temp',
     dataIndex: 'ambr',
     align: 'center',
-    width: 5,
+    minWidth: 100,
   },
   {
     title: 'Subscribed SNSSAIs Temp',
     dataIndex: 'sar',
     align: 'center',
-    width: 5,
+    minWidth: 100,
   },
   {
     title: 'RAT Restriction',
     dataIndex: 'rat',
     align: 'center',
-    width: 5,
+    minWidth: 100,
   },
   {
     title: 'Forbidden Areas Temp',
     dataIndex: 'arfb',
     align: 'center',
-    width: 5,
+    minWidth: 100,
   },
   {
     title: 'Service Area Restrict Temp',
     dataIndex: 'nssai',
     align: 'center',
-    width: 5,
+    minWidth: 100,
   },
   {
     title: 'CN Type Restriction',
     dataIndex: 'cn',
     align: 'center',
-    width: 3,
+    minWidth: 100,
   },
   {
     title: 'Subscribed Data',
     dataIndex: 'smData',
     align: 'center',
-    width: 5,
+    minWidth: 100,
   },
   {
     title: 'EPS Flag',
     dataIndex: 'epsFlag',
     align: 'center',
-    width: 2,
+    minWidth: 100,
   },
   {
     title: t('common.operate'),
     key: 'imsi',
     align: 'center',
     fixed: 'right',
-    width: 2,
+    width: 100,
   },
 ];
 
@@ -1093,6 +1099,7 @@ onMounted(() => {
         :pagination="tablePagination"
         :scroll="{ x: tableColumnsDnd.length * 200, y: 450 }"
         @change="fnTableChange"
+        @resizeColumn="(w:number, col:any) => (col.width = w)"
       >
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'imsi'">