diff --git a/nezha-fronted/package-lock.json b/nezha-fronted/package-lock.json
index 6e0a1a3f6..15245a818 100644
--- a/nezha-fronted/package-lock.json
+++ b/nezha-fronted/package-lock.json
@@ -53,6 +53,15 @@
         }
       }
     },
+    "adler-32": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.2.0.tgz",
+      "integrity": "sha1-aj5r8KY5ALoVZSgIyxXGgT0aXyU=",
+      "requires": {
+        "exit-on-epipe": "~1.0.1",
+        "printj": "~1.1.0"
+      }
+    },
     "ajv": {
       "version": "5.5.2",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
@@ -90,7 +99,7 @@
     },
     "amdefine": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/amdefine/download/amdefine-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
       "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU="
     },
     "ansi-html": {
@@ -265,7 +274,7 @@
     },
     "assert-plus": {
       "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/assert-plus/download/assert-plus-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
       "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU="
     },
     "assign-symbols": {
@@ -291,7 +300,7 @@
     },
     "async-foreach": {
       "version": "0.1.3",
-      "resolved": "https://registry.npm.taobao.org/async-foreach/download/async-foreach-0.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
       "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI="
     },
     "async-limiter": {
@@ -310,7 +319,7 @@
     },
     "asynckit": {
       "version": "0.4.0",
-      "resolved": "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
     },
     "atob": {
@@ -335,7 +344,7 @@
     },
     "aws-sign2": {
       "version": "0.7.0",
-      "resolved": "https://registry.npm.taobao.org/aws-sign2/download/aws-sign2-0.7.0.tgz",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
       "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg="
     },
     "aws4": {
@@ -1286,7 +1295,7 @@
     },
     "bcrypt-pbkdf": {
       "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/bcrypt-pbkdf/download/bcrypt-pbkdf-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
       "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
       "requires": {
         "tweetnacl": "^0.14.3"
@@ -1317,7 +1326,7 @@
     },
     "block-stream": {
       "version": "0.0.9",
-      "resolved": "https://registry.npm.taobao.org/block-stream/download/block-stream-0.0.9.tgz",
+      "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
       "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
       "requires": {
         "inherits": "~2.0.0"
@@ -1587,7 +1596,7 @@
     },
     "cacheable-request": {
       "version": "2.1.4",
-      "resolved": "https://registry.npm.taobao.org/cacheable-request/download/cacheable-request-2.1.4.tgz",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-2.1.4.tgz",
       "integrity": "sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=",
       "requires": {
         "clone-response": "1.0.2",
@@ -1601,7 +1610,7 @@
       "dependencies": {
         "lowercase-keys": {
           "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.0.tgz",
           "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY="
         },
         "normalize-url": {
@@ -1616,7 +1625,7 @@
         },
         "prepend-http": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
           "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
         },
         "query-string": {
@@ -1631,7 +1640,7 @@
         },
         "sort-keys": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/sort-keys/download/sort-keys-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
           "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=",
           "requires": {
             "is-plain-obj": "^1.0.0"
@@ -1733,7 +1742,7 @@
     },
     "caseless": {
       "version": "0.12.0",
-      "resolved": "https://registry.npm.taobao.org/caseless/download/caseless-0.12.0.tgz",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
       "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
     },
     "center-align": {
@@ -1746,6 +1755,17 @@
         "lazy-cache": "^1.0.3"
       }
     },
+    "cfb": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.1.4.tgz",
+      "integrity": "sha512-rwFkl3aFO3f+ljR27YINwC0x8vPjyiEVbYbrTCKzspEf7Q++3THdfHVgJYNUbxNcupJECrLX+L40Mjm9hm/Bgw==",
+      "requires": {
+        "adler-32": "~1.2.0",
+        "commander": "^2.16.0",
+        "crc-32": "~1.2.0",
+        "printj": "~1.1.2"
+      }
+    },
     "chalk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -1920,7 +1940,7 @@
     },
     "clone-response": {
       "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/clone-response/download/clone-response-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
       "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
       "requires": {
         "mimic-response": "^1.0.0"
@@ -1946,6 +1966,22 @@
       "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
       "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
     },
+    "codepage": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.14.0.tgz",
+      "integrity": "sha1-jL4lSBMjVZ19MHVxsP/5HnodL5k=",
+      "requires": {
+        "commander": "~2.14.1",
+        "exit-on-epipe": "~1.0.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.14.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.14.1.tgz",
+          "integrity": "sha512-+YR16o3rK53SmWHU3rEM3tPAh2rwb1yPcQX5irVn7mb0gXbwuCCrnkbV5+PBfETdfg1vui07nM6PCG1zndcjQw=="
+        }
+      }
+    },
     "collection-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -2019,8 +2055,7 @@
     "commander": {
       "version": "2.17.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
-      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
-      "dev": true
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg=="
     },
     "commondir": {
       "version": "1.0.1",
@@ -2097,7 +2132,7 @@
     },
     "console-control-strings": {
       "version": "1.1.0",
-      "resolved": "https://registry.npm.taobao.org/console-control-strings/download/console-control-strings-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
       "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
     },
     "consolidate": {
@@ -2227,6 +2262,15 @@
         }
       }
     },
+    "crc-32": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.0.tgz",
+      "integrity": "sha512-1uBwHxF+Y/4yF5G48fwnKq6QsIXheor3ZLPT80yGBV1oEUwpPojlEhQbWKVw1VwcTQyMGHK1/XMmTjmlsmTTGA==",
+      "requires": {
+        "exit-on-epipe": "~1.0.1",
+        "printj": "~1.1.0"
+      }
+    },
     "create-ecdh": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz",
@@ -3181,7 +3225,7 @@
     },
     "dashdash": {
       "version": "1.14.1",
-      "resolved": "https://registry.npm.taobao.org/dashdash/download/dashdash-1.14.1.tgz",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
       "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
       "requires": {
         "assert-plus": "^1.0.0"
@@ -3214,7 +3258,7 @@
     },
     "decompress-response": {
       "version": "3.3.0",
-      "resolved": "https://registry.npm.taobao.org/decompress-response/download/decompress-response-3.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
       "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
       "requires": {
         "mimic-response": "^1.0.0"
@@ -3340,12 +3384,12 @@
     },
     "delayed-stream": {
       "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
     },
     "delegates": {
       "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
       "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o="
     },
     "depd": {
@@ -3505,7 +3549,7 @@
     },
     "duplexer3": {
       "version": "0.1.4",
-      "resolved": "https://registry.npm.taobao.org/duplexer3/download/duplexer3-0.1.4.tgz",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
       "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
     },
     "duplexify": {
@@ -3522,7 +3566,7 @@
     },
     "ecc-jsbn": {
       "version": "0.1.2",
-      "resolved": "https://registry.npm.taobao.org/ecc-jsbn/download/ecc-jsbn-0.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
       "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
       "requires": {
         "jsbn": "~0.1.0",
@@ -3872,6 +3916,11 @@
         "strip-eof": "^1.0.0"
       }
     },
+    "exit-on-epipe": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/exit-on-epipe/-/exit-on-epipe-1.0.1.tgz",
+      "integrity": "sha512-h2z5mrROTxce56S+pnvAV890uu7ls7f1kEvVGJbw1OlFH3/mlJ5bkXu0KRyW94v37zzHPiUd55iLn3DA7TjWpw=="
+    },
     "expand-brackets": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
@@ -4073,7 +4122,7 @@
     },
     "extsprintf": {
       "version": "1.3.0",
-      "resolved": "https://registry.npm.taobao.org/extsprintf/download/extsprintf-1.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
       "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
     },
     "fast-deep-equal": {
@@ -4148,6 +4197,11 @@
         }
       }
     },
+    "file-saver": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.2.tgz",
+      "integrity": "sha512-Wz3c3XQ5xroCxd1G8b7yL0Ehkf0TC9oYC6buPFkNnU9EnaPlifeAFCyCh+iewXTyFRcg0a6j3J7FmJsIhlhBdw=="
+    },
     "filesize": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
@@ -4262,7 +4316,7 @@
     },
     "forever-agent": {
       "version": "0.6.1",
-      "resolved": "https://registry.npm.taobao.org/forever-agent/download/forever-agent-0.6.1.tgz",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
       "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE="
     },
     "form-data": {
@@ -4281,6 +4335,11 @@
       "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
       "dev": true
     },
+    "frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA=="
+    },
     "fragment-cache": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -4927,7 +4986,7 @@
     },
     "gauge": {
       "version": "2.7.4",
-      "resolved": "https://registry.npm.taobao.org/gauge/download/gauge-2.7.4.tgz",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
       "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
       "requires": {
         "aproba": "^1.0.3",
@@ -4942,7 +5001,7 @@
       "dependencies": {
         "is-fullwidth-code-point": {
           "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-1.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
           "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
           "requires": {
             "number-is-nan": "^1.0.0"
@@ -4950,7 +5009,7 @@
         },
         "string-width": {
           "version": "1.0.2",
-          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-1.0.2.tgz",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
           "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
           "requires": {
             "code-point-at": "^1.0.0",
@@ -4997,7 +5056,7 @@
     },
     "getpass": {
       "version": "0.1.7",
-      "resolved": "https://registry.npm.taobao.org/getpass/download/getpass-0.1.7.tgz",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
       "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
       "requires": {
         "assert-plus": "^1.0.0"
@@ -5120,7 +5179,7 @@
     },
     "har-schema": {
       "version": "2.0.0",
-      "resolved": "https://registry.npm.taobao.org/har-schema/download/har-schema-2.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
       "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI="
     },
     "har-validator": {
@@ -5199,7 +5258,7 @@
     },
     "has-unicode": {
       "version": "2.0.1",
-      "resolved": "https://registry.npm.taobao.org/has-unicode/download/has-unicode-2.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
       "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk="
     },
     "has-value": {
@@ -5479,7 +5538,7 @@
     },
     "http-signature": {
       "version": "1.2.0",
-      "resolved": "https://registry.npm.taobao.org/http-signature/download/http-signature-1.2.0.tgz?cache=0&sync_timestamp=1572997318670&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-signature%2Fdownload%2Fhttp-signature-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
       "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
       "requires": {
         "assert-plus": "^1.0.0",
@@ -5581,7 +5640,7 @@
     },
     "in-publish": {
       "version": "2.0.0",
-      "resolved": "https://registry.npm.taobao.org/in-publish/download/in-publish-2.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz",
       "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E="
     },
     "indent-string": {
@@ -5629,7 +5688,7 @@
     },
     "into-stream": {
       "version": "3.1.0",
-      "resolved": "https://registry.npm.taobao.org/into-stream/download/into-stream-3.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-3.1.0.tgz",
       "integrity": "sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=",
       "requires": {
         "from2": "^2.1.1",
@@ -5814,7 +5873,7 @@
     },
     "is-object": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/is-object/download/is-object-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/is-object/-/is-object-1.0.1.tgz",
       "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA="
     },
     "is-path-cwd": {
@@ -5901,7 +5960,7 @@
     },
     "is-typedarray": {
       "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/is-typedarray/download/is-typedarray-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
     },
     "is-utf8": {
@@ -5939,7 +5998,7 @@
     },
     "isstream": {
       "version": "0.1.2",
-      "resolved": "https://registry.npm.taobao.org/isstream/download/isstream-0.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
     },
     "isurl": {
@@ -5974,7 +6033,7 @@
     },
     "jsbn": {
       "version": "0.1.1",
-      "resolved": "https://registry.npm.taobao.org/jsbn/download/jsbn-0.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
       "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM="
     },
     "jsesc": {
@@ -5985,7 +6044,7 @@
     },
     "json-buffer": {
       "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
       "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
     },
     "json-loader": {
@@ -6002,7 +6061,7 @@
     },
     "json-schema": {
       "version": "0.2.3",
-      "resolved": "https://registry.npm.taobao.org/json-schema/download/json-schema-0.2.3.tgz",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
       "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM="
     },
     "json-schema-traverse": {
@@ -6013,7 +6072,7 @@
     },
     "json-stringify-safe": {
       "version": "5.0.1",
-      "resolved": "https://registry.npm.taobao.org/json-stringify-safe/download/json-stringify-safe-5.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
     },
     "json3": {
@@ -6030,7 +6089,7 @@
     },
     "jsprim": {
       "version": "1.4.1",
-      "resolved": "https://registry.npm.taobao.org/jsprim/download/jsprim-1.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
       "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
       "requires": {
         "assert-plus": "1.0.0",
@@ -6695,7 +6754,7 @@
       "dependencies": {
         "semver": {
           "version": "5.3.0",
-          "resolved": "https://registry.npm.taobao.org/semver/download/semver-5.3.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-5.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
           "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8="
         }
       }
@@ -6828,7 +6887,7 @@
     },
     "nopt": {
       "version": "3.0.6",
-      "resolved": "https://registry.npm.taobao.org/nopt/download/nopt-3.0.6.tgz",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
       "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
       "requires": {
         "abbrev": "1"
@@ -7170,7 +7229,7 @@
     },
     "p-is-promise": {
       "version": "1.1.0",
-      "resolved": "https://registry.npm.taobao.org/p-is-promise/download/p-is-promise-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
       "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4="
     },
     "p-limit": {
@@ -7349,7 +7408,7 @@
     },
     "performance-now": {
       "version": "2.1.0",
-      "resolved": "https://registry.npm.taobao.org/performance-now/download/performance-now-2.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
     },
     "pify": {
@@ -9738,6 +9797,11 @@
         "utila": "~0.4"
       }
     },
+    "printj": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/printj/-/printj-1.1.2.tgz",
+      "integrity": "sha512-zA2SmoLaxZyArQTOPj5LXecR+RagfPSU5Kw1qP+jkWeNlrq+eJZyY2oS68SU1Z/7/myXM4lo9716laOFAVStCQ=="
+    },
     "private": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
@@ -10242,7 +10306,7 @@
     },
     "responselike": {
       "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/responselike/download/responselike-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
       "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
       "requires": {
         "lowercase-keys": "^1.0.0"
@@ -10333,7 +10397,7 @@
     },
     "sass-graph": {
       "version": "2.2.4",
-      "resolved": "https://registry.npm.taobao.org/sass-graph/download/sass-graph-2.2.4.tgz",
+      "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
       "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
       "requires": {
         "glob": "^7.0.0",
@@ -10344,12 +10408,12 @@
       "dependencies": {
         "camelcase": {
           "version": "3.0.0",
-          "resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
           "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo="
         },
         "cliui": {
           "version": "3.2.0",
-          "resolved": "https://registry.npm.taobao.org/cliui/download/cliui-3.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
           "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
           "requires": {
             "string-width": "^1.0.1",
@@ -10359,7 +10423,7 @@
         },
         "find-up": {
           "version": "1.1.2",
-          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-1.1.2.tgz",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
           "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
           "requires": {
             "path-exists": "^2.0.0",
@@ -10368,7 +10432,7 @@
         },
         "is-fullwidth-code-point": {
           "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-1.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
           "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
           "requires": {
             "number-is-nan": "^1.0.0"
@@ -10376,7 +10440,7 @@
         },
         "load-json-file": {
           "version": "1.1.0",
-          "resolved": "https://registry.npm.taobao.org/load-json-file/download/load-json-file-1.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
           "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
           "requires": {
             "graceful-fs": "^4.1.2",
@@ -10388,7 +10452,7 @@
         },
         "os-locale": {
           "version": "1.4.0",
-          "resolved": "https://registry.npm.taobao.org/os-locale/download/os-locale-1.4.0.tgz",
+          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
           "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
           "requires": {
             "lcid": "^1.0.0"
@@ -10396,7 +10460,7 @@
         },
         "parse-json": {
           "version": "2.2.0",
-          "resolved": "https://registry.npm.taobao.org/parse-json/download/parse-json-2.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
           "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
           "requires": {
             "error-ex": "^1.2.0"
@@ -10404,7 +10468,7 @@
         },
         "path-exists": {
           "version": "2.1.0",
-          "resolved": "https://registry.npm.taobao.org/path-exists/download/path-exists-2.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
           "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
           "requires": {
             "pinkie-promise": "^2.0.0"
@@ -10412,7 +10476,7 @@
         },
         "path-type": {
           "version": "1.1.0",
-          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-1.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
           "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
           "requires": {
             "graceful-fs": "^4.1.2",
@@ -10422,12 +10486,12 @@
         },
         "pify": {
           "version": "2.3.0",
-          "resolved": "https://registry.npm.taobao.org/pify/download/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
           "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
         },
         "read-pkg": {
           "version": "1.1.0",
-          "resolved": "https://registry.npm.taobao.org/read-pkg/download/read-pkg-1.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
           "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
           "requires": {
             "load-json-file": "^1.0.0",
@@ -10437,7 +10501,7 @@
         },
         "read-pkg-up": {
           "version": "1.0.1",
-          "resolved": "https://registry.npm.taobao.org/read-pkg-up/download/read-pkg-up-1.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
           "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
           "requires": {
             "find-up": "^1.0.0",
@@ -10446,7 +10510,7 @@
         },
         "string-width": {
           "version": "1.0.2",
-          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-1.0.2.tgz",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
           "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
           "requires": {
             "code-point-at": "^1.0.0",
@@ -10456,7 +10520,7 @@
         },
         "strip-bom": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/strip-bom/download/strip-bom-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
           "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
           "requires": {
             "is-utf8": "^0.2.0"
@@ -10464,17 +10528,17 @@
         },
         "which-module": {
           "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/which-module/download/which-module-1.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
           "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8="
         },
         "y18n": {
           "version": "3.2.1",
-          "resolved": "https://registry.npm.taobao.org/y18n/download/y18n-3.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
           "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE="
         },
         "yargs": {
           "version": "7.1.0",
-          "resolved": "https://registry.npm.taobao.org/yargs/download/yargs-7.1.0.tgz?cache=0&sync_timestamp=1577940861093&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-7.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
           "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
           "requires": {
             "camelcase": "^3.0.0",
@@ -10494,7 +10558,7 @@
         },
         "yargs-parser": {
           "version": "5.0.0",
-          "resolved": "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-5.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
           "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
           "requires": {
             "camelcase": "^3.0.0"
@@ -10543,13 +10607,13 @@
       "dependencies": {
         "ansi-styles": {
           "version": "2.2.1",
-          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
           "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
           "dev": true
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1573282949696&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -10562,7 +10626,7 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         }
@@ -10585,7 +10649,7 @@
     },
     "scss-tokenizer": {
       "version": "0.2.3",
-      "resolved": "https://registry.npm.taobao.org/scss-tokenizer/download/scss-tokenizer-0.2.3.tgz",
+      "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
       "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
       "requires": {
         "js-base64": "^2.1.8",
@@ -10594,7 +10658,7 @@
       "dependencies": {
         "source-map": {
           "version": "0.4.4",
-          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.4.4.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
           "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
           "requires": {
             "amdefine": ">=0.0.4"
@@ -11157,6 +11221,14 @@
       "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
       "dev": true
     },
+    "ssf": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.10.3.tgz",
+      "integrity": "sha512-pRuUdW0WwyB2doSqqjWyzwCD6PkfxpHAHdZp39K3dp/Hq7f+xfMwNAWIi16DyrRg4gg9c/RvLYkJTSawTPTm1w==",
+      "requires": {
+        "frac": "~1.1.2"
+      }
+    },
     "sshpk": {
       "version": "1.16.1",
       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
@@ -11477,7 +11549,7 @@
     },
     "timed-out": {
       "version": "4.0.1",
-      "resolved": "https://registry.npm.taobao.org/timed-out/download/timed-out-4.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
       "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8="
     },
     "timers-browserify": {
@@ -11561,7 +11633,7 @@
       "dependencies": {
         "punycode": {
           "version": "1.4.1",
-          "resolved": "https://registry.npm.taobao.org/punycode/download/punycode-1.4.1.tgz",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
           "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4="
         }
       }
@@ -11599,7 +11671,7 @@
     },
     "tunnel-agent": {
       "version": "0.6.0",
-      "resolved": "https://registry.npm.taobao.org/tunnel-agent/download/tunnel-agent-0.6.0.tgz",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
       "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
       "requires": {
         "safe-buffer": "^5.0.1"
@@ -11607,7 +11679,7 @@
     },
     "tweetnacl": {
       "version": "0.14.5",
-      "resolved": "https://registry.npm.taobao.org/tweetnacl/download/tweetnacl-0.14.5.tgz",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
     },
     "type": {
@@ -11893,7 +11965,7 @@
     },
     "url-parse-lax": {
       "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/url-parse-lax/download/url-parse-lax-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
       "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
       "requires": {
         "prepend-http": "^2.0.0"
@@ -11901,14 +11973,14 @@
       "dependencies": {
         "prepend-http": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
           "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
         }
       }
     },
     "url-to-options": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/url-to-options/download/url-to-options-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/url-to-options/-/url-to-options-1.0.1.tgz",
       "integrity": "sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k="
     },
     "use": {
@@ -11989,7 +12061,7 @@
     },
     "verror": {
       "version": "1.10.0",
-      "resolved": "https://registry.npm.taobao.org/verror/download/verror-1.10.0.tgz",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
       "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
       "requires": {
         "assert-plus": "^1.0.0",
@@ -12600,6 +12672,11 @@
       "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=",
       "dev": true
     },
+    "wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw=="
+    },
     "wordwrap": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
@@ -12659,6 +12736,21 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "xlsx": {
+      "version": "0.15.6",
+      "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.15.6.tgz",
+      "integrity": "sha512-7vD9eutyLs65iDjNFimVN+gk/oDkfkCgpQUjdE82QgzJCrBHC4bGPH7fzKVyy0UPp3gyFVQTQEFJaWaAvZCShQ==",
+      "requires": {
+        "adler-32": "~1.2.0",
+        "cfb": "^1.1.4",
+        "codepage": "~1.14.0",
+        "commander": "~2.17.1",
+        "crc-32": "~1.2.0",
+        "exit-on-epipe": "~1.0.1",
+        "ssf": "~0.10.3",
+        "wmf": "~1.0.1"
+      }
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/nezha-fronted/package.json b/nezha-fronted/package.json
index dddd1cbeb..229aaa63d 100644
--- a/nezha-fronted/package.json
+++ b/nezha-fronted/package.json
@@ -13,6 +13,7 @@
     "axios": "^0.19.0",
     "echarts": "^4.6.0",
     "element-ui": "^2.13.0",
+    "file-saver": "^2.0.2",
     "node-sass": "^4.13.1",
     "vue": "^2.5.2",
     "vue-i18n": "^8.15.1",
@@ -20,6 +21,7 @@
     "vue-router": "^3.0.1",
     "vuedraggable": "^2.23.2",
     "vuex": "^3.1.2",
+    "xlsx": "^0.15.6",
     "xterm": "^3.1.0"
   },
   "devDependencies": {
diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index f15c9a099..f44b6c31f 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -109,6 +109,7 @@ li{
   overflow: hidden;
   display: inline-block;
   width: 100%;
+  white-space: nowrap;
 }
 .global-active-color {
   color: $global-text-color-active;
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 462d67b2a..9c2984057 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -284,6 +284,7 @@ const en = {
     assetConfirmDelete: 'Related endpoints and alerts will be removed, are you sure you want to delete this asset?',//Related endpoints and alerts will be removed, are you sure you want to delete this asset?
     yes: 'Yes', //"是"
     no: "No",//No
+    success: "Success",
     deleteSuccess: 'Delete success',//"删除成功"
     saveSuccess: 'Save success', //"保存成功"
     coverSuccess: 'Override success',//'覆盖成功'
diff --git a/nezha-fronted/src/components/common/rightBox/locationCascader.vue b/nezha-fronted/src/components/common/rightBox/locationCascader.vue
index 69a4d3d5c..9fa3e82d4 100644
--- a/nezha-fronted/src/components/common/rightBox/locationCascader.vue
+++ b/nezha-fronted/src/components/common/rightBox/locationCascader.vue
@@ -30,7 +30,7 @@
         <div class="container-item" v-show="isShowCabinetU" style="border-right: unset">
           <el-scrollbar style="height: 100%">
             <el-checkbox-group v-model="uChecked" v-if="refresh" @change="uChange">
-              <el-checkbox v-for="(item,index) in showUInfos " :label="item.label" :value="item.value" :disabled="item.occupy==true" :checked="item.occupy==true||item.checked==true" :ref="'u-'+selectedData.idc.id+'-'+selectedData.cabinet.id+'-'+item.value" style="width: 50%"></el-checkbox>
+              <el-checkbox v-for="(item,index) in showUInfos" :key="index" :label="item.label" :value="item.value" :disabled="item.occupy==true" :checked="item.occupy==true||item.checked==true" :ref="'u-'+selectedData.idc.id+'-'+selectedData.cabinet.id+'-'+item.value" style="width: 50%"></el-checkbox>
             </el-checkbox-group>
           </el-scrollbar>
         </div>
diff --git a/nezha-fronted/src/components/page/config/mib.vue b/nezha-fronted/src/components/page/config/mib.vue
index da455b8bf..078d510fd 100644
--- a/nezha-fronted/src/components/page/config/mib.vue
+++ b/nezha-fronted/src/components/page/config/mib.vue
@@ -65,33 +65,33 @@
                 <div style="height: 100%">
                   <el-scrollbar style="height: 100%">
                     <div v-for="(n,i) in scope.row['modelsDetail']" :key="n.name+'-'+n.id+'-'+i" class="detail-item-content">
-                    <el-popover trigger="hover" placement="top" >
-                      <div>
+                      <el-popover trigger="hover" placement="top" >
                         <div>
-                          <span>{{$t('overall.name')}}:</span>
-                          <span>{{n.name}}</span>
+                          <div>
+                            <span>{{$t('overall.name')}}:</span>
+                            <span>{{n.name}}</span>
+                          </div>
+                          <div>
+                            <span>{{$t('config.mib.vendor')}}:</span>
+                            <span>{{n.vendor}}</span>
+                          </div>
+                          <div>
+                            <span>{{$t('config.mib.type')}}:</span>
+                            <span>{{n.type}}</span>
+                          </div>
                         </div>
-                        <div>
-                          <span>{{$t('config.mib.vendor')}}:</span>
-                          <span>{{n.vendor}}</span>
-                        </div>
-                        <div>
-                          <span>{{$t('config.mib.type')}}:</span>
-                          <span>{{n.type}}</span>
-                        </div>
-                      </div>
-                      <template slot="reference">
-                        <div  class="detail-item-content" v-if="i < scope.row['modelsDetail'].length-1">{{n.name}},</div>
-                        <div  class="detail-item-content" v-else>{{n.name}}</div>
-                      </template>
-                    </el-popover>
-                  </div>
+                        <template slot="reference">
+                          <div  class="detail-item-content" v-if="i < scope.row['modelsDetail'].length-1">{{n.name}},</div>
+                          <div  class="detail-item-content" v-else>{{n.name}}</div>
+                        </template>
+                      </el-popover>
+                    </div>
                   </el-scrollbar>
                 </div>
               </template>
               <div v-else-if="item.prop == 'option'" class="content-right-options">
-  <!--              <span :title="$t('overall.view')" @click="detail(scope.row)" class="content-right-option" :id="'mib-detail-'+scope.row.id"><i class="nz-icon nz-icon-view"></i></span>-->
-  <!--              &nbsp;-->
+                <!--              <span :title="$t('overall.view')" @click="detail(scope.row)" class="content-right-option" :id="'mib-detail-'+scope.row.id"><i class="nz-icon nz-icon-view"></i></span>-->
+                <!--              &nbsp;-->
                 <span :title="$t('overall.edit')" @click="toEdit(scope.row)" class="content-right-option" :id="'mib-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span>
                 &nbsp;
                 <span :title="$t('overall.delete')" @click="del(scope.row)" class="content-right-option" :id="'mib-del-'+scope.row.id"><i class="el-icon-delete"></i></span>
@@ -111,7 +111,7 @@
         <Pagination :tableId="tableId" :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
         <button class="to-top" v-show="showTopBtn" @click="$toTop"><i class="nz-icon nz-icon-top"></i></button>
       </template>
-      <mib-browser :showTab="showTab" v-show="showTab == 'browser'" @toFileTab="showTab = 'file'"></mib-browser>
+      <mib-browser :showTab="showTab" v-if="showTab == 'browser'" @toFileTab="showTab = 'file'"></mib-browser>
     </div>
 
     <element-set
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index 5e4665882..b14481c4f 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -11,45 +11,57 @@
       </div>
       <div class="top-tool-main-right">
         <div class="top-tool-search">
-          <el-input size="mini" v-model="searchParam.host" placeholder="Host"></el-input>
+          <el-autocomplete
+            v-model="searchParam.host"
+            :fetch-suggestions="assetSuggestion"
+            placeholder="Host"
+            size="mini"
+            value-key="host"
+            style="width: 100%;"
+          >
+            <template slot-scope="{ item }">
+              <div>{{ item.host }}</div>
+            </template>
+          </el-autocomplete>
         </div>
         <div class="top-tool-search margin-l-20 oid-input">
           <el-input size="mini" v-model="searchParam.oid" placeholder="OID"></el-input>
         </div>
-        <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-l-20">
+        <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-l-20 mib-browser-btn-group">
+          <div class="el-popover mib-browser-ad-tip" v-show="searchParam.version != 2 || searchParam.port != 161 || searchParam.community != 'public'"><i class="el-icon-more"></i></div>
           <el-select class="nz-input-group-left input-x-mini-24 operation" v-model="searchParam.operation">
             <el-option v-for="item in operationData" :key="item" :value="item"></el-option>
-          </el-select><el-popover trigger="click" placement="bottom">
+          </el-select><el-popover trigger="click" placement="bottom" @show="popShow" @hide="popHide">
             <div class="mib-browser-ad-search">
               <el-row class="mib-browser-ad-search-item">
                 <el-col :span="6"><div class="mib-browser-ad-search-label">{{$t("project.endpoint.port")}}</div></el-col>
                 <el-col :span="17">
-                  <el-input class="input-x-mini-24" v-model="searchParam.port"></el-input>
+                  <el-input class="input-x-mini-24" v-model="searchParamPop.port"></el-input>
                 </el-col>
               </el-row>
               <el-row class="mib-browser-ad-search-item">
                 <el-col :span="6"><div class="mib-browser-ad-search-label">{{$t('project.module.community')}}</div></el-col>
                 <el-col :span="17">
-                  <el-input class="input-x-mini-24" v-model="searchParam.community"></el-input>
+                  <el-input class="input-x-mini-24" v-model="searchParamPop.community"></el-input>
                 </el-col>
               </el-row>
               <el-row class="mib-browser-ad-search-item">
                 <el-col :span="6"><div class="mib-browser-ad-search-label">{{$t('project.module.version')}}</div></el-col>
                 <el-col :span="17">
-                  <el-radio-group v-model.number="searchParam.version">
+                  <el-radio-group v-model.number="searchParamPop.version">
                     <el-radio-button :label="2"></el-radio-button>
                     <el-radio-button :label="3"></el-radio-button>
                   </el-radio-group>
                 </el-col>
               </el-row>
               <!--SNMP V3 setting-->
-              <template v-if="searchParam.version == 3">
+              <template v-if="searchParamPop.version == 3">
                 <el-row class="mib-browser-ad-search-item">
                   <el-col :span="6">
                     <div class="mib-browser-ad-search-label">{{$t('login.username')}}</div>
                   </el-col>
                   <el-col :span="17">
-                    <el-input class="input-x-mini-24" v-model.trim="searchParam.auth.username"></el-input>
+                    <el-input class="input-x-mini-24" v-model.trim="searchParamPop.auth.username"></el-input>
                   </el-col>
                 </el-row>
 
@@ -58,7 +70,7 @@
                     <div class="mib-browser-ad-search-label">{{$t('project.module.securityLevel')}}</div>
                   </el-col>
                   <el-col :span="17">
-                    <el-radio-group v-model="searchParam.auth.securityLevel" size="small" @change="updateScrollbar">
+                    <el-radio-group v-model="searchParamPop.auth.securityLevel" size="small" @change="updateScrollbar">
                       <el-radio-button label="noAuthNoPriv"></el-radio-button>
                       <el-radio-button label="authNoPriv"></el-radio-button>
                       <el-radio-button label="authPriv"></el-radio-button>
@@ -66,55 +78,55 @@
                   </el-col>
                 </el-row>
 
-                <el-row class="mib-browser-ad-search-item" v-if="searchParam.auth.securityLevel == 'authNoPriv' || searchParam.auth.securityLevel == 'authPriv'">
+                <el-row class="mib-browser-ad-search-item" v-if="searchParamPop.auth.securityLevel == 'authNoPriv' || searchParamPop.auth.securityLevel == 'authPriv'">
                   <el-col :span="6">
                     <div class="mib-browser-ad-search-label">{{$t('login.password')}}</div>
                   </el-col>
                   <el-col :span="17">
-                    <el-input class="input-x-mini-24" v-model.trim="searchParam.auth.password"></el-input>
+                    <el-input class="input-x-mini-24" v-model.trim="searchParamPop.auth.password"></el-input>
                   </el-col>
                 </el-row>
 
-                <el-row class="mib-browser-ad-search-item" v-if="searchParam.auth.securityLevel == 'authNoPriv' || searchParam.auth.securityLevel == 'authPriv'">
+                <el-row class="mib-browser-ad-search-item" v-if="searchParamPop.auth.securityLevel == 'authNoPriv' || searchParamPop.auth.securityLevel == 'authPriv'">
                   <el-col :span="6">
                     <div class="mib-browser-ad-search-label">{{$t('project.module.authProtocol')}}</div>
                   </el-col>
                   <el-col :span="17">
-                    <el-radio-group v-model="searchParam.auth.authProtocol">
+                    <el-radio-group v-model="searchParamPop.auth.authProtocol">
                       <el-radio-button label="MD5"></el-radio-button>
                       <el-radio-button label="SHA"></el-radio-button>
                     </el-radio-group>
                   </el-col>
                 </el-row>
 
-                <el-row class="mib-browser-ad-search-item" v-if="searchParam.auth.securityLevel == 'authPriv'">
+                <el-row class="mib-browser-ad-search-item" v-if="searchParamPop.auth.securityLevel == 'authPriv'">
                   <el-col :span="6">
                     <div class="mib-browser-ad-search-label">{{$t('project.module.privProtocol')}}</div>
                   </el-col>
                   <el-col :span="17">
-                    <el-radio-group v-model="searchParam.auth.privProtocol">
+                    <el-radio-group v-model="searchParamPop.auth.privProtocol">
                       <el-radio-button label="DES"></el-radio-button>
                       <el-radio-button label="AES"></el-radio-button>
                     </el-radio-group>
                   </el-col>
                 </el-row>
 
-                <el-row class="mib-browser-ad-search-item" v-if="searchParam.auth.securityLevel == 'authPriv'">
+                <el-row class="mib-browser-ad-search-item" v-if="searchParamPop.auth.securityLevel == 'authPriv'">
                   <el-col :span="6">
                     <div class="mib-browser-ad-search-label">{{$t('project.module.privPassword')}}</div>
                   </el-col>
                   <el-col :span="17">
-                    <el-input class="input-x-mini-24" v-model.trim="searchParam.auth.privPassword"></el-input>
+                    <el-input class="input-x-mini-24" v-model.trim="searchParamPop.auth.privPassword"></el-input>
                   </el-col>
                 </el-row>
               </template>
-
             </div>
             <button slot="reference" @click="advancedShow = true" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="browser-advanced">
               <i class="el-icon-more"></i>
             </button>
           </el-popover><button
-            @click="search" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="browser-go">Go
+            @click="search(false)
+" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="browser-go">Go
           </button>
         </div>
       </div>
@@ -124,7 +136,12 @@
       <div class="mib-browser-left">
         <div class="mib-browser-tree-title">
           <span>SNMP MIBs</span>
-          <span class="mib-browser-table-op"><i class="nz-icon nz-icon-funnel"></i></span>
+          <el-dropdown trigger="click" v-scrollBar:el-dropdown :hide-on-click="false" @command="selectModel">
+            <span class="mib-browser-table-op">{{$t("config.model.model") + " "}}<i class="nz-icon nz-icon-funnel"></i></span>
+            <el-dropdown-menu slot="dropdown" class="mib-browser-model-dropdown">
+              <el-dropdown-item :class="{'mib-browser-model-dropdown-item-active': walkParam.models.indexOf(item.id) > -1}" :command="item" v-for="item, index in modelData" :key="index">{{item.name}}</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </div>
         <!--tree-->
         <el-scrollbar class="mib-browser-tree" ref="treeScrollbar">
@@ -191,36 +208,58 @@
         </el-scrollbar>
       </div>
       <!--拖拽区-->
-      <div style="width: 1px; border: 1px solid #d8d8d8; background-color: #fcfcfc; cursor: ew-resize; height: 100%;border-top: none;border-bottom: none;"></div>
+      <div class="left-right-resize" @mousedown="leftRightResize"></div>
       <!--右半部分-->
       <div class="mib-browser-right">
         <div class="mib-browser-table-title">
           <span>Result table</span>
           <span>
-            <span class="mib-browser-table-op" :title="$t('overall.exportExcel')"><i class="el-icon-download"></i></span>
+            <span @click="exportXlsx" class="mib-browser-table-op" :class="{'mib-browser-table-op-light': resultData.length == 0}" :title="$t('overall.exportExcel')"><i class="el-icon-download"></i></span>
             <span @click="clearResult" class="mib-browser-table-op" :title="$t('overall.clear')"><i class="el-icon-close"></i></span>
           </span>
         </div>
-        <div class="mib-browser-table">
-          <el-row class="mib-browser-table-header">
-            <el-col :span="8">Name/OID</el-col>
-            <el-col :span="9">Value</el-col>
-            <el-col :span="3">Type</el-col>
-            <el-col :span="4">IP:Port</el-col>
-          </el-row>
-          <el-row class="mib-browser-table-tr" v-for="item, index in resultData" :key="index">
-            <el-col :span="8">{{item.name ? item.name : item.oid}}</el-col>
-            <el-col :span="9">{{item.value}}</el-col>
-            <el-col :span="3">{{item.type}}</el-col>
-            <el-col :span="4">{{item.ip + (item.port ? ":" + item.port : "")}}</el-col>
-          </el-row>
-        </div>
+        <el-table :data="resultData" border class="mib-browser-table nz-table" v-scrollBar:el-table height="calc(100% - 31px)" style="width: 100%;" tooltip-effect="light" v-loading="loading">
+          <el-table-column label="Name/OID" show-overflow-tooltip>
+            <div slot-scope="scope" class="too-long-split" @click="searchParam.oid = scope.row.oid">{{scope.row.name ? scope.row.name : scope.row.oid}}</div>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip label="Value">
+            <div slot-scope="scope" @click="searchParam.oid = scope.row.oid">{{scope.row.value}}</div>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip label="Type">
+            <div slot-scope="scope" @click="searchParam.oid = scope.row.oid">{{scope.row.type}}</div>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip label="IP:Port">
+            <div slot-scope="scope" @click="searchParam.oid = scope.row.oid">{{scope.row.ip + (scope.row.port ? ":" + scope.row.port : "")}}</div>
+          </el-table-column>
+        </el-table>
       </div>
     </div>
+
+    <el-dialog title="SNMP set" :visible.sync="snmpSetFormVisible" class="nz-dialog" width="500px">
+      <div class="snmp-set-form">
+        <span>*</span>
+        <el-input size="mini" v-model="searchParam.oid" placeholder="OID"></el-input>
+        <span>*</span>
+        <el-select size="mini" v-model="searchParam.type" placeholder="type">
+          <el-option v-for="item, index in typeData" :key="index" :value="item"></el-option>
+        </el-select>
+        <span>*</span>
+        <el-input size="mini" v-model="searchParam.value" placeholder="value"></el-input>
+      </div>
+      <div slot="footer" class="footer">
+        <div class="el-message-box__btns">
+          <button @click="snmpSetFormVisible = false" class="el-button el-button--default el-button--small">{{$t("overall.cancel")}}</button>
+          <button @click="search(true)" class="el-button el-button--default el-button--small">{{$t("overall.ok")}}</button>
+        </div>
+      </div>
+    </el-dialog>
   </span>
 </template>
 
 <script>
+  import fileSaver from 'file-saver';
+  import xlsx from 'xlsx';
+
   export default {
     name: "mibBrowser",
     props: {
@@ -228,7 +267,27 @@
     },
     data() {
       return {
+        loading: false,
+        snmpSetFormVisible: false, //snmp set表单
         searchParam: {
+          host: '',
+          port: 161,
+          oid: '',
+          operation: 'get',
+          version: 2,
+          community: 'public',
+          auth: {
+            username: '',
+            password: '',
+            securityLevel: '',
+            authProtocol: '',
+            privProtocol: '',
+            privPassword: ''
+          },
+          type: '',
+          value: ''
+        },
+        searchParamPop: {
           host: '',
           port: 161,
           oid: '',
@@ -247,9 +306,15 @@
         operationData: ['get', 'walk', 'getnext', 'set'],
         advancedShow: false,
 
+        walkParam: {models: []},
         walkData: [],
         currentWalk: {name: '', objectID: '', syntax: '', access: '', status: '', index: '', description: ''},
-        resultData: []
+        resultData: [],
+        modelData: [],
+        assetData: [],
+        colWidth: ['35%', '35%', '15%', '15%'], //result table列宽
+
+        typeData: ["OctetString", "Integer", "OID", "Gauge", "Counter32", "IpAddress", "TimeTicks", "Counter64", "UnsignedInteger", "BITS", "Float", "DateAndTime"],
       }
     },
     computed: {
@@ -284,16 +349,12 @@
             return "";
           }
         }
-        if (mibName) {
-          return mibName;
-        } else {
-          return "";
-        }
+        return mibName ? mibName : "";
       },
 
       /*获取tree的数据*/
       getWalkData() {
-        this.$get('mib/tree', {pageSize: -1, pageNo: 1}).then(response => {
+        this.$get('mib/tree', {models: this.walkParam.models.join(",")}).then(response => {
           if (response.code === 200) {
             let obj = JSON.parse(response.data);
             this.walkData = [];
@@ -303,26 +364,199 @@
           }
         });
       },
-      search() {
-        this.$get('mib/browser').then(response => {
+      getModelData() {
+        this.$get('model', {pageSize: -1, pageNo: 1}).then(response => {
           if (response.code === 200) {
-            this.resultData = response.data.list;
+            this.modelData = response.data.list;
+          }
+        });
+      },
+      selectModel(model) {
+        let index = this.walkParam.models.indexOf(model.id);
+        if (index == -1) {
+          this.walkParam.models.push(parseInt(model.id));
+        } else {
+          this.walkParam.models.splice(index, 1);
+        }
+        this.getWalkData();
+      },
+      search(set) {
+        if (!set) {
+          if (this.searchParam.operation == 'set') {
+            this.snmpSetFormVisible = true;
+            return;
+          }
+        }
+        if (this.snmpSetFormVisible) {
+          if (!this.searchParam.oid || !this.searchParam.type || !this.searchParam.value) {
+            this.$message.error(this.$t("validate.required"));
+            return;
+          }
+          this.snmpSetFormVisible = false;
+        }
+        this.loading = true;
+        this.$post('mib/browser', this.searchParam).then(response => {
+          this.resultData = [];
+          this.loading = false;
+          if (response.code === 200) {
+            this.resultData = response.data;
+            if (this.searchParam.operation == 'set') {
+              this.$message({duration: 2000, type: 'success', message: this.$t("tip.success")});
+            }
+          } else {
+            this.$message.error(response.msg);
           }
         });
       },
 
+      popShow() {
+        this.searchParamPop.host = this.searchParam.host;
+        this.searchParamPop.oid = this.searchParam.oid;
+        this.searchParamPop.operation = this.searchParam.operation;
+      },
+      popHide() {
+        this.searchParam = JSON.parse(JSON.stringify(this.searchParamPop));
+      },
       /*清空result table*/
       clearResult() {
         this.resultData = [];
       },
-
+      assetSuggestion(queryString, callback) {
+        let data = [];
+        if (!queryString) {
+          data = this.assetData;
+        } else {
+          for (let i = 0; i < this.assetData.length; i++) {
+            if (this.assetData[i].host.indexOf(queryString) != -1) {
+              data.push(this.assetData[i]);
+            }
+          }
+        }
+        callback(data);
+      },
+      getAssetData() {
+        this.$get('asset', {pageSize: -1, pageNo: 1}).then(response => {
+          if (response.code === 200) {
+            this.assetData = response.data.list;
+          }
+        });
+      },
       /*左侧上下拖动*/
-      treeDetailResize() {
+      treeDetailResize(e) {
+        let treeDom = document.querySelector(".mib-browser-tree"); //tree
+        let detailDom = document.querySelector(".mib-browser-detail"); //detail
+        //得到点击时dom的初始高度：
+        let leftTotalHeight = document.querySelector(".mib-browser-left").offsetHeight;
+        let treeInitialHeight = treeDom.offsetHeight;
+        let detailInitialHeight = detailDom.offsetHeight;
+        //点击时鼠标的Y轴位置
+        let mouseInitialY = e.clientY;
 
+        document.onmousemove = (e) => {
+          e.preventDefault();
+          //得到鼠标拖动的距离
+          let mouseMoveY = Math.abs(e.clientY - mouseInitialY);
+
+          //往上方拖动：
+          if (e.clientY < mouseInitialY) {
+            treeDom.style.height = treeInitialHeight-mouseMoveY-5+'px';
+            detailDom.style.height = detailInitialHeight+mouseMoveY+'px';
+          }
+          //往下方拖动：
+          if (e.clientY > mouseInitialY) {
+            treeDom.style.height = treeInitialHeight+mouseMoveY-5+'px';
+            detailDom.style.height = detailInitialHeight-mouseMoveY+'px';
+          }
+
+          // 主、副列表最小高度限制为55px
+          if(parseInt(treeDom.style.height) >= leftTotalHeight-95){
+            treeDom.style.height = leftTotalHeight-95+'px';
+          }
+          if(parseInt(treeDom.style.height) <= 55){
+            treeDom.style.height = 55+'px';
+          }
+          if(parseInt(detailDom.style.height) >= leftTotalHeight-95){
+            detailDom.style.height = leftTotalHeight-95+'px';
+          }
+          if(parseInt(detailDom.style.height) <= 55){
+            detailDom.style.height = 55+'px';
+          }
+        };
+        document.onmouseup = () => {
+          this.$refs.treeScrollbar.update();
+          document.onmousemove = null;
+        }
+      },
+      /*中间左右拖动*/
+      leftRightResize(e) {
+        let leftDom = document.querySelector(".mib-browser-left"); //tree
+        let rightDom = document.querySelector(".mib-browser-right"); //detail
+        //得到点击时dom的初始宽度：
+        let totalWidth = document.querySelector(".mib-browser-box").offsetWidth;
+        let leftInitialWidth = leftDom.offsetWidth;
+        let rightInitialWidth = rightDom.offsetWidth;
+        //点击时鼠标的Y轴位置
+        let mouseInitialX = e.clientX;
+
+        document.onmousemove = (e) => {
+          e.preventDefault();
+          //得到鼠标拖动的距离
+          let mouseMoveX = Math.abs(e.clientX - mouseInitialX);
+
+          //往上方拖动：
+          if (e.clientX < mouseInitialX) {
+            leftDom.style.width = leftInitialWidth-mouseMoveX+'px';
+            rightDom.style.width = rightInitialWidth+mouseMoveX+'px';
+          }
+          //往下方拖动：
+          if (e.clientX > mouseInitialX) {
+            leftDom.style.width = leftInitialWidth+mouseMoveX+'px';
+            rightDom.style.width = rightInitialWidth-mouseMoveX+'px';
+          }
+
+          // 主、副列表最小宽度限制
+          if(parseInt(leftDom.style.width) >= totalWidth-400){
+            leftDom.style.width = totalWidth-400+'px';
+          }
+          if(parseInt(leftDom.style.width) <= 200){
+            leftDom.style.width = 200+'px';
+          }
+          if(parseInt(rightDom.style.width) >= totalWidth-200){
+            rightDom.style.width = totalWidth-200+'px';
+          }
+          if(parseInt(rightDom.style.width) <= 400){
+            rightDom.style.width = 400+'px';
+          }
+        };
+        document.onmouseup = () => {
+          document.onmousemove = null;
+        }
+      },
+      exportXlsx() {
+        if (this.resultData.length == 0) {
+          return;
+        }
+        let box = xlsx.utils.table_to_book(document.querySelector('.mib-browser-table'));
+        let out = xlsx.write(box, {
+          bookType: 'xlsx',
+          bookSST: true,
+          type: 'array'
+        })
+        try {
+          fileSaver.saveAs(
+            new Blob([out], {
+              type: 'application/octet-stream'
+            }),
+            "result_" + this.searchParam.host + ".xlsx"
+          )
+        } catch (e) {}
+        return out
       }
     },
     mounted() {
       this.getWalkData();
+      this.getModelData();
+      this.getAssetData();
     }
   }
 </script>
@@ -341,6 +575,14 @@
 .mib-browser-ad-search {
   width: 400px;
 }
+.mib-browser-model-dropdown {
+  height: 300px;
+}
+.mib-browser-model-dropdown-item-active {
+  color: $global-text-color-active;
+  font-weight: bold;
+  background-color: #FAFAFA;
+}
 .mib-browser {
   .top-tool-search .el-input__inner {
     height: 25px;
@@ -356,6 +598,38 @@
   .oid-input.top-tool-search {
     width: 500px;
   }
+  .mib-browser-btn-group {
+    position: relative;
+  }
+  .mib-browser-ad-tip {
+    position: absolute;
+    transform: translate(-100%, -100%);
+    top: 3px;
+    left: 114px;
+    width: 20px;
+    min-width: 0;
+    font-size: 12px;
+    text-align: center;
+    padding: 0;
+    color: #999;
+    height: 13px;
+  }
+  .mib-browser-ad-tip::after {
+    content: '';
+    display: block;
+    width:0;
+    height:0;
+    overflow: hidden;
+    font-size: 0;
+    line-height: 0;
+    border: 4px;
+    border-style: solid dashed dashed dashed;
+    border-color: #fff transparent transparent transparent;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translate(-6px, 6px);
+  }
 
   .mib-browser-box {
     border: 1px solid #D8D8D8;
@@ -370,7 +644,7 @@
     width: 28%;
   }
   .mib-browser-tree {
-    height: calc(69% - 39px);
+    height: calc(69% - 40px);
     background-color: white;
     border-radius: 4px 0 0 0;
     font-size: 14px;
@@ -385,7 +659,7 @@
     height: 100%;
   }
   .tree-detail-resize {
-    height: 1px;
+    height: 2px;
     width: 100%;
     background-color: #fcfcfc;
     cursor: ns-resize;
@@ -407,18 +681,21 @@
   .mib-browser-detail-row:last-of-type div:last-of-type {
     position: absolute;
     left: calc(25% + 2px);
-    width: calc(75% - 8px);
+    width: calc(75% - 20px);
     min-height: 100%;
+    padding-right: 12px;
   }
   /*第一列宽25%*/
   .mib-browser-detail-row>div:first-of-type {
     color: #666;
     width: 25%;
+    word-break: break-all;
   }
   /*第一列宽75%*/
   .mib-browser-detail-row>div:last-of-type {
     width: 75%;
     border-left: 1px solid #D8D8D8;
+    word-break: break-all;
   }
   .mib-browser-detail-row:not(:last-of-type) {
     border-bottom: 1px solid #D8D8D8;
@@ -427,9 +704,6 @@
   .mib-browser-detail-row:last-of-type {
     min-height: calc(100% - 182px);
   }
-/*  .mib-browser-detail-row:last-of-type>div {
-    height: 100%;
-  }*/
   .mib-browser-detail-row>div {
     padding-left: 5px;
   }
@@ -437,7 +711,17 @@
     padding: 0 14px 0 0;
   }
   .mib-browser-right {
-    width: calc(72% - 3px);
+    width: calc(72% - 4px);
+    height: 100%;
+  }
+  .left-right-resize {
+    width: 2px;
+    border: 1px solid #d8d8d8;
+    background-color: #fcfcfc;
+    cursor: ew-resize;
+    height: 100%;
+    border-top: none;
+    border-bottom: none;
   }
   .mib-browser-table-title, .mib-browser-tree-title {
     height: 30px;
@@ -454,23 +738,9 @@
     margin: 0 5px;
     cursor: pointer;
   }
-  .mib-browser-table-header .el-col {
-    color: #666;
-    height: 28px;
-    line-height: 28px;
-    text-align: center;
-    border-bottom: 1px solid #D8D8D8;
-  }
-  .mib-browser-table-header .el-col:not(:last-of-type), .mib-browser-table-tr .el-col:not(:last-of-type) {
-    border-right: 1px solid #D8D8D8;
-  }
-  .mib-browser-table-tr .el-col {
-    border-bottom: 1px solid #D8D8D8;
-    height: 26px;
-    line-height: 26px;
-    padding: 0 4px;
-    font-size: 14px;
-    background-color: white;
+  .mib-browser-table-op.mib-browser-table-op-light {
+    color: #ccc;
+    cursor: default;
   }
   .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
     background-color: #F5F7FA;
@@ -478,4 +748,32 @@
     color: #ee9d3f;
   }
 }
+
+.mib-browser-table.nz-table.el-table th .cell {
+  height: 28px;
+  line-height: 28px;
+}
+.mib-browser-table.nz-table.el-table td .cell {
+  height: 28px;
+  min-height: 28px;
+  line-height: 28px;
+}
+.snmp-set-form {
+  padding: 0 15px;
+}
+.snmp-set-form>div {
+  margin-top: 15px;
+  width: calc(100% - 11px);
+}
+.snmp-set-form>span {
+  color: #F56C6C;
+}
+.mib-browser .el-dialog .el-dialog__footer {
+   margin-top: 0;
+ }
+.mib-browser .el-button:focus, .mib-browser .el-button:hover {
+  color: unset;
+  border-color: unset;
+  background-color: unset;
+}
 </style>
diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index 018570adf..398c7138a 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -782,10 +782,8 @@
 
       /*metric部分相关方法--end*/
       querySearch(queryString, cb) {
-        var suggestions = this.heightSuggestions;
-        // var results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
-        var results=queryString&&(suggestions.includes(queryString)||suggestions.filter(this.createFilter(queryString)).length>0)?suggestions:[];
-        // 调用 callback 返回建议列表的数据
+        let suggestions = this.heightSuggestions;
+        let results=queryString&&(suggestions.includes(queryString)||suggestions.filter(this.createFilter(queryString)).length>0)?suggestions:[];
         cb(results);
       },
       createFilter(queryString) {
diff --git a/nezha-fronted/src/tools.js b/nezha-fronted/src/tools.js
index 91fe0aa20..a4ad1895d 100644
--- a/nezha-fronted/src/tools.js
+++ b/nezha-fronted/src/tools.js
@@ -109,6 +109,9 @@ export const scrollBar = {
     } else if (arg == "legend") {
       el = el.querySelector(".legend-container");
       !el && console.warn("未发现className为legend-container的dom");
+    } else if (arg == "table") {
+      el = el.querySelector(".table-scroll");
+      !el && console.warn("未发现className为table-scroll的dom");
     }
 
     // 启用x轴后不让原生滚动条出来作乱
@@ -158,6 +161,9 @@ export const scrollBar = {
     }else if(arg==="metric-label-cascader"){
       el = el.querySelector(".el-cascader__tags");
       !el && console.warn("未发现className为el-cascader__tags的dom");
+    } else if (arg == 'table') {
+      el = el.querySelector(".table-scroll");
+      !el && console.warn("未发现className为table-scroll的dom");
     }
     setTimeout(() => {
       el.classList.add("ps");