style: UE终端表格优化

src/views/neUser/sub/index.vue

@@ -89,7 +89,7 @@ let tableColumns: ColumnsType = [
   {
     title: 'IMSI',
     dataIndex: 'imsi',
-    align: 'left',
+    align: 'center',
     fixed: 'left',
     sorter: true,
     resizable: true,
@@ -100,60 +100,61 @@ let tableColumns: ColumnsType = [
   {
     title: 'MSISDN',
     dataIndex: 'msisdn',
-    align: 'left',
+    align: 'center',
     fixed: 'left',
     sorter: true,
-    resizable: true,
     width: 150,
-    minWidth: 150,
-    maxWidth: 300,
   },
   {
-    title: 'Subscribed AMBR Temp',
+    title: 'Subscribed AMBR',
     dataIndex: 'ambr',
-    align: 'left',
-    width: 200,
+    align: 'center',
+    width: 100,
   },
   {
-    title: 'Subscribed SNSSAIs Temp',
+    title: 'Subscribed SNSSAIs',
     dataIndex: 'sar',
-    align: 'left',
-    width: 200,
+    align: 'center',
+    width: 100,
   },
   {
-    title: 'RAT Restriction',
+    title: 'RAT',
     dataIndex: 'rat',
-    align: 'left',
-    width: 200,
+    align: 'center',
+    width: 50,
   },
   {
-    title: 'Forbidden Areas Temp',
+    title: 'Forbidden Areas',
     dataIndex: 'arfb',
-    align: 'left',
-    width: 200,
+    align: 'center',
+    width: 100,
   },
   {
-    title: 'Service Area Restrict Temp',
+    title: 'Service Area Restrict',
     dataIndex: 'nssai',
-    align: 'left',
-    width: 200,
+    align: 'center',
+    width: 100,
   },
   {
-    title: 'CN Type Restriction',
+    title: 'CN Type',
     dataIndex: 'cn',
-    align: 'left',
-    width: 200,
+    align: 'center',
+    width: 100,
   },
   {
-    title: 'EPS Flag',
+    title: 'EPS',
     dataIndex: 'epsFlag',
-    align: 'left',
+    align: 'center',
     width: 100,
   },
   {
     title: 'Subscribed Data',
     dataIndex: 'smData',
     align: 'left',
+    resizable: true,
+    width: 500,
+    minWidth: 150,
+    maxWidth: 500,
   },
   {
     title: t('common.operate'),
@@ -1100,7 +1101,7 @@ onMounted(() => {
         :size="tableState.size"
         :row-class-name="fnTableStriped"
         :pagination="tablePagination"
-        :scroll="{ x: tableColumnsDnd.length * 200, y: 'calc(100vh - 480px)' }"
+        :scroll="{ y: 'calc(100vh - 480px)' }"
         @change="fnTableChange"
         @resizeColumn="(w:number, col:any) => (col.width = w)"
       >
@@ -1137,6 +1138,7 @@ onMounted(() => {
 
     <!-- 新增框或修改框 -->
     <DraggableModal
+      style="top: 0px"
       width="800px"
       :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
       :keyboard="false"
@@ -1568,6 +1570,7 @@ onMounted(() => {
 
     <!-- 批量增加框 -->
     <DraggableModal
+      style="top: 0px"
       width="800px"
       :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
       :keyboard="false"
@@ -1999,6 +2002,7 @@ onMounted(() => {
 
     <!-- 批量删除框 -->
     <DraggableModal
+      style="top: 0px"
       width="500px"
       :keyboard="false"
       :mask-closable="false"