From af53fe1d89674c62d6d994f788db04d132c7ac5b Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Sat, 25 Nov 2023 19:03:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20UDM=E7=94=A8=E6=88=B7=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/auth/index.vue | 15 +++++++--------
 src/views/neUser/sub/index.vue  | 29 ++++++++++++++++++-----------
 2 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/views/neUser/auth/index.vue b/src/views/neUser/auth/index.vue
index 1a463fb5..e42bd943 100644
--- a/src/views/neUser/auth/index.vue
+++ b/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'">
diff --git a/src/views/neUser/sub/index.vue b/src/views/neUser/sub/index.vue
index 993058d7..05775b23 100644
--- a/src/views/neUser/sub/index.vue
+++ b/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'">