diff --git a/src/lang/en.js b/src/lang/en.js
index 9d4515d..442fa2e 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -183,7 +183,13 @@ export default {
     lssyCode: 'The firmware is being updated, please wait.', // 641code
     lsseCode: 'The firmware update completed, the device will reboot soon.', // 642code
     lssCode: 'Failed to update the firmware, because the file cannot be parsed.', // 643code
-    lsssCode: 'Failed to update the firmware, because the file version is too low.' // 644code
+    lsssCode: 'Failed to update the firmware, because the file version is too low.', // 644code
+    WAN_IP_AddressIP: 'WAN DomainName',
+    WAN_IP_Address: 'WAN IP address',
+    WAN_IP_DomainName: 'WAN domain name',
+    WAN_IP_Type: 'WAN Type',
+    WAN_Port: 'WAN Port',
+    WAN_RTSP_Port: 'WAN RTSP Port'
   },
   theme: {
     change: 'Change Theme',
diff --git a/src/lang/pt.js b/src/lang/pt.js
index 5011f3e..cfd605b 100644
--- a/src/lang/pt.js
+++ b/src/lang/pt.js
@@ -183,7 +183,13 @@ export default {
     lssyCode: 'O firmware está sendo atualizado, por favor, aguarde.', // 641code
     lsseCode: 'A atualização do firmware foi concluída, o dispositivo será reiniciado em breve.', // 642code
     lssCode: 'Falha ao atualizar o firmware, porque o arquivo não pode ser analisado.', // 643code
-    lsssCode: 'Falha ao atualizar o firmware, porque a versão do arquivo é muito baixa.' // 644code
+    lsssCode: 'Falha ao atualizar o firmware, porque a versão do arquivo é muito baixa.', // 644code
+    WAN_IP_AddressIP: 'Nome de domínio de rede ampla',
+    WAN_IP_Address: 'Endereço IP de rede ampla',
+    WAN_IP_DomainName: 'Nome de domínio de rede de longa distância',
+    WAN_IP_Type: 'Formato de rede de longa distância',
+    WAN_Port: 'Número da porta pública',
+    WAN_RTSP_Port: 'Porta RTSP pública'
   },
   theme: {
     change: 'Mudar Tema',
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 35d5f99..980d231 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -175,7 +175,13 @@ export default {
     lssyCode: '固件升级中，请稍候。', // 641code
     lsseCode: '固件升级成功，设备即将自动重启。', // 642code
     lssCode: '固件升级失败，此文件不是正确可用的固件升级文件。', // 643code
-    lsssCode: '固件升级失败，此固件升级文件的版本号低于当前版本。' // 644code
+    lsssCode: '固件升级失败，此固件升级文件的版本号低于当前版本。', // 644code
+    WAN_IP_AddressIP: '广域网域名',
+    WAN_IP_Address: '广域网IP地址',
+    WAN_IP_DomainName: '广域网域名',
+    WAN_IP_Type: '广域网格式',
+    WAN_Port: '公网端口号',
+    WAN_RTSP_Port: '公网RTSP端口号'
   },
   theme: {
     change: '换肤',
diff --git a/src/views/agreement/index.vue b/src/views/agreement/index.vue
index 2121cad..9c0769b 100644
--- a/src/views/agreement/index.vue
+++ b/src/views/agreement/index.vue
@@ -12,7 +12,7 @@
         />
       </el-tabs>
       <el-form
-        v-show="selectIndex == '2'"
+        v-show="selectIndex === '2'"
         class="detail-form agree-form"
         label-width="180px"
         label-position="right"
@@ -44,7 +44,6 @@
         <el-form-item :label="$t('table.deviceStreamPort')">
           <el-input v-model="formUDPData.corestreamPort" />
         </el-form-item>
-
         <el-form-item :label="$t('table.httpAuth')">
           <el-radio v-model="formUDPData.httpApiAuth" label="on">{{
             $t("table.open")
@@ -53,7 +52,6 @@
             $t("table.close")
           }}</el-radio>
         </el-form-item>
-
         <el-form-item label="SSH">
           <el-radio v-model="formUDPData.ssh" label="on">{{
             $t("table.open")
@@ -64,7 +62,7 @@
         </el-form-item>
       </el-form>
       <el-form
-        v-show="selectIndex == '1'"
+        v-show="selectIndex === '1'"
         class="detail-form agree-form"
         label-width="180px"
         label-position="right"
@@ -104,7 +102,7 @@
         </el-form-item>
       </el-form>
       <el-form
-        v-show="selectIndex == '0'"
+        v-show="selectIndex === '0'"
         class="detail-form agree-form"
         label-width="180px"
         label-position="right"
@@ -165,6 +163,32 @@
             $t("table.close")
           }}</el-radio>
         </el-form-item>
+        <el-form-item :label="$t('table.WAN_IP_Type')">
+          <el-select
+            v-model="formONVIFData.wanType"
+            style="width:350px;"
+            @change="selectChangeNet"
+          >
+            <el-option
+              v-for="item in NetType"
+              :key="item.key"
+              :label="item.label"
+              :value="item.key"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="formONVIFData.wanType === '1'" :label="$t('table.WAN_IP_DomainName')">
+          <el-input v-model="formONVIFData.wanDomainName" />
+        </el-form-item>
+        <el-form-item v-if="formONVIFData.wanType === '0'" :label="$t('table.WAN_IP_Address')">
+          <el-input v-model="formONVIFData.wanIP" />
+        </el-form-item>
+        <el-form-item :label="$t('table.WAN_Port')">
+          <el-input v-model="formONVIFData.wanOnvifPort" type="number" :min="0" :max="65535" />
+        </el-form-item>
+        <el-form-item :label="$t('table.WAN_RTSP_Port')">
+          <el-input v-model="formONVIFData.wanRTSPPort" type="number" :min="0" :max="65535" />
+        </el-form-item>
       </el-form>
       <el-button
         type="primary"
@@ -200,6 +224,16 @@ export default {
           key: '0'
         }
       ],
+      NetType: [
+        {
+          label: this.$t('table.WAN_IP_Address'),
+          key: '0'
+        },
+        {
+          label: this.$t('table.WAN_IP_DomainName'),
+          key: '1'
+        }
+      ],
       selectIndex: '0',
       formUDPData: {
         udp: '',
@@ -231,7 +265,12 @@ export default {
         onvifPort: '',
         rtspAudioTypeArr: [],
         rtspAudioType: '',
-        onvifAuth: ''
+        onvifAuth: '',
+        wanIP: '',
+        wanOnvifPort: '',
+        wanRTSPPort: '',
+        wanDomainName: '',
+        wanType: '0'
       },
 
       sipPasswordType: 'password',
@@ -254,6 +293,9 @@ export default {
     this.getDeviceInfo()
   },
   methods: {
+    selectChangeNet(e) {
+      this.formONVIFData.wanType = e
+    },
     selectChange(e) {
       this.rtspAudioType = e
     },
@@ -325,6 +367,12 @@ export default {
           this.formONVIFData.rtspAudioType = res.data.rtspAudioType
           this.formONVIFData.onvifAuth = res.data.onvifAuth
 
+          this.formONVIFData.wanIP = res.data.wanIP
+          this.formONVIFData.wanOnvifPort = res.data.wanOnvifPort
+          this.formONVIFData.wanRTSPPort = res.data.wanRTSPPort
+          this.formONVIFData.wanDomainName = res.data.wanDomainName
+          this.formONVIFData.wanType = res.data.wanType
+
           this.$forceUpdate()
         } else {
           this.$message.error(res.message)