From fcd4db8217bf9fb50428155355f5db8546bb4bc5 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 8 Nov 2024 16:17:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BF=AB=E9=80=9F=E5=AE=89=E8=A3=85UPF?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E7=BD=91=E5=8D=A1=E5=90=8D=E5=92=8C=E9=A9=B1?=
 =?UTF-8?q?=E5=8A=A8=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ne/neQuickSetup/components/Para5GForm.vue | 75 +++++++++++++++----
 src/views/ne/neQuickSetup/index.vue           |  2 +-
 2 files changed, 62 insertions(+), 15 deletions(-)

diff --git a/src/views/ne/neQuickSetup/components/Para5GForm.vue b/src/views/ne/neQuickSetup/components/Para5GForm.vue
index 677bebdf..b4528fb7 100644
--- a/src/views/ne/neQuickSetup/components/Para5GForm.vue
+++ b/src/views/ne/neQuickSetup/components/Para5GForm.vue
@@ -49,6 +49,8 @@ let fromState = ref({
     mmes11_ip: '172.16.5.220/24',
     ims_sip_ip: '192.168.8.110',
     upf_type: 'LightUPF',
+    upf_driver_type: 'vmxnet3',
+    upf_card_name: 'eth0',
     upfn3_pci: '0000:00:00.0',
     upfn3_mac: '00:00:00:00:00:00',
     upfn6_pci: '0000:00:00.0',
@@ -106,7 +108,7 @@ watch(
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title> DNN </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -128,7 +130,7 @@ watch(
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title> 1-3 </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input-number>
@@ -188,7 +190,7 @@ watch(
                     <template #title>
                       Network Elemment send data tu EMS IP
                     </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -209,7 +211,9 @@ watch(
                   <template #prefix>
                     <a-tooltip placement="topLeft">
                       <template #title> AMF N2 </template>
-                      <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                      <InfoCircleOutlined
+                        style="opacity: 0.45; color: inherit"
+                      />
                     </a-tooltip>
                   </template>
                 </a-input>
@@ -250,7 +254,7 @@ watch(
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title> UE IP and maxk </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -270,7 +274,7 @@ watch(
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title> netwrok ip </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -285,7 +289,7 @@ watch(
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title> geteway </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -307,9 +311,12 @@ watch(
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title>
-                      use `ip a` show info, to inet ip
+                      use `ip a` show info, to inet name
+                      <br />
+                      or <br />
+                      use `lshw -class network -businfo` show device name
                     </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -326,7 +333,7 @@ watch(
                     <template #title>
                       use `ip a` show info, to inet ip
                     </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -354,6 +361,16 @@ watch(
                 >
                 </a-input>
               </a-form-item>
+              <a-form-item label="DRIVER_TYPE" name="external.upf_driver_type">
+                <a-select
+                  v-model:value="fromState.external.upf_driver_type"
+                  :placeholder="t('common.selectPlease')"
+                >
+                  <a-select-option value="vmxnet3">vmxnet3</a-select-option>
+                  <a-select-option value="dpdk">dpdk</a-select-option>
+                  <a-select-option value="host">host</a-select-option>
+                </a-select>
+              </a-form-item>
             </a-col>
             <a-col :lg="12" :md="12" :xs="24">
               <a-form-item label="N6_PCI" name="external.upfn6_pci">
@@ -374,6 +391,28 @@ watch(
                 >
                 </a-input>
               </a-form-item>
+              <a-form-item label="NIC_NAME" name="external.upf_card_name">
+                <a-input
+                  v-model:value="fromState.external.upf_card_name"
+                  allow-clear
+                  :placeholder="t('common.inputPlease')"
+                  :maxlength="50"
+                >
+                  <template #prefix>
+                    <a-tooltip placement="topLeft">
+                      <template #title>
+                        use `ip a` show info, to inet name
+                        <br />
+                        or <br />
+                        use `lshw -class network -businfo` show device name
+                      </template>
+                      <InfoCircleOutlined
+                        style="opacity: 0.45; color: inherit"
+                      />
+                    </a-tooltip>
+                  </template>
+                </a-input>
+              </a-form-item>
             </a-col>
           </a-row>
         </template>
@@ -394,7 +433,9 @@ watch(
                   <template #prefix>
                     <a-tooltip placement="topLeft">
                       <template #title> IMS SIP </template>
-                      <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                      <InfoCircleOutlined
+                        style="opacity: 0.45; color: inherit"
+                      />
                     </a-tooltip>
                   </template>
                 </a-input>
@@ -421,7 +462,9 @@ watch(
                         (S1AP), can be ethernet interface, virtual ethernet
                         interface, we don't advise wireless interfaces
                       </template>
-                      <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                      <InfoCircleOutlined
+                        style="opacity: 0.45; color: inherit"
+                      />
                     </a-tooltip>
                   </template>
                 </a-input>
@@ -436,7 +479,9 @@ watch(
                   <template #prefix>
                     <a-tooltip placement="topLeft">
                       <template #title> Interface </template>
-                      <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                      <InfoCircleOutlined
+                        style="opacity: 0.45; color: inherit"
+                      />
                     </a-tooltip>
                   </template>
                 </a-input>
@@ -453,7 +498,9 @@ watch(
                       <template #title>
                         MME binded interface for S11-U communication (GTPV1-U)
                       </template>
-                      <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
+                      <InfoCircleOutlined
+                        style="opacity: 0.45; color: inherit"
+                      />
                     </a-tooltip>
                   </template>
                 </a-input>
diff --git a/src/views/ne/neQuickSetup/index.vue b/src/views/ne/neQuickSetup/index.vue
index 4a87e8cf..894c9201 100644
--- a/src/views/ne/neQuickSetup/index.vue
+++ b/src/views/ne/neQuickSetup/index.vue
@@ -70,7 +70,7 @@ function fnNext() {
       <!-- 插槽-卡片左侧 -->
       <template #title>
         <!-- 步骤进度 -->
-        <a-steps :current="stepState.current" direction="horizontal">
+        <a-steps :current="stepState.current" direction="horizontal" style="margin: 24px 0;">
           <a-step
             v-for="s in stepState.steps"
             :key="s.title"