diff --git a/src/components/ConfigManager/device.vue b/src/components/ConfigManager/device.vue
index 1dd1801..8b9a323 100644
--- a/src/components/ConfigManager/device.vue
+++ b/src/components/ConfigManager/device.vue
@@ -382,13 +382,13 @@
         fieldList: [
           {
             label: "因子名称",
-            value: "codeProperty",
+            value: "codeproperty",
             minWidth: 100,
             tooltip: true
           },
           {
             label: "因子ASCII码",
-            value: "codeAscll",
+            value: "codeascii",
             minWidth: 100,
             tooltip: true
           }

diff --git a/src/components/ConfigManager/device.vue b/src/components/ConfigManager/device.vue
index 1dd1801..8b9a323 100644
--- a/src/components/ConfigManager/device.vue
+++ b/src/components/ConfigManager/device.vue
@@ -382,13 +382,13 @@
         fieldList: [
           {
             label: "因子名称",
-            value: "codeProperty",
+            value: "codeproperty",
             minWidth: 100,
             tooltip: true
           },
           {
             label: "因子ASCII码",
-            value: "codeAscll",
+            value: "codeascii",
             minWidth: 100,
             tooltip: true
           }
diff --git a/src/components/ConfigManager/factor.vue b/src/components/ConfigManager/factor.vue
index f38f0b9..54cd6d5 100644
--- a/src/components/ConfigManager/factor.vue
+++ b/src/components/ConfigManager/factor.vue
@@ -50,11 +50,11 @@
         initCurpage: 1,
         data: [],
         fieldList: [
-          { label: "因子名称", value: "codeProperty", minWidth: 150, tooltip: true },
-          { label: "因子ASCII码", value: "codeAscll", minWidth: 100, tooltip: true },
+          { label: "因子名称", value: "codeproperty", minWidth: 150, tooltip: true },
+          { label: "因子ASCII码", value: "codeascii", minWidth: 100, tooltip: true },
           { label: "水文编号", value: "code", minWidth: 100, tooltip: true },
-          { label: "因子最大值", value: "maxValue", minWidth: 100, tooltip: true },
-          { label: "因子最小值", value: "minValue", minWidth: 100, tooltip: true },
+          { label: "因子最大值", value: "maxvalue", minWidth: 100, tooltip: true },
+          { label: "因子最小值", value: "minvalue", minWidth: 100, tooltip: true },
           { label: "因子单位", value: "unit", minWidth: 100, tooltip: true },
         ]
       }

diff --git a/src/components/ConfigManager/device.vue b/src/components/ConfigManager/device.vue
index 1dd1801..8b9a323 100644
--- a/src/components/ConfigManager/device.vue
+++ b/src/components/ConfigManager/device.vue
@@ -382,13 +382,13 @@
         fieldList: [
           {
             label: "因子名称",
-            value: "codeProperty",
+            value: "codeproperty",
             minWidth: 100,
             tooltip: true
           },
           {
             label: "因子ASCII码",
-            value: "codeAscll",
+            value: "codeascii",
             minWidth: 100,
             tooltip: true
           }
diff --git a/src/components/ConfigManager/factor.vue b/src/components/ConfigManager/factor.vue
index f38f0b9..54cd6d5 100644
--- a/src/components/ConfigManager/factor.vue
+++ b/src/components/ConfigManager/factor.vue
@@ -50,11 +50,11 @@
         initCurpage: 1,
         data: [],
         fieldList: [
-          { label: "因子名称", value: "codeProperty", minWidth: 150, tooltip: true },
-          { label: "因子ASCII码", value: "codeAscll", minWidth: 100, tooltip: true },
+          { label: "因子名称", value: "codeproperty", minWidth: 150, tooltip: true },
+          { label: "因子ASCII码", value: "codeascii", minWidth: 100, tooltip: true },
           { label: "水文编号", value: "code", minWidth: 100, tooltip: true },
-          { label: "因子最大值", value: "maxValue", minWidth: 100, tooltip: true },
-          { label: "因子最小值", value: "minValue", minWidth: 100, tooltip: true },
+          { label: "因子最大值", value: "maxvalue", minWidth: 100, tooltip: true },
+          { label: "因子最小值", value: "minvalue", minWidth: 100, tooltip: true },
           { label: "因子单位", value: "unit", minWidth: 100, tooltip: true },
         ]
       }
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index 5fb022b..e1bf057 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -84,17 +84,7 @@
         refresh: 1,
         initCurpage: 1,
         isLevel: true,
-        data: [
-          // {
-          //   "exeName": "ins-ctpq7oqv",
-          //   "serverIp": "127.0.0.1",
-          //   "homePath": "/src/util/ruter",
-          //   "pid": "82731",
-          //   "port": "8080",
-          //   "status": 0,
-          //   "updateTime": "2020-12-10 23:33:00",
-          // }
-        ],
+        data: [],
         fieldList: [
           { label: "应用名称", value: "exeName", minWidth: 120, tooltip: true },
           {
@@ -180,24 +170,7 @@
         ]
       },
       //应用图表相关
-      applyChartInfo: [
-        // {
-        //   chartName: "cpu",
-        //   chartData: {
-        //     nameList: ["cpu"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // },
-        // {
-        //   chartName: "mem",
-        //   chartData: {
-        //     nameList: ["mem"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // }
-      ],
+      applyChartInfo: [],
       xList: [],
       loading: false
     };
@@ -276,15 +249,6 @@
 </script>
 
 <style lang="scss" scoped>
-// .page-table {
-//   color: #000;
-//   /deep/ .el-table th .cell {
-//     // color: #000 !important;
-//   }
-//   /deep/ .el-table td .cell {
-//     // color: #000 !important;
-//   }
-// }
 .contentAll {
   min-height: 250px;
 }

diff --git a/src/components/ConfigManager/device.vue b/src/components/ConfigManager/device.vue
index 1dd1801..8b9a323 100644
--- a/src/components/ConfigManager/device.vue
+++ b/src/components/ConfigManager/device.vue
@@ -382,13 +382,13 @@
         fieldList: [
           {
             label: "因子名称",
-            value: "codeProperty",
+            value: "codeproperty",
             minWidth: 100,
             tooltip: true
           },
           {
             label: "因子ASCII码",
-            value: "codeAscll",
+            value: "codeascii",
             minWidth: 100,
             tooltip: true
           }
diff --git a/src/components/ConfigManager/factor.vue b/src/components/ConfigManager/factor.vue
index f38f0b9..54cd6d5 100644
--- a/src/components/ConfigManager/factor.vue
+++ b/src/components/ConfigManager/factor.vue
@@ -50,11 +50,11 @@
         initCurpage: 1,
         data: [],
         fieldList: [
-          { label: "因子名称", value: "codeProperty", minWidth: 150, tooltip: true },
-          { label: "因子ASCII码", value: "codeAscll", minWidth: 100, tooltip: true },
+          { label: "因子名称", value: "codeproperty", minWidth: 150, tooltip: true },
+          { label: "因子ASCII码", value: "codeascii", minWidth: 100, tooltip: true },
           { label: "水文编号", value: "code", minWidth: 100, tooltip: true },
-          { label: "因子最大值", value: "maxValue", minWidth: 100, tooltip: true },
-          { label: "因子最小值", value: "minValue", minWidth: 100, tooltip: true },
+          { label: "因子最大值", value: "maxvalue", minWidth: 100, tooltip: true },
+          { label: "因子最小值", value: "minvalue", minWidth: 100, tooltip: true },
           { label: "因子单位", value: "unit", minWidth: 100, tooltip: true },
         ]
       }
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index 5fb022b..e1bf057 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -84,17 +84,7 @@
         refresh: 1,
         initCurpage: 1,
         isLevel: true,
-        data: [
-          // {
-          //   "exeName": "ins-ctpq7oqv",
-          //   "serverIp": "127.0.0.1",
-          //   "homePath": "/src/util/ruter",
-          //   "pid": "82731",
-          //   "port": "8080",
-          //   "status": 0,
-          //   "updateTime": "2020-12-10 23:33:00",
-          // }
-        ],
+        data: [],
         fieldList: [
           { label: "应用名称", value: "exeName", minWidth: 120, tooltip: true },
           {
@@ -180,24 +170,7 @@
         ]
       },
       //应用图表相关
-      applyChartInfo: [
-        // {
-        //   chartName: "cpu",
-        //   chartData: {
-        //     nameList: ["cpu"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // },
-        // {
-        //   chartName: "mem",
-        //   chartData: {
-        //     nameList: ["mem"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // }
-      ],
+      applyChartInfo: [],
       xList: [],
       loading: false
     };
@@ -276,15 +249,6 @@
 </script>
 
 <style lang="scss" scoped>
-// .page-table {
-//   color: #000;
-//   /deep/ .el-table th .cell {
-//     // color: #000 !important;
-//   }
-//   /deep/ .el-table td .cell {
-//     // color: #000 !important;
-//   }
-// }
 .contentAll {
   min-height: 250px;
 }
diff --git a/src/components/ServiceWatch/components/nginx.vue b/src/components/ServiceWatch/components/nginx.vue
index 1b1078f..a50d76b 100644
--- a/src/components/ServiceWatch/components/nginx.vue
+++ b/src/components/ServiceWatch/components/nginx.vue
@@ -4,6 +4,7 @@
       <!--搜索-->
       <page-filter
         :query.sync="filterInfo.query"
+        :filter-list="filterInfo.list"
         @handleClick="handleClick"
       />
     </div>
@@ -19,21 +20,63 @@
         :list-type-info="listTypeInfo"
         :init-curpage="tableInfo.initCurpage"
         :field-list="tableInfo.fieldList"
+        :handle="tableInfo.handle"
         @handleClick="handleClick"
       />
     </div>
+    <page-dialog
+      class="page-data-dialog"
+      :title="dialogInfo.title[dialogInfo.type]"
+      :visible.sync="dialogInfo.visible"
+      :width="dialogInfo.width"
+      :bt-loading="dialogInfo.btLoading"
+      :bt-list="dialogInfo.btList"
+      @handleClick="handleClick"
+    >
+      <page-form
+        :ref-obj.sync="formInfo.ref"
+        :data="formInfo.data"
+        :loading="formInfo.loading"
+        :field-list="formInfo.fieldList"
+        :rules="formInfo.rules"
+        :label-width="formInfo.labelWidth"
+        :list-type-info="listTypeInfo"
+        @handleClick="handleClick"
+      />
+    </page-dialog>
   </div>
 </template>
 
 <script>
 export default {
   data() {
+    // 验证服务地址
+    let checkUrl = (rule, value, callback) => {
+      let check = this.$validate({ label: "服务地址", value, rules: ["notnull","url"] });
+      if (!check.result) {
+        callback(new Error(check.message));
+      } else {
+        callback();
+      }
+    };
+    // 验证端口号
+    let checkPort = (rule, value, callback) => {
+      let check = this.$validate({ label: "端口号", value, rules: ["notnull","port"] });
+      if (!check.result) {
+        callback(new Error(check.message));
+      } else {
+        callback();
+      }
+    };
     return {
       //搜索相关
       filterInfo: {
         query: {
           serverIp: this.$route.query.publicAddress
-        }
+        },
+        list: [
+          { type: "button", label: "添加", btType: "primary", icon: "", event: "create", show: true }
+        ]
       },
       //表格相关
       tableInfo: {
@@ -51,7 +94,15 @@
           { label: "端口类型", value: "portType", width: 100, list: "portTypeList" },
           { label: "描述", value: "description", minWidth: 80, tooltip: true },
           { label: "关联应用(jar)", value: "relatedApplication", minWidth: 100, tooltip: true },
-        ]
+        ],
+        handle: {
+          fixed: "right",
+          label: "操作",
+          width: "80",
+          btList: [
+            { label: "修改", size: "small", type: "text", event: "update", show: true }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {
@@ -61,13 +112,74 @@
           {key: "第三方", value: 3},
           {key: "本地", value: 4},
         ]
+      },
+      //弹窗相关
+      dialogInfo: {
+        title: {
+          update: "编辑信息",
+          create: "添加信息",
+        },
+        width: "500px",
+        visible: false,
+        btLoading: false,
+        type: "",
+        btList: [
+          { label: "取消", type: "", icon: "", event: "close", show: true },
+          { label: "确定", type: "primary", icon: "", event: "save", show: true, loading: true }
+        ]
+      },
+      //表单相关
+      formInfo: {
+        ref: null,
+        data: {
+          id: undefined,
+          nginxName: "",
+          nginxPort: "",
+          monitorPath: "",
+          url: "",
+          serverPort: "",
+          portType: undefined,
+          description: "",
+          relatedApplication: "",
+          serverIp:this.$route.query.publicAddress
+        },
+        loading: false,
+        fieldList: [
+          { label: "服务器IP", value: "serverIp", type: "input", disabled: true },
+          { label: "nginx名称", value: "nginxName", type: "input", required: true },
+          { label: "nginx端口", value: "nginxPort", type: "input", validator: checkPort, required: true },
+          { label: "监控路径", value: "monitorPath", type: "input", required: true },
+          { label: "服务地址", value: "url", type: "input", validator: checkUrl, required: true },
+          { label: "服务端口", value: "serverPort", type: "input", validator: checkPort, required: true },
+          { label: "端口类型", value: "portType", type: "select", list: "portTypeList", required: true },
+          { label: "描述", value: "description", type: "input" },
+          { label: "关联应用", value: "relatedApplication", type: "input" }
+        ],
+        rules: {}
+      }
+    }
+  },
+  watch: {
+    "dialogInfo.visible"(val) {
+      if(!val) {
+        if (this.formInfo.ref) {
+          this.formInfo.ref.resetFields();
+        }
+        this.resetForm();
+        this.dialogInfo.btLoading = false;
       }
     }
   },
   mounted() {
+    this.initRules();
     this.tableInfo.refresh = Math.random();
   },
   methods: {
+    //初始化验证
+    initRules() {
+      const formInfo = this.formInfo;
+      formInfo.rules = this.$initRules(formInfo.fieldList);
+    },
     //点击事件
     handleClick(event, data) {
       switch(event) {
@@ -76,7 +188,66 @@
           this.tableInfo.initCurpage = Math.random();
           this.tableInfo.refresh = Math.random();
           break;
+        //添加
+        case "create":
+          this.dialogInfo.type = event;
+          this.dialogInfo.visible = true;
+          break;
+        //修改
+        case "update":
+          this.dialogInfo.type = event;
+          this.dialogInfo.visible = true;
+          for (let key in data) {
+            if (key in this.formInfo.data) {
+              this.formInfo.data[key] = data[key];
+            }
+          }
+          break;
+        //保存
+        case "save":
+          const type = this.dialogInfo.type;
+          // let params, api;
+          this.formInfo.ref.validate(valid => {
+            if (valid) {
+              this.btnLoading = true;
+              this.$http.post(this.nozzle.nginxAddOrUpdate, this.formInfo.data).then(res => {
+                if (res.data.code === 200) {
+                  this.dialogInfo.visible = false;
+                  this.tableInfo.refresh = Math.random();
+                }
+                this.$message({
+                  message: res.data.msg,
+                  type: res.data.code === 200 ? "success" : "error",
+                  showClose: true
+                });
+                this.btnLoading = false;
+              })
+              .catch(e => {
+                this.btnLoading = false;
+              });
+            }
+          });
+          break;
+        //关闭
+        case "close":
+          this.dialogInfo.visible = false;
+          break;
       }
+    },
+    //重置表单
+    resetForm() {
+      this.formInfo.data = {
+        id: undefined,
+        nginxName: "",
+        nginxPort: "",
+        monitorPath: "",
+        url: "",
+        serverPort: "",
+        portType: undefined,
+        description: "",
+        relatedApplication: "",
+        serverIp:this.$route.query.publicAddress
+      };
     }
   }
 }

diff --git a/src/components/ConfigManager/device.vue b/src/components/ConfigManager/device.vue
index 1dd1801..8b9a323 100644
--- a/src/components/ConfigManager/device.vue
+++ b/src/components/ConfigManager/device.vue
@@ -382,13 +382,13 @@
         fieldList: [
           {
             label: "因子名称",
-            value: "codeProperty",
+            value: "codeproperty",
             minWidth: 100,
             tooltip: true
           },
           {
             label: "因子ASCII码",
-            value: "codeAscll",
+            value: "codeascii",
             minWidth: 100,
             tooltip: true
           }
diff --git a/src/components/ConfigManager/factor.vue b/src/components/ConfigManager/factor.vue
index f38f0b9..54cd6d5 100644
--- a/src/components/ConfigManager/factor.vue
+++ b/src/components/ConfigManager/factor.vue
@@ -50,11 +50,11 @@
         initCurpage: 1,
         data: [],
         fieldList: [
-          { label: "因子名称", value: "codeProperty", minWidth: 150, tooltip: true },
-          { label: "因子ASCII码", value: "codeAscll", minWidth: 100, tooltip: true },
+          { label: "因子名称", value: "codeproperty", minWidth: 150, tooltip: true },
+          { label: "因子ASCII码", value: "codeascii", minWidth: 100, tooltip: true },
           { label: "水文编号", value: "code", minWidth: 100, tooltip: true },
-          { label: "因子最大值", value: "maxValue", minWidth: 100, tooltip: true },
-          { label: "因子最小值", value: "minValue", minWidth: 100, tooltip: true },
+          { label: "因子最大值", value: "maxvalue", minWidth: 100, tooltip: true },
+          { label: "因子最小值", value: "minvalue", minWidth: 100, tooltip: true },
           { label: "因子单位", value: "unit", minWidth: 100, tooltip: true },
         ]
       }
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index 5fb022b..e1bf057 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -84,17 +84,7 @@
         refresh: 1,
         initCurpage: 1,
         isLevel: true,
-        data: [
-          // {
-          //   "exeName": "ins-ctpq7oqv",
-          //   "serverIp": "127.0.0.1",
-          //   "homePath": "/src/util/ruter",
-          //   "pid": "82731",
-          //   "port": "8080",
-          //   "status": 0,
-          //   "updateTime": "2020-12-10 23:33:00",
-          // }
-        ],
+        data: [],
         fieldList: [
           { label: "应用名称", value: "exeName", minWidth: 120, tooltip: true },
           {
@@ -180,24 +170,7 @@
         ]
       },
       //应用图表相关
-      applyChartInfo: [
-        // {
-        //   chartName: "cpu",
-        //   chartData: {
-        //     nameList: ["cpu"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // },
-        // {
-        //   chartName: "mem",
-        //   chartData: {
-        //     nameList: ["mem"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // }
-      ],
+      applyChartInfo: [],
       xList: [],
       loading: false
     };
@@ -276,15 +249,6 @@
 </script>
 
 <style lang="scss" scoped>
-// .page-table {
-//   color: #000;
-//   /deep/ .el-table th .cell {
-//     // color: #000 !important;
-//   }
-//   /deep/ .el-table td .cell {
-//     // color: #000 !important;
-//   }
-// }
 .contentAll {
   min-height: 250px;
 }
diff --git a/src/components/ServiceWatch/components/nginx.vue b/src/components/ServiceWatch/components/nginx.vue
index 1b1078f..a50d76b 100644
--- a/src/components/ServiceWatch/components/nginx.vue
+++ b/src/components/ServiceWatch/components/nginx.vue
@@ -4,6 +4,7 @@
       <!--搜索-->
       <page-filter
         :query.sync="filterInfo.query"
+        :filter-list="filterInfo.list"
         @handleClick="handleClick"
       />
     </div>
@@ -19,21 +20,63 @@
         :list-type-info="listTypeInfo"
         :init-curpage="tableInfo.initCurpage"
         :field-list="tableInfo.fieldList"
+        :handle="tableInfo.handle"
         @handleClick="handleClick"
       />
     </div>
+    <page-dialog
+      class="page-data-dialog"
+      :title="dialogInfo.title[dialogInfo.type]"
+      :visible.sync="dialogInfo.visible"
+      :width="dialogInfo.width"
+      :bt-loading="dialogInfo.btLoading"
+      :bt-list="dialogInfo.btList"
+      @handleClick="handleClick"
+    >
+      <page-form
+        :ref-obj.sync="formInfo.ref"
+        :data="formInfo.data"
+        :loading="formInfo.loading"
+        :field-list="formInfo.fieldList"
+        :rules="formInfo.rules"
+        :label-width="formInfo.labelWidth"
+        :list-type-info="listTypeInfo"
+        @handleClick="handleClick"
+      />
+    </page-dialog>
   </div>
 </template>
 
 <script>
 export default {
   data() {
+    // 验证服务地址
+    let checkUrl = (rule, value, callback) => {
+      let check = this.$validate({ label: "服务地址", value, rules: ["notnull","url"] });
+      if (!check.result) {
+        callback(new Error(check.message));
+      } else {
+        callback();
+      }
+    };
+    // 验证端口号
+    let checkPort = (rule, value, callback) => {
+      let check = this.$validate({ label: "端口号", value, rules: ["notnull","port"] });
+      if (!check.result) {
+        callback(new Error(check.message));
+      } else {
+        callback();
+      }
+    };
     return {
       //搜索相关
       filterInfo: {
         query: {
           serverIp: this.$route.query.publicAddress
-        }
+        },
+        list: [
+          { type: "button", label: "添加", btType: "primary", icon: "", event: "create", show: true }
+        ]
       },
       //表格相关
       tableInfo: {
@@ -51,7 +94,15 @@
           { label: "端口类型", value: "portType", width: 100, list: "portTypeList" },
           { label: "描述", value: "description", minWidth: 80, tooltip: true },
           { label: "关联应用(jar)", value: "relatedApplication", minWidth: 100, tooltip: true },
-        ]
+        ],
+        handle: {
+          fixed: "right",
+          label: "操作",
+          width: "80",
+          btList: [
+            { label: "修改", size: "small", type: "text", event: "update", show: true }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {
@@ -61,13 +112,74 @@
           {key: "第三方", value: 3},
           {key: "本地", value: 4},
         ]
+      },
+      //弹窗相关
+      dialogInfo: {
+        title: {
+          update: "编辑信息",
+          create: "添加信息",
+        },
+        width: "500px",
+        visible: false,
+        btLoading: false,
+        type: "",
+        btList: [
+          { label: "取消", type: "", icon: "", event: "close", show: true },
+          { label: "确定", type: "primary", icon: "", event: "save", show: true, loading: true }
+        ]
+      },
+      //表单相关
+      formInfo: {
+        ref: null,
+        data: {
+          id: undefined,
+          nginxName: "",
+          nginxPort: "",
+          monitorPath: "",
+          url: "",
+          serverPort: "",
+          portType: undefined,
+          description: "",
+          relatedApplication: "",
+          serverIp:this.$route.query.publicAddress
+        },
+        loading: false,
+        fieldList: [
+          { label: "服务器IP", value: "serverIp", type: "input", disabled: true },
+          { label: "nginx名称", value: "nginxName", type: "input", required: true },
+          { label: "nginx端口", value: "nginxPort", type: "input", validator: checkPort, required: true },
+          { label: "监控路径", value: "monitorPath", type: "input", required: true },
+          { label: "服务地址", value: "url", type: "input", validator: checkUrl, required: true },
+          { label: "服务端口", value: "serverPort", type: "input", validator: checkPort, required: true },
+          { label: "端口类型", value: "portType", type: "select", list: "portTypeList", required: true },
+          { label: "描述", value: "description", type: "input" },
+          { label: "关联应用", value: "relatedApplication", type: "input" }
+        ],
+        rules: {}
+      }
+    }
+  },
+  watch: {
+    "dialogInfo.visible"(val) {
+      if(!val) {
+        if (this.formInfo.ref) {
+          this.formInfo.ref.resetFields();
+        }
+        this.resetForm();
+        this.dialogInfo.btLoading = false;
       }
     }
   },
   mounted() {
+    this.initRules();
     this.tableInfo.refresh = Math.random();
   },
   methods: {
+    //初始化验证
+    initRules() {
+      const formInfo = this.formInfo;
+      formInfo.rules = this.$initRules(formInfo.fieldList);
+    },
     //点击事件
     handleClick(event, data) {
       switch(event) {
@@ -76,7 +188,66 @@
           this.tableInfo.initCurpage = Math.random();
           this.tableInfo.refresh = Math.random();
           break;
+        //添加
+        case "create":
+          this.dialogInfo.type = event;
+          this.dialogInfo.visible = true;
+          break;
+        //修改
+        case "update":
+          this.dialogInfo.type = event;
+          this.dialogInfo.visible = true;
+          for (let key in data) {
+            if (key in this.formInfo.data) {
+              this.formInfo.data[key] = data[key];
+            }
+          }
+          break;
+        //保存
+        case "save":
+          const type = this.dialogInfo.type;
+          // let params, api;
+          this.formInfo.ref.validate(valid => {
+            if (valid) {
+              this.btnLoading = true;
+              this.$http.post(this.nozzle.nginxAddOrUpdate, this.formInfo.data).then(res => {
+                if (res.data.code === 200) {
+                  this.dialogInfo.visible = false;
+                  this.tableInfo.refresh = Math.random();
+                }
+                this.$message({
+                  message: res.data.msg,
+                  type: res.data.code === 200 ? "success" : "error",
+                  showClose: true
+                });
+                this.btnLoading = false;
+              })
+              .catch(e => {
+                this.btnLoading = false;
+              });
+            }
+          });
+          break;
+        //关闭
+        case "close":
+          this.dialogInfo.visible = false;
+          break;
       }
+    },
+    //重置表单
+    resetForm() {
+      this.formInfo.data = {
+        id: undefined,
+        nginxName: "",
+        nginxPort: "",
+        monitorPath: "",
+        url: "",
+        serverPort: "",
+        portType: undefined,
+        description: "",
+        relatedApplication: "",
+        serverIp:this.$route.query.publicAddress
+      };
     }
   }
 }
diff --git a/src/util/serverManage.js b/src/util/serverManage.js
index 9ad878f..0e7027a 100644
--- a/src/util/serverManage.js
+++ b/src/util/serverManage.js
@@ -19,6 +19,7 @@
   exeQueryDetail: "/exe/queryDetail", //服务应用详情
 
   nginxWatch: "/nginx/query", //nginx监控
+  nginxAddOrUpdate: "/nginx/save", //nginx添加更新
 };
 
 for (let item in nozzle) {

diff --git a/src/components/ConfigManager/device.vue b/src/components/ConfigManager/device.vue
index 1dd1801..8b9a323 100644
--- a/src/components/ConfigManager/device.vue
+++ b/src/components/ConfigManager/device.vue
@@ -382,13 +382,13 @@
         fieldList: [
           {
             label: "因子名称",
-            value: "codeProperty",
+            value: "codeproperty",
             minWidth: 100,
             tooltip: true
           },
           {
             label: "因子ASCII码",
-            value: "codeAscll",
+            value: "codeascii",
             minWidth: 100,
             tooltip: true
           }
diff --git a/src/components/ConfigManager/factor.vue b/src/components/ConfigManager/factor.vue
index f38f0b9..54cd6d5 100644
--- a/src/components/ConfigManager/factor.vue
+++ b/src/components/ConfigManager/factor.vue
@@ -50,11 +50,11 @@
         initCurpage: 1,
         data: [],
         fieldList: [
-          { label: "因子名称", value: "codeProperty", minWidth: 150, tooltip: true },
-          { label: "因子ASCII码", value: "codeAscll", minWidth: 100, tooltip: true },
+          { label: "因子名称", value: "codeproperty", minWidth: 150, tooltip: true },
+          { label: "因子ASCII码", value: "codeascii", minWidth: 100, tooltip: true },
           { label: "水文编号", value: "code", minWidth: 100, tooltip: true },
-          { label: "因子最大值", value: "maxValue", minWidth: 100, tooltip: true },
-          { label: "因子最小值", value: "minValue", minWidth: 100, tooltip: true },
+          { label: "因子最大值", value: "maxvalue", minWidth: 100, tooltip: true },
+          { label: "因子最小值", value: "minvalue", minWidth: 100, tooltip: true },
           { label: "因子单位", value: "unit", minWidth: 100, tooltip: true },
         ]
       }
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index 5fb022b..e1bf057 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -84,17 +84,7 @@
         refresh: 1,
         initCurpage: 1,
         isLevel: true,
-        data: [
-          // {
-          //   "exeName": "ins-ctpq7oqv",
-          //   "serverIp": "127.0.0.1",
-          //   "homePath": "/src/util/ruter",
-          //   "pid": "82731",
-          //   "port": "8080",
-          //   "status": 0,
-          //   "updateTime": "2020-12-10 23:33:00",
-          // }
-        ],
+        data: [],
         fieldList: [
           { label: "应用名称", value: "exeName", minWidth: 120, tooltip: true },
           {
@@ -180,24 +170,7 @@
         ]
       },
       //应用图表相关
-      applyChartInfo: [
-        // {
-        //   chartName: "cpu",
-        //   chartData: {
-        //     nameList: ["cpu"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // },
-        // {
-        //   chartName: "mem",
-        //   chartData: {
-        //     nameList: ["mem"],
-        //     xList: ["2021-01-21 14:51:01","2021-01-21 14:51:01","2021-01-21 14:51:01"],
-        //     dataList: [[33,44,55]]
-        //   }
-        // }
-      ],
+      applyChartInfo: [],
       xList: [],
       loading: false
     };
@@ -276,15 +249,6 @@
 </script>
 
 <style lang="scss" scoped>
-// .page-table {
-//   color: #000;
-//   /deep/ .el-table th .cell {
-//     // color: #000 !important;
-//   }
-//   /deep/ .el-table td .cell {
-//     // color: #000 !important;
-//   }
-// }
 .contentAll {
   min-height: 250px;
 }
diff --git a/src/components/ServiceWatch/components/nginx.vue b/src/components/ServiceWatch/components/nginx.vue
index 1b1078f..a50d76b 100644
--- a/src/components/ServiceWatch/components/nginx.vue
+++ b/src/components/ServiceWatch/components/nginx.vue
@@ -4,6 +4,7 @@
       <!--搜索-->
       <page-filter
         :query.sync="filterInfo.query"
+        :filter-list="filterInfo.list"
         @handleClick="handleClick"
       />
     </div>
@@ -19,21 +20,63 @@
         :list-type-info="listTypeInfo"
         :init-curpage="tableInfo.initCurpage"
         :field-list="tableInfo.fieldList"
+        :handle="tableInfo.handle"
         @handleClick="handleClick"
       />
     </div>
+    <page-dialog
+      class="page-data-dialog"
+      :title="dialogInfo.title[dialogInfo.type]"
+      :visible.sync="dialogInfo.visible"
+      :width="dialogInfo.width"
+      :bt-loading="dialogInfo.btLoading"
+      :bt-list="dialogInfo.btList"
+      @handleClick="handleClick"
+    >
+      <page-form
+        :ref-obj.sync="formInfo.ref"
+        :data="formInfo.data"
+        :loading="formInfo.loading"
+        :field-list="formInfo.fieldList"
+        :rules="formInfo.rules"
+        :label-width="formInfo.labelWidth"
+        :list-type-info="listTypeInfo"
+        @handleClick="handleClick"
+      />
+    </page-dialog>
   </div>
 </template>
 
 <script>
 export default {
   data() {
+    // 验证服务地址
+    let checkUrl = (rule, value, callback) => {
+      let check = this.$validate({ label: "服务地址", value, rules: ["notnull","url"] });
+      if (!check.result) {
+        callback(new Error(check.message));
+      } else {
+        callback();
+      }
+    };
+    // 验证端口号
+    let checkPort = (rule, value, callback) => {
+      let check = this.$validate({ label: "端口号", value, rules: ["notnull","port"] });
+      if (!check.result) {
+        callback(new Error(check.message));
+      } else {
+        callback();
+      }
+    };
     return {
       //搜索相关
       filterInfo: {
         query: {
           serverIp: this.$route.query.publicAddress
-        }
+        },
+        list: [
+          { type: "button", label: "添加", btType: "primary", icon: "", event: "create", show: true }
+        ]
       },
       //表格相关
       tableInfo: {
@@ -51,7 +94,15 @@
           { label: "端口类型", value: "portType", width: 100, list: "portTypeList" },
           { label: "描述", value: "description", minWidth: 80, tooltip: true },
           { label: "关联应用(jar)", value: "relatedApplication", minWidth: 100, tooltip: true },
-        ]
+        ],
+        handle: {
+          fixed: "right",
+          label: "操作",
+          width: "80",
+          btList: [
+            { label: "修改", size: "small", type: "text", event: "update", show: true }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {
@@ -61,13 +112,74 @@
           {key: "第三方", value: 3},
           {key: "本地", value: 4},
         ]
+      },
+      //弹窗相关
+      dialogInfo: {
+        title: {
+          update: "编辑信息",
+          create: "添加信息",
+        },
+        width: "500px",
+        visible: false,
+        btLoading: false,
+        type: "",
+        btList: [
+          { label: "取消", type: "", icon: "", event: "close", show: true },
+          { label: "确定", type: "primary", icon: "", event: "save", show: true, loading: true }
+        ]
+      },
+      //表单相关
+      formInfo: {
+        ref: null,
+        data: {
+          id: undefined,
+          nginxName: "",
+          nginxPort: "",
+          monitorPath: "",
+          url: "",
+          serverPort: "",
+          portType: undefined,
+          description: "",
+          relatedApplication: "",
+          serverIp:this.$route.query.publicAddress
+        },
+        loading: false,
+        fieldList: [
+          { label: "服务器IP", value: "serverIp", type: "input", disabled: true },
+          { label: "nginx名称", value: "nginxName", type: "input", required: true },
+          { label: "nginx端口", value: "nginxPort", type: "input", validator: checkPort, required: true },
+          { label: "监控路径", value: "monitorPath", type: "input", required: true },
+          { label: "服务地址", value: "url", type: "input", validator: checkUrl, required: true },
+          { label: "服务端口", value: "serverPort", type: "input", validator: checkPort, required: true },
+          { label: "端口类型", value: "portType", type: "select", list: "portTypeList", required: true },
+          { label: "描述", value: "description", type: "input" },
+          { label: "关联应用", value: "relatedApplication", type: "input" }
+        ],
+        rules: {}
+      }
+    }
+  },
+  watch: {
+    "dialogInfo.visible"(val) {
+      if(!val) {
+        if (this.formInfo.ref) {
+          this.formInfo.ref.resetFields();
+        }
+        this.resetForm();
+        this.dialogInfo.btLoading = false;
       }
     }
   },
   mounted() {
+    this.initRules();
     this.tableInfo.refresh = Math.random();
   },
   methods: {
+    //初始化验证
+    initRules() {
+      const formInfo = this.formInfo;
+      formInfo.rules = this.$initRules(formInfo.fieldList);
+    },
     //点击事件
     handleClick(event, data) {
       switch(event) {
@@ -76,7 +188,66 @@
           this.tableInfo.initCurpage = Math.random();
           this.tableInfo.refresh = Math.random();
           break;
+        //添加
+        case "create":
+          this.dialogInfo.type = event;
+          this.dialogInfo.visible = true;
+          break;
+        //修改
+        case "update":
+          this.dialogInfo.type = event;
+          this.dialogInfo.visible = true;
+          for (let key in data) {
+            if (key in this.formInfo.data) {
+              this.formInfo.data[key] = data[key];
+            }
+          }
+          break;
+        //保存
+        case "save":
+          const type = this.dialogInfo.type;
+          // let params, api;
+          this.formInfo.ref.validate(valid => {
+            if (valid) {
+              this.btnLoading = true;
+              this.$http.post(this.nozzle.nginxAddOrUpdate, this.formInfo.data).then(res => {
+                if (res.data.code === 200) {
+                  this.dialogInfo.visible = false;
+                  this.tableInfo.refresh = Math.random();
+                }
+                this.$message({
+                  message: res.data.msg,
+                  type: res.data.code === 200 ? "success" : "error",
+                  showClose: true
+                });
+                this.btnLoading = false;
+              })
+              .catch(e => {
+                this.btnLoading = false;
+              });
+            }
+          });
+          break;
+        //关闭
+        case "close":
+          this.dialogInfo.visible = false;
+          break;
       }
+    },
+    //重置表单
+    resetForm() {
+      this.formInfo.data = {
+        id: undefined,
+        nginxName: "",
+        nginxPort: "",
+        monitorPath: "",
+        url: "",
+        serverPort: "",
+        portType: undefined,
+        description: "",
+        relatedApplication: "",
+        serverIp:this.$route.query.publicAddress
+      };
     }
   }
 }
diff --git a/src/util/serverManage.js b/src/util/serverManage.js
index 9ad878f..0e7027a 100644
--- a/src/util/serverManage.js
+++ b/src/util/serverManage.js
@@ -19,6 +19,7 @@
   exeQueryDetail: "/exe/queryDetail", //服务应用详情
 
   nginxWatch: "/nginx/query", //nginx监控
+  nginxAddOrUpdate: "/nginx/save", //nginx添加更新
 };
 
 for (let item in nozzle) {
diff --git a/src/util/validate.js b/src/util/validate.js
index 24dccff..5d624e8 100644
--- a/src/util/validate.js
+++ b/src/util/validate.js
@@ -26,6 +26,7 @@
         lon: '{0}范围为-180.0～+180.0（必须输入1到10位小数）',
         lat: '{0}范围为-90.0～+90.0（必须输入1到10位小数）',
         url: '请输入正确的{0}',
+        port: '请输入正确的{0}',
         ip: '请输入正确的{0}',
         repeat: '两次输入的{0}不一致',
         email: '邮箱格式不正确',
@@ -88,7 +89,12 @@
         },
         url: obj => {
           if (!obj.value) return true
-          reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])|localhost):([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5])(([a-zA-Z0-9]*)|(\/[a-zA-Z0-9]*))$/
+          reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])|localhost)$/
+          return reg.test(obj.value)
+        },
+        port: obj => {
+          if(!obj.value) return true
+          reg = /^([1-9]|[1-9]\d{1,4})$/
           return reg.test(obj.value)
         },
         repeat: obj => {