style: 调整UDM用户数据表格靠左

src/api/neUser/base5G.ts

@@ -26,5 +26,8 @@ export async function listBase5G(query: Record<string, any>) {
     data.total = rows.length;
     data.rows = rows;
   }
+  // 模拟数据
+  // data.rows =[{"address":"192.168.1.137:38412","id":"217","name":"","ueNum":0}]
+
   return data;
 }

src/views/neUser/auth/index.vue

@@ -75,7 +75,7 @@ type TabeStateType = {
 /**表格状态 */
 let tableState: TabeStateType = reactive({
   loading: false,
-  size: 'middle',
+  size: 'small',
   striped: false,
   seached: true,
   data: [],
@@ -88,19 +88,19 @@ let tableColumns: ColumnsType = [
     dataIndex: 'imsi',
     align: 'left',
     sorter: true,
-    width: 200,
+    width: 150,
   },
   {
     title: 'AMF',
     dataIndex: 'amf',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 100,
   },
   {
     title: 'Status',
     dataIndex: 'status',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 100,
   },
   // {
   //   title: 'KI',
@@ -117,14 +117,13 @@ let tableColumns: ColumnsType = [
   {
     title: 'Algo Index',
     dataIndex: 'algoIndex',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 100,
   },
   {
     title: t('common.operate'),
     key: 'imsi',
-    align: 'center',
+    align: 'left',
-    width: 100,
   },
 ];
 

src/views/neUser/base5G/index.vue

@@ -57,7 +57,7 @@ type TabeStateType = {
 /**表格状态 */
 let tableState: TabeStateType = reactive({
   loading: false,
-  size: 'middle',
+  size: 'small',
   striped: false,
   seached: true,
   data: [],
@@ -69,26 +69,25 @@ let tableColumns: ColumnsType = [
   {
     title: 'GNB ID',
     dataIndex: 'id',
-    align: 'center',
+    align: 'left',
-    width: 2,
+    width: 100,
-  },
-  {
-    title: 'GNB Address',
-    dataIndex: 'address',
-    align: 'center',
-    width: 3,
-  },
-  {
-    title: 'GNB Name',
-    dataIndex: 'name',
-    align: 'center',
-    width: 2,
   },
   {
     title: 'UE Number',
     dataIndex: 'ueNum',
-    align: 'center',
+    align: 'left',
-    width: 2,
+    width: 100,
+  },
+  {
+    title: 'GNB Name',
+    dataIndex: 'name',
+    align: 'left',
+    width: 100,
+  },
+  {
+    title: 'GNB Address',
+    dataIndex: 'address',
+    align: 'left',
   },
 ];
 
@@ -292,7 +291,7 @@ onMounted(() => {
         :size="tableState.size"
         :row-class-name="fnTableStriped"
         :pagination="tablePagination"
-        :scroll="{ x: 1000, y: 400 }"
+        :scroll="{ y: 450 }"
       >
       </a-table>
     </a-card>

src/views/neUser/sub/index.vue

@@ -78,7 +78,7 @@ type TabeStateType = {
 /**表格状态 */
 let tableState: TabeStateType = reactive({
   loading: false,
-  size: 'middle',
+  size: 'small',
   striped: false,
   seached: true,
   data: [],
@@ -111,55 +111,54 @@ let tableColumns: ColumnsType = [
   {
     title: 'Subscribed AMBR Temp',
     dataIndex: 'ambr',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 200,
   },
   {
     title: 'Subscribed SNSSAIs Temp',
     dataIndex: 'sar',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 200,
   },
   {
     title: 'RAT Restriction',
     dataIndex: 'rat',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 200,
   },
   {
     title: 'Forbidden Areas Temp',
     dataIndex: 'arfb',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 200,
   },
   {
     title: 'Service Area Restrict Temp',
     dataIndex: 'nssai',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 200,
   },
   {
     title: 'CN Type Restriction',
     dataIndex: 'cn',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 200,
-  },
-  {
-    title: 'Subscribed Data',
-    dataIndex: 'smData',
-    align: 'center',
-    minWidth: 100,
   },
   {
     title: 'EPS Flag',
     dataIndex: 'epsFlag',
-    align: 'center',
+    align: 'left',
-    minWidth: 100,
+    width: 100,
+  },
+  {
+    title: 'Subscribed Data',
+    dataIndex: 'smData',
+    align: 'left',
   },
   {
     title: t('common.operate'),
     key: 'imsi',
-    align: 'center',
+    align: 'left',
     fixed: 'right',
     width: 100,
   },