feat: 添加网元配置快速PLMN修改框

src/views/ne/neConfig/index.vue

@@ -7,6 +7,7 @@ import { message } from 'ant-design-vue/es';
 import { DataNode } from 'ant-design-vue/es/tree';
 import useI18n from '@/hooks/useI18n';
 import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
+import QuickSetup from './components/QuickSetup.vue';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useNeListStore from '@/store/modules/ne_list';
 import useOptions from './hooks/useOptions';
@@ -391,6 +392,12 @@ const { batchState, modalBatchOpen, modalBatchClose, modalBatchOk } =
     fnActiveConfigNode,
   });
 
+/**快速修改编辑框 */
+const quickOpen = ref(false);
+function fnQuickOpen() {
+  quickOpen.value = !quickOpen.value;
+}
+
 onMounted(() => {
   // 获取网元网元列表
   neCascaderOptions.value = neListStore.getNeCascaderOptions.filter(
@@ -430,6 +437,13 @@ onMounted(() => {
 
 <template>
   <PageContainer>
+    <template #content> </template>
+    <template #contentExtra>
+      <a-button type="primary" @click="fnQuickOpen">
+        Quickly Modify PLMN
+      </a-button>
+    </template>
+
     <a-row :gutter="16">
       <a-col
         :lg="6"
@@ -1053,6 +1067,9 @@ onMounted(() => {
         </a-row>
       </a-form>
     </ProModal>
+
+    <!-- 快速修改 -->
+    <QuickSetup v-model:open="quickOpen"></QuickSetup>
   </PageContainer>
 </template>