style: 网元管理

src/views/configManage/neManage/index.vue

@@ -20,7 +20,7 @@ const { t } = useI18n();
 const route = useRoute();
 
 /**路由标题 */
-let title = ref<string>(route.meta.title as string ?? '标题');
+let title = ref<string>((route.meta.title as string) ?? '标题');
 
 /**查询参数 */
 let queryParams = reactive({
@@ -134,7 +134,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: t("common.operate"),
+    title: t('common.operate'),
     key: 'id',
     align: 'center',
   },
@@ -193,17 +193,17 @@ let modalState: ModalStateType = reactive({
   visibleByEdit: false,
   title: '网元',
   from: {
-    dn: '网络标识',
-    ip: '192.168.4.132',
-    neAddress: '192.160.0.107',
-    neId: '网元内部标识',
-    neName: '网元名称',
-    neType: 'AMF',
-    port: '3030',
-    province: '网元所在省份',
+    dn: '',
+    ip: '',
+    neAddress: '',
+    neId: '',
+    neName: '',
+    neType: '',
+    port: '',
+    province: '',
     pvFlag: '',
-    rmUid: '资源唯一标识',
-    vendorName: '厂商名称',
+    rmUid: '',
+    vendorName: '',
   },
   confirmLoading: false,
 });
@@ -233,7 +233,7 @@ function fnModalVisibleByEdit(row?: Record<string, any>) {
     modalState.visibleByEdit = true;
   } else {
     if (modalState.confirmLoading) return;
-    const hide = message.loading('正在打开...', 0);
+    const hide = message.loading(t('common.loading'), 0);
     modalState.confirmLoading = true;
     getNeInfo(row.id).then(res => {
       modalState.confirmLoading = false;
@@ -420,7 +420,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.sizeText') }}</template>
-            <a-dropdown trigger="click">
+            <a-dropdown trigger="click" placement="bottomRight">
               <a-button type="text">
                 <template #icon><ColumnHeightOutlined /></template>
               </a-button>
@@ -429,15 +429,15 @@ onMounted(() => {
                   :selected-keys="[tableState.size as string]"
                   @click="fnTableSize"
                 >
-                  <a-menu-item key="default">{{
-                    t('common.size.default')
-                  }}</a-menu-item>
-                  <a-menu-item key="middle">{{
-                    t('common.size.middle')
-                  }}</a-menu-item>
-                  <a-menu-item key="small">{{
-                    t('common.size.small')
-                  }}</a-menu-item>
+                  <a-menu-item key="default"
+                    >{{ t('common.size.default') }}
+                  </a-menu-item>
+                  <a-menu-item key="middle"
+                    >{{ t('common.size.middle') }}
+                  </a-menu-item>
+                  <a-menu-item key="small"
+                    >{{ t('common.size.small') }}
+                  </a-menu-item>
                 </a-menu>
               </template>
             </a-dropdown>