diff --git a/config/index.js b/config/index.js
index f6ea675..c558cc6 100644
--- a/config/index.js
+++ b/config/index.js
@@ -9,7 +9,13 @@ module.exports = {
     // Paths
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {},
+    proxyTable: {  '/ysapi': {
+        target: 'http://10.30.20.54:8088',
+        changeOrigin: true,
+        pathRewrite: {
+          '^/ysapi': ''
+        }
+      }},
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST
diff --git a/package-lock.json b/package-lock.json
index e664441..0d6a797 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,8 +17,10 @@
         "js-cookie": "^2.2.1",
         "jspdf": "^2.5.1",
         "lodash": "^4.17.21",
+        "md5": "^2.3.0",
         "moment": "^2.29.3",
         "motion": "^10.16.4",
+        "mqtt": "^4.2.1",
         "nprogress": "^0.2.0",
         "relation-graph": "^1.1.0",
         "v-viewer": "^1.6.3",
@@ -2299,8 +2301,7 @@
     "node_modules/balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-      "dev": true
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
     },
     "node_modules/base": {
       "version": "0.11.2",
@@ -2424,6 +2425,38 @@
         "file-uri-to-path": "1.0.0"
       }
     },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmmirror.com/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/bl/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npm.taobao.org/bluebird/download/bluebird-3.7.2.tgz?cache=0&sync_timestamp=1602657218976&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbluebird%2Fdownload%2Fbluebird-3.7.2.tgz",
@@ -2560,7 +2593,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz?cache=0&sync_timestamp=1614010785257&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrace-expansion%2Fdownload%2Fbrace-expansion-1.1.11.tgz",
       "integrity": "sha1-PH/L9SnYcibz0vUrlm/1Jx60Qd0=",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -2767,8 +2799,7 @@
     "node_modules/buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npm.taobao.org/buffer-from/download/buffer-from-1.1.1.tgz",
-      "integrity": "sha1-MnE7wCj3XAL9txDXx7zsHyxgcO8=",
-      "dev": true
+      "integrity": "sha1-MnE7wCj3XAL9txDXx7zsHyxgcO8="
     },
     "node_modules/buffer-indexof": {
       "version": "1.1.1",
@@ -3056,6 +3087,14 @@
       "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=",
       "dev": true
     },
+    "node_modules/charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/check-types": {
       "version": "7.4.0",
       "resolved": "https://registry.npm.taobao.org/check-types/download/check-types-7.4.0.tgz",
@@ -3591,6 +3630,15 @@
       "integrity": "sha1-vXerfebelCBc6sxy8XFtKfIKd78=",
       "dev": true
     },
+    "node_modules/commist": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/commist/-/commist-1.1.0.tgz",
+      "integrity": "sha512-rraC8NXWOEjhADbZe9QBNzLAN5Q3fsTPQtBV+fEVj6xKIgDgNiEVE6ZNfHpZOqfQ21YUzfVNUXLOEZquYvQPPg==",
+      "dependencies": {
+        "leven": "^2.1.0",
+        "minimist": "^1.1.0"
+      }
+    },
     "node_modules/commondir": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/commondir/download/commondir-1.0.1.tgz",
@@ -3645,8 +3693,7 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-      "dev": true
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
     },
     "node_modules/concat-stream": {
       "version": "1.6.2",
@@ -3887,6 +3934,14 @@
         "which": "^1.2.9"
       }
     },
+    "node_modules/crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/crypto-browserify": {
       "version": "3.12.0",
       "resolved": "https://registry.npm.taobao.org/crypto-browserify/download/crypto-browserify-3.12.0.tgz",
@@ -5595,7 +5650,6 @@
       "version": "1.4.4",
       "resolved": "https://registry.npm.taobao.org/end-of-stream/download/end-of-stream-1.4.4.tgz",
       "integrity": "sha1-WuZKX0UFe682JuwU2gyl5LJDHrA=",
-      "dev": true,
       "dependencies": {
         "once": "^1.4.0"
       }
@@ -7028,8 +7082,7 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/fs.realpath/download/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "dev": true
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
     },
     "node_modules/fsevents": {
       "version": "1.2.13",
@@ -7173,7 +7226,6 @@
       "version": "7.1.6",
       "resolved": "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz",
       "integrity": "sha1-FB8zuBp8JJLhJVlDB0gMRmeSeKY=",
-      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -7612,6 +7664,28 @@
         "he": "bin/he"
       }
     },
+    "node_modules/help-me": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/help-me/-/help-me-3.0.0.tgz",
+      "integrity": "sha512-hx73jClhyk910sidBB7ERlnhMlFsJJIBqSVMFDwPN8o2v9nmp5KgLq1Xz1Bf1fCMMZ6mPrX159iG0VLy/fPMtQ==",
+      "dependencies": {
+        "glob": "^7.1.6",
+        "readable-stream": "^3.6.0"
+      }
+    },
+    "node_modules/help-me/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/hex-color-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npm.taobao.org/hex-color-regex/download/hex-color-regex-1.1.0.tgz",
@@ -8355,7 +8429,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npm.taobao.org/inflight/download/inflight-1.0.6.tgz",
       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -9579,6 +9652,11 @@
       "resolved": "https://registry.npm.taobao.org/js-cookie/download/js-cookie-2.2.1.tgz",
       "integrity": "sha1-aeEG3F1YBolFYpAqpbrsN0Tpsrg="
     },
+    "node_modules/js-sdsl": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.3.0.tgz",
+      "integrity": "sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ=="
+    },
     "node_modules/js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npm.taobao.org/js-tokens/download/js-tokens-3.0.2.tgz",
@@ -9818,7 +9896,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npm.taobao.org/leven/download/leven-2.1.0.tgz",
       "integrity": "sha1-wuep93IJTe6dNCAq6KzORoeHVYA=",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10352,6 +10429,16 @@
       "integrity": "sha1-XdaUPJOFSCZwFtTjTwV1gwgMUUw=",
       "dev": true
     },
+    "node_modules/md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dependencies": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
     "node_modules/md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npm.taobao.org/md5.js/download/md5.js-1.3.5.tgz",
@@ -10693,7 +10780,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npm.taobao.org/minimatch/download/minimatch-3.0.4.tgz",
       "integrity": "sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -10930,6 +11016,173 @@
         "run-queue": "^1.0.3"
       }
     },
+    "node_modules/mqtt": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmmirror.com/mqtt/-/mqtt-4.3.7.tgz",
+      "integrity": "sha512-ew3qwG/TJRorTz47eW46vZ5oBw5MEYbQZVaEji44j5lAUSQSqIEoul7Kua/BatBW0H0kKQcC9kwUHa1qzaWHSw==",
+      "dependencies": {
+        "commist": "^1.0.0",
+        "concat-stream": "^2.0.0",
+        "debug": "^4.1.1",
+        "duplexify": "^4.1.1",
+        "help-me": "^3.0.0",
+        "inherits": "^2.0.3",
+        "lru-cache": "^6.0.0",
+        "minimist": "^1.2.5",
+        "mqtt-packet": "^6.8.0",
+        "number-allocator": "^1.0.9",
+        "pump": "^3.0.0",
+        "readable-stream": "^3.6.0",
+        "reinterval": "^1.1.0",
+        "rfdc": "^1.3.0",
+        "split2": "^3.1.0",
+        "ws": "^7.5.5",
+        "xtend": "^4.0.2"
+      },
+      "bin": {
+        "mqtt": "bin/mqtt.js",
+        "mqtt_pub": "bin/pub.js",
+        "mqtt_sub": "bin/sub.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/mqtt-packet": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmmirror.com/mqtt-packet/-/mqtt-packet-6.10.0.tgz",
+      "integrity": "sha512-ja8+mFKIHdB1Tpl6vac+sktqy3gA8t9Mduom1BA75cI+R9AHnZOiaBQwpGiWnaVJLDGRdNhQmFaAqd7tkKSMGA==",
+      "dependencies": {
+        "bl": "^4.0.2",
+        "debug": "^4.1.1",
+        "process-nextick-args": "^2.0.1"
+      }
+    },
+    "node_modules/mqtt-packet/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mqtt-packet/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/mqtt/node_modules/concat-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz",
+      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+      "engines": [
+        "node >= 6.0"
+      ],
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.0.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/mqtt/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mqtt/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/mqtt/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mqtt/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/mqtt/node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/mqtt/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/mqtt/node_modules/ws": {
+      "version": "7.5.9",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-7.5.9.tgz",
+      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mqtt/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz?cache=0&sync_timestamp=1607433856030&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.0.0.tgz",
@@ -11311,6 +11564,36 @@
       "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
       "dev": true
     },
+    "node_modules/number-allocator": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmmirror.com/number-allocator/-/number-allocator-1.0.14.tgz",
+      "integrity": "sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==",
+      "dependencies": {
+        "debug": "^4.3.1",
+        "js-sdsl": "4.3.0"
+      }
+    },
+    "node_modules/number-allocator/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/number-allocator/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
     "node_modules/number-is-nan": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/number-is-nan/download/number-is-nan-1.0.1.tgz",
@@ -11595,7 +11878,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npm.taobao.org/once/download/once-1.4.0.tgz",
       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -12030,7 +12312,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/path-is-absolute/download/path-is-absolute-1.0.1.tgz",
       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -16398,6 +16679,11 @@
         "jsesc": "bin/jsesc"
       }
     },
+    "node_modules/reinterval": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/reinterval/-/reinterval-1.1.0.tgz",
+      "integrity": "sha512-QIRet3SYrGp0HUHO88jVskiG6seqUGC5iAG7AwI/BV4ypGcuqk9Du6YQBUOUqm9c8pw1eyLoIaONifRua1lsEQ=="
+    },
     "node_modules/relateurl": {
       "version": "0.2.7",
       "resolved": "https://registry.npm.taobao.org/relateurl/download/relateurl-0.2.7.tgz",
@@ -16697,6 +16983,11 @@
         "node": ">=0.12"
       }
     },
+    "node_modules/rfdc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.3.0.tgz",
+      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA=="
+    },
     "node_modules/rgb-regex": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/rgb-regex/download/rgb-regex-1.0.1.tgz",
@@ -17907,6 +18198,27 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/split2": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmmirror.com/split2/-/split2-3.2.2.tgz",
+      "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
+      "dependencies": {
+        "readable-stream": "^3.0.0"
+      }
+    },
+    "node_modules/split2/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz",
@@ -18112,8 +18424,7 @@
     "node_modules/stream-shift": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/stream-shift/download/stream-shift-1.0.1.tgz",
-      "integrity": "sha1-1wiCgVWasneEJCebCHfaPDktWj0=",
-      "dev": true
+      "integrity": "sha1-1wiCgVWasneEJCebCHfaPDktWj0="
     },
     "node_modules/strict-uri-encode": {
       "version": "1.1.0",
@@ -19472,8 +19783,7 @@
     "node_modules/typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npm.taobao.org/typedarray/download/typedarray-0.0.6.tgz",
-      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
-      "dev": true
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
     },
     "node_modules/uc.micro": {
       "version": "1.0.6",
@@ -22002,8 +22312,7 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-      "dev": true
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
     "node_modules/write": {
       "version": "0.2.1",
@@ -24147,8 +24456,7 @@
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-      "dev": true
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
     },
     "base": {
       "version": "0.11.2",
@@ -24238,6 +24546,37 @@
         "file-uri-to-path": "1.0.0"
       }
     },
+    "bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "requires": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmmirror.com/buffer/-/buffer-5.7.1.tgz",
+          "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.1.13"
+          }
+        },
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npm.taobao.org/bluebird/download/bluebird-3.7.2.tgz?cache=0&sync_timestamp=1602657218976&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbluebird%2Fdownload%2Fbluebird-3.7.2.tgz",
@@ -24366,7 +24705,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz?cache=0&sync_timestamp=1614010785257&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrace-expansion%2Fdownload%2Fbrace-expansion-1.1.11.tgz",
       "integrity": "sha1-PH/L9SnYcibz0vUrlm/1Jx60Qd0=",
-      "dev": true,
       "requires": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -24544,8 +24882,7 @@
     "buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npm.taobao.org/buffer-from/download/buffer-from-1.1.1.tgz",
-      "integrity": "sha1-MnE7wCj3XAL9txDXx7zsHyxgcO8=",
-      "dev": true
+      "integrity": "sha1-MnE7wCj3XAL9txDXx7zsHyxgcO8="
     },
     "buffer-indexof": {
       "version": "1.1.1",
@@ -24791,6 +25128,11 @@
       "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=",
       "dev": true
     },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
+    },
     "check-types": {
       "version": "7.4.0",
       "resolved": "https://registry.npm.taobao.org/check-types/download/check-types-7.4.0.tgz",
@@ -25221,6 +25563,15 @@
       "integrity": "sha1-vXerfebelCBc6sxy8XFtKfIKd78=",
       "dev": true
     },
+    "commist": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/commist/-/commist-1.1.0.tgz",
+      "integrity": "sha512-rraC8NXWOEjhADbZe9QBNzLAN5Q3fsTPQtBV+fEVj6xKIgDgNiEVE6ZNfHpZOqfQ21YUzfVNUXLOEZquYvQPPg==",
+      "requires": {
+        "leven": "^2.1.0",
+        "minimist": "^1.1.0"
+      }
+    },
     "commondir": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/commondir/download/commondir-1.0.1.tgz",
@@ -25268,8 +25619,7 @@
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-      "dev": true
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
     },
     "concat-stream": {
       "version": "1.6.2",
@@ -25480,6 +25830,11 @@
         "which": "^1.2.9"
       }
     },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="
+    },
     "crypto-browserify": {
       "version": "3.12.0",
       "resolved": "https://registry.npm.taobao.org/crypto-browserify/download/crypto-browserify-3.12.0.tgz",
@@ -26907,7 +27262,6 @@
       "version": "1.4.4",
       "resolved": "https://registry.npm.taobao.org/end-of-stream/download/end-of-stream-1.4.4.tgz",
       "integrity": "sha1-WuZKX0UFe682JuwU2gyl5LJDHrA=",
-      "dev": true,
       "requires": {
         "once": "^1.4.0"
       }
@@ -28066,8 +28420,7 @@
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/fs.realpath/download/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "dev": true
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
     },
     "fsevents": {
       "version": "1.2.13",
@@ -28190,7 +28543,6 @@
       "version": "7.1.6",
       "resolved": "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz",
       "integrity": "sha1-FB8zuBp8JJLhJVlDB0gMRmeSeKY=",
-      "dev": true,
       "requires": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -28535,6 +28887,27 @@
       "integrity": "sha1-hK5l+n6vsWX922FWauFLrwVmTw8=",
       "dev": true
     },
+    "help-me": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/help-me/-/help-me-3.0.0.tgz",
+      "integrity": "sha512-hx73jClhyk910sidBB7ERlnhMlFsJJIBqSVMFDwPN8o2v9nmp5KgLq1Xz1Bf1fCMMZ6mPrX159iG0VLy/fPMtQ==",
+      "requires": {
+        "glob": "^7.1.6",
+        "readable-stream": "^3.6.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "hex-color-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npm.taobao.org/hex-color-regex/download/hex-color-regex-1.1.0.tgz",
@@ -29148,7 +29521,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npm.taobao.org/inflight/download/inflight-1.0.6.tgz",
       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dev": true,
       "requires": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -30174,6 +30546,11 @@
       "resolved": "https://registry.npm.taobao.org/js-cookie/download/js-cookie-2.2.1.tgz",
       "integrity": "sha1-aeEG3F1YBolFYpAqpbrsN0Tpsrg="
     },
+    "js-sdsl": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.3.0.tgz",
+      "integrity": "sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ=="
+    },
     "js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npm.taobao.org/js-tokens/download/js-tokens-3.0.2.tgz",
@@ -30378,8 +30755,7 @@
     "leven": {
       "version": "2.1.0",
       "resolved": "https://registry.npm.taobao.org/leven/download/leven-2.1.0.tgz",
-      "integrity": "sha1-wuep93IJTe6dNCAq6KzORoeHVYA=",
-      "dev": true
+      "integrity": "sha1-wuep93IJTe6dNCAq6KzORoeHVYA="
     },
     "levn": {
       "version": "0.3.0",
@@ -30847,6 +31223,16 @@
       "integrity": "sha1-XdaUPJOFSCZwFtTjTwV1gwgMUUw=",
       "dev": true
     },
+    "md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "requires": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npm.taobao.org/md5.js/download/md5.js-1.3.5.tgz",
@@ -31128,7 +31514,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npm.taobao.org/minimatch/download/minimatch-3.0.4.tgz",
       "integrity": "sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=",
-      "dev": true,
       "requires": {
         "brace-expansion": "^1.1.7"
       }
@@ -31324,6 +31709,130 @@
         "run-queue": "^1.0.3"
       }
     },
+    "mqtt": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmmirror.com/mqtt/-/mqtt-4.3.7.tgz",
+      "integrity": "sha512-ew3qwG/TJRorTz47eW46vZ5oBw5MEYbQZVaEji44j5lAUSQSqIEoul7Kua/BatBW0H0kKQcC9kwUHa1qzaWHSw==",
+      "requires": {
+        "commist": "^1.0.0",
+        "concat-stream": "^2.0.0",
+        "debug": "^4.1.1",
+        "duplexify": "^4.1.1",
+        "help-me": "^3.0.0",
+        "inherits": "^2.0.3",
+        "lru-cache": "^6.0.0",
+        "minimist": "^1.2.5",
+        "mqtt-packet": "^6.8.0",
+        "number-allocator": "^1.0.9",
+        "pump": "^3.0.0",
+        "readable-stream": "^3.6.0",
+        "reinterval": "^1.1.0",
+        "rfdc": "^1.3.0",
+        "split2": "^3.1.0",
+        "ws": "^7.5.5",
+        "xtend": "^4.0.2"
+      },
+      "dependencies": {
+        "concat-stream": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz",
+          "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+          "requires": {
+            "buffer-from": "^1.0.0",
+            "inherits": "^2.0.3",
+            "readable-stream": "^3.0.2",
+            "typedarray": "^0.0.6"
+          }
+        },
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "duplexify": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/duplexify/-/duplexify-4.1.2.tgz",
+          "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+          "requires": {
+            "end-of-stream": "^1.4.1",
+            "inherits": "^2.0.3",
+            "readable-stream": "^3.1.1",
+            "stream-shift": "^1.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        },
+        "pump": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmmirror.com/pump/-/pump-3.0.0.tgz",
+          "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+          "requires": {
+            "end-of-stream": "^1.1.0",
+            "once": "^1.3.1"
+          }
+        },
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        },
+        "ws": {
+          "version": "7.5.9",
+          "resolved": "https://registry.npmmirror.com/ws/-/ws-7.5.9.tgz",
+          "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+          "requires": {}
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        }
+      }
+    },
+    "mqtt-packet": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmmirror.com/mqtt-packet/-/mqtt-packet-6.10.0.tgz",
+      "integrity": "sha512-ja8+mFKIHdB1Tpl6vac+sktqy3gA8t9Mduom1BA75cI+R9AHnZOiaBQwpGiWnaVJLDGRdNhQmFaAqd7tkKSMGA==",
+      "requires": {
+        "bl": "^4.0.2",
+        "debug": "^4.1.1",
+        "process-nextick-args": "^2.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        }
+      }
+    },
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz?cache=0&sync_timestamp=1607433856030&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.0.0.tgz",
@@ -31653,6 +32162,30 @@
       "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
       "dev": true
     },
+    "number-allocator": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmmirror.com/number-allocator/-/number-allocator-1.0.14.tgz",
+      "integrity": "sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==",
+      "requires": {
+        "debug": "^4.3.1",
+        "js-sdsl": "4.3.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        }
+      }
+    },
     "number-is-nan": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/number-is-nan/download/number-is-nan-1.0.1.tgz",
@@ -31864,7 +32397,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npm.taobao.org/once/download/once-1.4.0.tgz",
       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true,
       "requires": {
         "wrappy": "1"
       }
@@ -32227,8 +32759,7 @@
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/path-is-absolute/download/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "devOptional": true
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
     },
     "path-is-inside": {
       "version": "1.0.2",
@@ -35725,6 +36256,11 @@
         }
       }
     },
+    "reinterval": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/reinterval/-/reinterval-1.1.0.tgz",
+      "integrity": "sha512-QIRet3SYrGp0HUHO88jVskiG6seqUGC5iAG7AwI/BV4ypGcuqk9Du6YQBUOUqm9c8pw1eyLoIaONifRua1lsEQ=="
+    },
     "relateurl": {
       "version": "0.2.7",
       "resolved": "https://registry.npm.taobao.org/relateurl/download/relateurl-0.2.7.tgz",
@@ -35958,6 +36494,11 @@
       "integrity": "sha1-uKSCXVvbH8P29Twrwz+BOIaBx7w=",
       "devOptional": true
     },
+    "rfdc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.3.0.tgz",
+      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA=="
+    },
     "rgb-regex": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/rgb-regex/download/rgb-regex-1.0.1.tgz",
@@ -36964,6 +37505,26 @@
         }
       }
     },
+    "split2": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmmirror.com/split2/-/split2-3.2.2.tgz",
+      "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
+      "requires": {
+        "readable-stream": "^3.0.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz",
@@ -37134,8 +37695,7 @@
     "stream-shift": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/stream-shift/download/stream-shift-1.0.1.tgz",
-      "integrity": "sha1-1wiCgVWasneEJCebCHfaPDktWj0=",
-      "dev": true
+      "integrity": "sha1-1wiCgVWasneEJCebCHfaPDktWj0="
     },
     "strict-uri-encode": {
       "version": "1.1.0",
@@ -38236,8 +38796,7 @@
     "typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npm.taobao.org/typedarray/download/typedarray-0.0.6.tgz",
-      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
-      "dev": true
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
     },
     "uc.micro": {
       "version": "1.0.6",
@@ -40350,8 +40909,7 @@
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-      "dev": true
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
     "write": {
       "version": "0.2.1",
diff --git a/package.json b/package.json
index 3b75732..f913dd4 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "js-cookie": "^2.2.1",
     "jspdf": "^2.5.1",
     "lodash": "^4.17.21",
+    "md5": "^2.3.0",
     "moment": "^2.29.3",
     "motion": "^10.16.4",
     "mqtt": "^4.2.1",
diff --git a/src/views/evaluation/branch_hazard_assessment/components/evaluation.vue b/src/views/evaluation/branch_hazard_assessment/components/evaluation.vue
index 7039d49..a0eae46 100644
--- a/src/views/evaluation/branch_hazard_assessment/components/evaluation.vue
+++ b/src/views/evaluation/branch_hazard_assessment/components/evaluation.vue
@@ -154,7 +154,7 @@
           </template>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="350px">
+      <el-table-column label="操作" width="400px">
         <template slot-scope="{row}">
           <el-button type="info" icon="el-icon-view" @click="fnViewHidden(row.HIDDEN_ID)">查看隐患详情</el-button>
           <el-button type="primary" icon="el-icon-view" @click="fnEvaluation(row.HIDDEN_ID,row.SOURCE, row.CREATOR,'view')">考评详情</el-button>
@@ -168,7 +168,7 @@
             v-if="USER_ID=='1'"
             type="danger"
             icon="el-icon-view"
-            @click="fnDelvaluation(row.HIDDEN_ID)">删除
+            @click="fnDelvaluation(row)">重置考评
           </el-button>
         </template>
       </el-table-column>
@@ -427,8 +427,8 @@ export default {
         }
       })
     },
-    fnDelvaluation(hiddenId) {
-      this.$confirm('确定要删除选中的评审记录吗?', {
+    fnDelvaluation(row) {
+      this.$confirm('确定要重置选中的评审记录吗?', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -437,7 +437,8 @@ export default {
         requestFN(
           '/hiddenevaluationrecord/deleteEvaluation',
           {
-            HIDDEN_ID: hiddenId
+            HIDDEN_ID: row.HIDDEN_ID,
+            USER_ID: row.CREATOR
           }
         ).then((data) => {
           this.listLoading = false
diff --git a/src/views/evaluation/personnel_evaluation_status/components/personnel_list.vue b/src/views/evaluation/personnel_evaluation_status/components/personnel_list.vue
index 729e52b..1cdc487 100644
--- a/src/views/evaluation/personnel_evaluation_status/components/personnel_list.vue
+++ b/src/views/evaluation/personnel_evaluation_status/components/personnel_list.vue
@@ -32,7 +32,7 @@
               style="width: 100%;"/>
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="6">
           <el-form-item label-width="10px">
             <el-button v-waves type="primary" icon="el-icon-search" @click="getQuery">
               搜索
@@ -40,6 +40,9 @@
             <el-button v-waves type="success" icon="el-icon-refresh" native-type="reset" @click="goKeyReset">
               重置
             </el-button>
+            <el-button v-waves type="info" icon="el-icon-download" @click="exportData">
+              导出数据
+            </el-button>
           </el-form-item>
         </el-col>
       </el-row>
@@ -78,6 +81,9 @@
         <el-button type="primary" icon="el-icon-check" @click="batchRedemption">批量兑换</el-button>
         <el-button type="success" icon="el-icon-folder-checked" @click="redeemAll">全选兑换</el-button>
       </div>
+      <div style="margin-left: auto; margin-bottom: 7px; font-size: 14px; margin-right: 5px;color: rgb(96, 98, 102)">
+        <span>合计：奖励总得分: {{ totalScores }} ,已兑换分数: {{ userdScores }} ,未兑换奖励数: {{ totalScores - userdScores }}</span>
+      </div>
       <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
     </div>
   </div>
@@ -95,9 +101,12 @@ export default {
   directives: { waves },
   data() {
     return {
+      config: config,
       total: 0,
       varList: [],
       treeData: [],
+      totalScores: 0,
+      userdScores: 0,
       normalizer(node) {
         return {
           id: node.id,
@@ -168,6 +177,8 @@ export default {
         this.listLoading = false
         this.varList = data.varList
         this.total = data.page.totalResult
+        this.totalScores = data.allAmounttoScore.totalScores
+        this.userdScores = data.allAmounttoScore.userdScores
       }).catch((e) => {
         this.listLoading = false
       })
@@ -243,6 +254,38 @@ export default {
     },
     goBack() {
       this.$parent.activeName = 'List'
+    },
+    // 导出数据
+    exportData() {
+      this.$confirm('确定要导出到excel吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        console.log('开始')
+        this.listLoading = false
+        let pageData = ''
+        if (this.searchForm.KEYWORDS) {
+          pageData += '&KEYWORDS=' + this.searchForm.KEYWORDS
+        }
+        if (this.searchForm.DEPARTMENT_ID) {
+          pageData += '&DEPARTMENT_ID=' + this.searchForm.DEPARTMENT_ID
+        }
+        if (this.searchForm.dates[0]) {
+          pageData += '&START_TIME=' + this.searchForm.dates[0] + ' 00:00:00'
+        }
+        if (this.searchForm.dates[1]) {
+          pageData += '&END_TIME=' + this.searchForm.dates[1] + ' 23:59:59'
+        }
+        if (this.$parent.CORPINFO_ID) {
+          pageData += '&CORPINFO_ID=' + this.$parent.CORPINFO_ID
+        }
+        window.open(this.config.httpurl + 'evaluationscore/excelAll?' + pageData)
+      }).catch(() => {
+        console.log('报错')
+        this.listLoading = false
+      })
+      this.listLoading = false
     }
   }
 }
diff --git a/src/views/keyprojects/outsourced/components/edit.vue b/src/views/keyprojects/outsourced/components/edit.vue
index 61e0ce7..eafb1a6 100644
--- a/src/views/keyprojects/outsourced/components/edit.vue
+++ b/src/views/keyprojects/outsourced/components/edit.vue
@@ -37,6 +37,7 @@
             <el-col :span="8">
               <el-form-item label="辖区单位">
                 <Treeselect
+                  v-if="updateValue"
                   :multiple="true"
                   :flat="true"
                   :default-expand-level="0"
@@ -48,6 +49,8 @@
                   no-options-text="暂无数据"
                   no-children-text="暂无数据"
                   style="width: 100%;"
+                  @select="handleSelect"
+                  @deselect="handleRemove"
                 />
               </el-form-item>
             </el-col>
@@ -443,6 +446,7 @@ export default {
   directives: { waves },
   data() {
     return {
+      updateValue: true,
       selectUsers: [], // 防止报错，参数无用
       chooseUserList: [],
       punishThePerson: [],
@@ -1330,6 +1334,52 @@ export default {
           this.form.UNITS_PHONE = item.PHONENUM
         }
       })
+    },
+    // 将树节点的子节点全部添加到数组中
+    pullSelectedNodes(selectedItems) {
+      if (selectedItems.nodes && selectedItems.nodes.length > 0) {
+        for (let i = 0; i < selectedItems.nodes.length; i++) {
+          if (!this.form.JURISDICTION_UNIT.includes(selectedItems.nodes[i].id)) {
+            this.form.JURISDICTION_UNIT.push(selectedItems.nodes[i].id)
+          }
+          this.pullSelectedNodes(selectedItems.nodes[i])
+        }
+      }
+    },
+    // 选择项时触发的事件
+    handleSelect(selectedItems) {
+      // 选择父节点时同时勾选全部子节点
+      if (!this.form.JURISDICTION_UNIT.includes(selectedItems.id)) {
+        this.form.JURISDICTION_UNIT.push(selectedItems.id)
+      }
+      this.pullSelectedNodes(selectedItems)
+      this.onClick()
+    },
+    // 将选中项的子节点全部移除
+    removeSelectedNodes(selectedItems) {
+      if (selectedItems.nodes && selectedItems.nodes.length > 0) {
+        for (let i = 0; i < selectedItems.nodes.length; i++) {
+          if (this.form.JURISDICTION_UNIT.includes(selectedItems.nodes[i].id)) {
+            this.form.JURISDICTION_UNIT.splice(this.form.JURISDICTION_UNIT.indexOf(selectedItems.nodes[i].id), 1)
+          }
+          this.removeSelectedNodes(selectedItems.nodes[i])
+        }
+      }
+    },
+    // 移除选中项时触发的事件
+    handleRemove(selectedItems) {
+      // 移除选中项时同时移除全部子节点
+      if (this.form.JURISDICTION_UNIT.includes(selectedItems.id)) {
+        this.form.JURISDICTION_UNIT.splice(this.form.JURISDICTION_UNIT.indexOf(selectedItems.id), 1)
+      }
+      this.removeSelectedNodes(selectedItems)
+      this.onClick()
+    },
+    onClick() {
+      this.updateValue = false
+      this.$nextTick(() => {
+        this.updateValue = true
+      })
     }
   }
 }
diff --git a/src/views/map/components/caofeidian_index.vue b/src/views/map/components/caofeidian_index.vue
index 6b40b3e..91a76c6 100644
--- a/src/views/map/components/caofeidian_index.vue
+++ b/src/views/map/components/caofeidian_index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="fensongsi_index">
     <div class="block2">
-      <layout-title title="风险辨识管控"/>
+      <layout-title title="cfd风险辨识管控"/>
       <div class="options">
         <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
           <img :src="item.img" class="img_top" alt="">
diff --git a/src/views/map/components/czks_index.vue b/src/views/map/components/czks_index.vue
new file mode 100644
index 0000000..020064a
--- /dev/null
+++ b/src/views/map/components/czks_index.vue
@@ -0,0 +1,587 @@
+<template>
+  <div class="fensongsi_index">
+    <div class="block1">
+      <layout-title title="沧州矿石气象监测数据"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="title">{{ item.title }}</div>
+          <div class="circular">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="label">
+            {{ item.count }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="风险辨识管控"/>
+      <div class="options">
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <img :src="item.img" class="img_top" alt="">
+          <img class="img_bottom" src="../../../assets/map/gangkou_index/bg1.png" alt="">
+          <div class="label">{{ item.label }}</div>
+          <div class="count">
+            <count-to :start-val="0" :end-val="+riskIdentificationCount[index]" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="人员定位信息"/>
+      <div class="options">
+        <div v-for="(item,index) in block3OptionsList" :key="index" class="option">
+          <img :src="item.img" class="img_top" alt="">
+          <img class="img_bottom" src="../../../assets/map/gangkou_index/img1.png" alt="">
+          <div class="label">{{ item.label }}</div>
+          <div class="count">
+            <count-to :start-val="0" :end-val="item.count" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block4">
+      <layout-title title="口门管理"/>
+      <div class="options">
+        <div v-for="(item,index) in block4OptionsList" :key="index" class="option">
+          <div class="title">{{ item.title }}</div>
+          <div class="items">
+            <div v-for="(item1,index1) in item.list" :key="index1" class="item">
+              <div class="label">
+                {{ item1.label }}：<count-to :start-val="0" :end-val="item1.count" :duration="3600"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '@/utils/request'
+
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  props: {
+    corpInfoId: {
+      type: String,
+      default: ''
+    },
+    gangkou: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      timer: '',
+      value: 0,
+      riskIdentificationCount: {},
+      personPositioningCount: {},
+      doorManagementList: [],
+      block1OptionsList: [
+        {
+          title: '风速监测',
+          img: require('../../../assets/map/qixiang/ico1.png'),
+          count: '-'
+        },
+        {
+          title: '温度监测',
+          img: require('../../../assets/map/qixiang/ico2.png'),
+          count: '-'
+        },
+        {
+          title: '风向监测',
+          img: require('../../../assets/map/qixiang/ico3.png'),
+          count: '-'
+        }
+      ],
+      block2OptionsList: [
+        {
+          label: '风险单元数',
+          img: require('../../../assets/map/gangkou_index/ico1.png'),
+          count: 0
+        },
+        {
+          label: '辨识部位数',
+          img: require('../../../assets/map/gangkou_index/ico2.png'),
+          count: 0
+        },
+        {
+          label: '风险因素数',
+          img: require('../../../assets/map/gangkou_index/ico3.png'),
+          count: 0
+        }
+      ],
+      block3OptionsList: [
+        {
+          label: '企业人员数',
+          img: require('../../../assets/map/gangkou_index/img1_on.png'),
+          count: 0
+        },
+        {
+          label: '部门数',
+          img: require('../../../assets/map/gangkou_index/img2_on.png'),
+          count: 0
+        },
+        {
+          label: '定位在线人员数',
+          img: require('../../../assets/map/gangkou_index/img3_on.png'),
+          count: 0
+        }
+      ],
+      block4OptionsList: [
+        {
+          title: '风险指数',
+          list: [
+            {
+              label: '重大风险点数',
+              count: '9'
+            },
+            {
+              label: '较大风险点数',
+              count: '20'
+            },
+            {
+              label: '一般风险点数',
+              count: '13'
+            },
+            {
+              label: '低风险性点数',
+              count: '3'
+            }
+          ]
+        },
+        {
+          title: '今日情况',
+          list: [
+            {
+              label: '今日进矿石作业区车辆数',
+              count: '-'
+            },
+            {
+              label: '今日出矿石作业区车辆数',
+              count: '-'
+            },
+            {
+              label: '今日进杂货作业区车辆数',
+              count: '-'
+            },
+            {
+              label: '今日出杂货作业区车辆数',
+              count: '-'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  watch: {
+    // 'corpInfoId': {
+    //   handler(newVal, oldVal) {
+    //     console.log('newVal')
+    //     console.log(newVal)
+    //     console.log('oldVal')
+    //     console.log(oldVal)
+    //   },
+    //   immediate: false
+    // }
+  },
+  created() {
+    this.getPersonPositioningCount()
+    this.getRiskIdentificationCount()
+    this.getDoorManagement()
+  },
+  beforeDestroy() {
+    console.log('定时器关闭')
+    clearInterval(this.timer)
+  },
+  methods: {
+    // 天气数据
+    // getMeteorologicalinfo() {
+    //   this.listLoading = true
+    //   requestFN(
+    //     '/map/listbymeteorological',
+    //     {
+    //       CORPINFO_ID: this.corpInfoId,
+    //       GANGKOU: this.gangkou
+    //     }
+    //   ).then((data) => {
+    //     this.listLoading = false
+    //     this.block1OptionsList[0].count = data.pd.WINDSPEED || '-'
+    //     this.block1OptionsList[1].count = data.pd.TEMPERATURE || '-'
+    //     this.block1OptionsList[2].count = this.calculateWindDirection(data.pd.WINDDIRECTION)
+    //     // this.block1OptionsList[3].count = data.pd.HUMIDITY || '-'
+    //   }).catch((e) => {
+    //     this.listLoading = false
+    //   })
+    // },
+    // calculateWindDirection(angle) {
+    //   const arr = [
+    //     {
+    //       directions: '北',
+    //       minAngle: '348.76',
+    //       maxAngle: '11.25'
+    //     },
+    //     {
+    //       directions: '北东北',
+    //       minAngle: '11.26',
+    //       maxAngle: '33.75'
+    //     },
+    //     {
+    //       directions: '东北',
+    //       minAngle: '33.76',
+    //       maxAngle: '56.25'
+    //     },
+    //     {
+    //       directions: '东东北',
+    //       minAngle: '56.26',
+    //       maxAngle: '78.75'
+    //     },
+    //     {
+    //       directions: '东',
+    //       minAngle: '78.76',
+    //       maxAngle: '101.25'
+    //     },
+    //     {
+    //       directions: '东东南',
+    //       minAngle: '101.26',
+    //       maxAngle: '123.75'
+    //     },
+    //     {
+    //       directions: '东南',
+    //       minAngle: '123.76',
+    //       maxAngle: '146.25'
+    //     },
+    //     {
+    //       directions: '南东南',
+    //       minAngle: '146.26',
+    //       maxAngle: '168.75'
+    //     },
+    //     {
+    //       directions: '南',
+    //       minAngle: '168.76',
+    //       maxAngle: '191.25'
+    //     },
+    //     {
+    //       directions: '南西南',
+    //       minAngle: '191.26',
+    //       maxAngle: '213.75'
+    //     },
+    //     {
+    //       directions: '西南',
+    //       minAngle: '213.76',
+    //       maxAngle: '236.25'
+    //     },
+    //     {
+    //       directions: '西西南',
+    //       minAngle: '236.26',
+    //       maxAngle: '258.75'
+    //     },
+    //     {
+    //       directions: '西',
+    //       minAngle: '258.76',
+    //       maxAngle: '281.25'
+    //     },
+    //     {
+    //       directions: '西西北',
+    //       minAngle: '281.26',
+    //       maxAngle: '303.75'
+    //     },
+    //     {
+    //       directions: '西北',
+    //       minAngle: '303.76',
+    //       maxAngle: '326.25'
+    //     },
+    //     {
+    //       directions: '北西北',
+    //       minAngle: '326.26',
+    //       maxAngle: '348.75'
+    //     }
+    //   ]
+    //   for (let i = 0; i < arr.length; i++) {
+    //     if (+angle >= +arr[i].minAngle && +angle <= +arr[i].maxAngle) {
+    //       return arr[i].directions + '风'
+    //     }
+    //   }
+    //   return '静风'
+    // },
+    // // 定时器
+    // start() {
+    //   console.log('定时器开启')
+    //   this.timer = setInterval(this.getMeteorologicalinfo, 10000) // 注意: 第一个参数为方法名的时候不要加括号;
+    // },
+    // over() {
+    //   clearInterval(this.timer)
+    // },
+
+    getDoorManagement() {
+      requestFN(
+        '/map/getDoorManagement',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        data.riskList.forEach(item => {
+          if (item.TYPE == 'levelA') this.block4OptionsList[0].list[0].count = item.COUNT
+          if (item.TYPE == 'levelB') this.block4OptionsList[0].list[1].count = item.COUNT
+          if (item.TYPE == 'levelC') this.block4OptionsList[0].list[2].count = item.COUNT
+          if (item.TYPE == 'levelD') this.block4OptionsList[0].list[3].count = item.COUNT
+        })
+        this.block4OptionsList[1].list[0].count = data.czksCarToday.oreIn
+        this.block4OptionsList[1].list[1].count = data.czksCarToday.oreOut
+        this.block4OptionsList[1].list[2].count = data.czksCarToday.groceryIn
+        this.block4OptionsList[1].list[3].count = data.czksCarToday.groceryOut
+      })
+    },
+    getRiskIdentificationCount() {
+      requestFN(
+        '/map/getRiskIdentificationCount',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        this.riskIdentificationCount = data.riskIdentificationCount
+      })
+    },
+    getPersonPositioningCount() {
+      requestFN(
+        '/map/getPersonPositioningCount',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        this.block3OptionsList[0].count = data.userCount
+        this.block3OptionsList[1].count = data.departCount
+        this.block3OptionsList[2].count = data.total
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fensongsi_index {
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .title {
+          background-image: url("../../../assets/map/qixiang/label.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 88px;
+          height: 25px;
+          font-size: 12px;
+          line-height: 25px;
+          text-align: center;
+          color: #fff;
+        }
+
+        .circular {
+          margin-top: 15px;
+          background-image: url("../../../assets/map/qixiang/imgbg.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 67px;
+          height: 48px;
+          text-align: center;
+          padding-top: 13px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            margin-top: -20px;
+            animation: slideY 2s infinite;
+          }
+        }
+
+        .label {
+          margin-top: 5px;
+          font-size: 12px;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .block2 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 40px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+
+        .img_top {
+          position: absolute;
+          width: 25px;
+          height: 25px;
+          margin-top: 11px;
+          animation: slideY 2s infinite;
+        }
+
+        .img_bottom {
+          position: absolute;
+          width: 50px;
+          height: 50px;
+        }
+
+        .label {
+          margin-top: 60px;
+          color: #fff;
+          font-size: 14px;
+        }
+
+        .count {
+          background-image: linear-gradient(bottom, #5bb4f7, #ffffff);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+          font-weight: bold;
+          font-size: 26px;
+          margin-top: 0px;
+          font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 0 40px 10px 40px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+
+        .img_top {
+          position: absolute;
+          width: 75px;
+          height: 75px;
+          animation: slideY 2s infinite;
+        }
+
+        .img_bottom {
+          position: absolute;
+          width: 75px;
+          height: 75px;
+          top: 5px;
+        }
+
+        .label {
+          margin-top: 80px;
+          color: #fff;
+          font-size: 14px;
+        }
+
+        .count {
+          background-image: linear-gradient(bottom, #5bb4f7, #ffffff);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+          font-weight: bold;
+          font-size: 26px;
+          margin-top: 0px;
+          font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+        }
+      }
+    }
+  }
+
+  .block4 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        .title {
+          background-image: url("../../../assets/map/menjin/title.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 113px;
+          height: 26px;
+          font-size: 14px;
+          line-height: 26px;
+          text-align: center;
+          color: #fff;
+
+        }
+
+        .items {
+          display: flex;
+          flex-wrap: wrap;
+          margin-bottom: 10px;
+
+          .item {
+            margin-top: 10px;
+            font-size: 12px;
+            color: #fff;
+            flex-basis: 50%;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes slideY {
+  0% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(5px);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/src/views/map/components/menjinCmt.vue b/src/views/map/components/menjinCmt.vue
new file mode 100644
index 0000000..c2a0170
--- /dev/null
+++ b/src/views/map/components/menjinCmt.vue
@@ -0,0 +1,416 @@
+<template>
+  <div class="menjin">
+    <div class="block1">
+      <layout-title title="设备在线情况"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="title active">{{ item.title }}</div>
+          <div class="circular">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="label">
+            {{ item.label1 }}：<count-to :start-val="0" :end-val="item.count1" :duration="3600"/>
+          </div>
+          <div v-if="item.label2" class="label">
+            {{ item.label2 }}：<count-to :start-val="0" :end-val="item.count2" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="堆料场进出数据"/>
+      <div class="options">
+        <div v-for="(item,index) in block2OptionsList" v-if="index != 1" :key="index" class="option">
+          <div class="title active">{{ item.title }}</div>
+          <div class="items">
+            <div v-for="(item1,index1) in item.list" :key="index1" class="item">
+              <div class="label">
+                {{ item1.label }}：<count-to :start-val="0" :end-val="item1.count" :duration="3600"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="口门进出记录"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡口名称</div>
+            <div class="td">{{ block3OptionsIndex===0 ? '人员':'车牌' }}</div>
+            <div class="td">时间</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-for="(item,index) in block3List" :key="index" class="tr">
+            <div class="td line1">{{ block3OptionsIndex===0 ? item.devName : item.ROADWAYNAME }}</div>
+            <div class="td">{{ block3OptionsIndex===0 ? item.personName : item.PLATENO }}</div>
+            <div class="td line1">{{ block3OptionsIndex===0 ? item.eventTime.substring(11) : item.CROSSTIME.substring(11,19) }}</div>
+            <div class="td">{{ item.inAndOutType === null ? (item.VEHICLEOUT === '0' ? '出' : '进') : (item.inAndOutType === '0' ? '出' : '进') }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '@/utils/request'
+
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '人员闸机数',
+          img: require('../../../assets/map/menjin/ico1.png'),
+          label1: '在线数',
+          count1: 0
+          // label2: '离线数',
+          // count2: 0
+        },
+        {
+          title: '车辆闸机数',
+          img: require('../../../assets/map/menjin/ico2.png'),
+          label1: '在线数',
+          count1: 0
+          // label2: '离线数',
+          // count2: 0
+        },
+        {
+          title: '摄像头数',
+          img: require('../../../assets/map/menjin/ico3.png'),
+          label1: '摄像头数',
+          count1: 0
+        }
+      ],
+      block2OptionsList: [
+        {
+          title: '今日人员情况',
+          list: [
+            {
+              label: '进堆料场人员数',
+              count: 0
+            },
+            {
+              label: '出堆料场人员数',
+              count: 0
+            },
+            {
+              label: '堆料场内人员数',
+              count: 0
+            }
+          ]
+        },
+        {
+          title: '今日临时情况',
+          list: [
+            {
+              label: '临时进堆料场人员数',
+              count: 0
+            },
+            {
+              label: '临时出堆料场人员数',
+              count: 0
+            },
+            {
+              label: '临时堆料场内人员数',
+              count: 0
+            }
+          ]
+        },
+        {
+          title: '今日车辆情况',
+          list: [
+            {
+              label: '进堆料场车辆数',
+              count: 0
+            },
+            {
+              label: '出堆料场车辆数',
+              count: 0
+            },
+            {
+              label: '堆料场内车辆数',
+              count: 0
+            }
+          ]
+        }
+      ],
+      block3OptionsList: ['人员闸机', '车辆闸机'],
+      block3OptionsIndex: 1,
+      block3List: [
+      ]
+    }
+  },
+  mounted() {
+    this.getPerpleCarGateMachineCount()
+    this.getMachineCount()
+    this.listPerpleCarGateMachine('1')
+  },
+  destroyed() {
+    clearInterval(this.timer) // 关闭定时器
+  },
+  methods: {
+    // 定时五分钟执行一次
+    startPersonnelDataTimer() {
+      this.timer = setInterval(() => {
+        this.getPerpleCarGateMachineCount()
+        this.obtainPersonnelData()
+        this.getCameraCount()
+      }, 300000)
+    },
+    getMachineCount() {
+      requestFN(
+        '/map/getGatePositionCount',
+        {
+          id: this.id,
+          TYPE: this.type
+        }
+      ).then((data) => {
+        this.block1OptionsList[0].count1 = data.data.personMachineCount
+        // this.block1OptionsList[0].count2 =
+        this.block1OptionsList[1].count1 = data.data.carMachineCount
+        // this.block1OptionsList[1].count2 =
+        this.block1OptionsList[2].count1 = data.data.cameraCount
+      }).catch((e) => {
+      })
+    },
+    getPerpleCarGateMachineCount() {
+      requestFN(
+        '/map/getPersonAndCarGateInAndOutCount',
+        {
+          TYPE: this.type
+        }
+      ).then((data) => {
+        this.block2OptionsList[2].list[0].count = data.data.carInCount
+        console.log(data.data.data)
+        this.block2OptionsList[2].list[1].count = data.data.carOutCount
+        this.block2OptionsList[2].list[2].count = data.data.carOnSiteCount
+        this.block2OptionsList[0].list[0].count = data.data.personInCount
+        this.block2OptionsList[0].list[1].count = data.data.personOutCount
+        this.block2OptionsList[0].list[2].count = 0
+      }).catch((e) => {
+      })
+    },
+
+    // 获取人员数量信息
+    obtainPersonnelData() {
+      requestFN(
+        '/UserPosition/getCurrentPersonnelData',
+      ).then((data) => {
+        this.block2OptionsList[0].list[2].count = 333
+        this.block2OptionsList[0].list[0].count = 444
+        this.block2OptionsList[0].list[1].count = 555
+      }).catch((e) => {
+      })
+    },
+    listPerpleCarGateMachine(type) {
+      requestFN(
+        '/map/listGateMachine',
+        {
+          TYPE: type
+        }
+      ).then((data) => {
+        this.block3List = data.varList.slice(0, 10)
+        console.log(this.block3List)
+      }).catch((e) => {
+      })
+    },
+    block3OptionsClick(index) {
+      this.block3OptionsIndex = index
+      this.listPerpleCarGateMachine(index)
+    },
+    // 获取车辆数量信息
+    obtainCarData() {
+      requestFN(
+        '/UserPosition/getCurrentCarData',
+        { route: '/region/access/areaCarType' }
+      ).then((data) => {
+        this.block2OptionsList[2].list[2].count = data.pd.onlineCarCount
+      }).catch((e) => {
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.menjin {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .circular {
+          margin-top: 5px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 50px;
+          height: 50px;
+          text-align: center;
+          padding-top: 13px;
+
+          img {
+            width: 30px;
+            height: 26px;
+            animation: scale 2s infinite;
+          }
+        }
+
+        .label {
+          margin-top: 5px;
+          font-size: 12px;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .block2 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        .items {
+          display: flex;
+          flex-wrap: wrap;
+          margin-bottom: 10px;
+
+          .item {
+            margin-top: 10px;
+            font-size: 12px;
+            color: #fff;
+            flex-basis: 50%;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+
+            &:nth-child(2) {
+              flex-basis: 20%;
+            }
+
+            &.green {
+              color: #7ccf41;
+            }
+
+            &.yellow {
+              color: #ffcb05;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.line1 {
+  width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/src/views/map/components/menjinCzks.vue b/src/views/map/components/menjinCzks.vue
new file mode 100644
index 0000000..64aaf19
--- /dev/null
+++ b/src/views/map/components/menjinCzks.vue
@@ -0,0 +1,424 @@
+<template>
+  <div class="menjin">
+    <div class="block1">
+      <layout-title title="设备在线情况"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="title active">{{ item.title }}</div>
+          <div class="circular">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="label">
+            {{ item.label1 }}：
+            <count-to :start-val="0" :end-val="+item.count1" :duration="3600"/>
+          </div>
+          <div v-if="item.label2" class="label">
+            {{ item.label2 }}：
+            <count-to :start-val="0" :end-val="+item.count2" :duration="3600"/>
+          </div>
+          <div v-if="item.label3" class="label">
+            {{ item.label3 }}：
+            <count-to :start-val="0" :end-val="+item.count3" :duration="3600"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="口门进出数据"/>
+      <div class="options">
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <div class="title active">{{ item.title }}</div>
+          <div class="items">
+            <div v-for="(item1,index1) in item.list" :key="index1" class="item">
+              <div class="label">
+                {{ item1.label }}：<count-to :start-val="0" :end-val="item1.count" :duration="3600"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="block3">
+      <layout-title title="口门进出记录"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡口名称</div>
+            <div class="td">车牌</div>
+            <div class="td">时间</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled" class="scroll">
+            <div v-for="(item,index) in block3List" :key="index" class="tr">
+              <div v-if="block3OptionsIndex == 0" class="td line1">{{ item.USERNAME }}</div>
+              <div v-if="block3OptionsIndex == 1" class="td">{{ item.LICENSE_PLATE }}</div>
+              <div class="td">{{ item.TIME }}</div>
+              <div v-if="block3OptionsIndex == 0" :class="['td',{green:item.STATE == '0'}]">
+                {{ item.STATE == '0' ? '进入' : '出港' }}
+              </div>
+              <div v-if="block3OptionsIndex == 0" :class="['td',{yellow:item.STATE == '0'}]">{{
+                item.EQUIPMENTNAME
+              }}
+              </div>
+              <div v-if="block3OptionsIndex == 1" :class="['td',{green:item.STATE == '4'}]">
+                {{ item.STATE == '4' ? '进场' : '出场' }}
+              </div>
+              <div v-if="block3OptionsIndex == 1" :class="['td',{yellow:item.STATE == '4'}]">{{
+                item.COMING_REASON
+              }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '@/utils/request'
+
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  props: {
+    corpInfoId: {
+      type: String,
+      default: ''
+    },
+    area: {
+      type: String,
+      default: ''
+    },
+    gangkou: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '人员闸机',
+          img: require('../../../assets/map/menjin/ico1.png'),
+          label1: '今日进数',
+          count1: 0,
+          label2: '今日出数',
+          count2: 0,
+          label3: '今日剩余人数',
+          count3: 0
+        },
+        {
+          title: '车辆闸机',
+          img: require('../../../assets/map/menjin/ico2.png'),
+          label1: '今日进数',
+          count1: 0,
+          label2: '今日出数',
+          count2: 0,
+          label3: '今日剩余车数',
+          count3: 0
+        },
+        {
+          title: '摄像头数',
+          img: require('../../../assets/map/menjin/ico3.png'),
+          label1: '摄像头数',
+          count1: 0
+        }
+      ],
+      block2OptionsList: [
+        {
+          title: '矿石作业区',
+          list: [
+            {
+              label: '进矿石作业区车辆数',
+              count: 0
+            },
+            {
+              label: '出矿石作业区车辆数',
+              count: 0
+            },
+            {
+              label: '矿石作业区场内车辆数',
+              count: 0
+            }
+          ]
+        },
+        {
+          title: '杂货作业区',
+          list: [
+            {
+              label: '进杂货作业区车辆数',
+              count: 0
+            },
+            {
+              label: '出杂货作业区车辆数',
+              count: 0
+            },
+            {
+              label: '杂货作业区场内车辆数',
+              count: 0
+            }
+          ]
+        }
+      ],
+      block3OptionsList: ['矿石作业区', '杂货作业区'],
+      block3OptionsIndex: 0,
+      loading: false,
+      currentPage: 1,
+      count: 0,
+      totalPage: 0,
+      block3List: []
+    }
+  },
+  computed: {
+    noMore() {
+      return this.currentPage >= this.totalPage
+    },
+    disabled() {
+      return this.loading || this.noMore
+    }
+  },
+  created() {
+    this.getDoorManagement()
+  },
+  methods: {
+    load() {
+      this.loading = true
+      this.currentPage += 1
+      this.loadRecord(this.block3OptionsIndex)
+    },
+    loadRecord(index) {
+      this.getDoorWayRecords(index)
+    },
+    getDoorManagement() {
+      requestFN(
+        '/map/getDoorManagement',
+        {
+          CORPINFO_ID: this.corpInfoId,
+          GANGKOU: this.gangkou
+        }
+      ).then((data) => {
+        this.block2OptionsList[0].list[0].count = data.czksCarToday.oreInAll
+        this.block2OptionsList[0].list[1].count = data.czksCarToday.oreOutAll
+        this.block2OptionsList[0].list[2].count = data.czksCarToday.oreInAll - data.czksCarToday.oreOutAll
+        this.block2OptionsList[1].list[0].count = data.czksCarToday.groceryInAll
+        this.block2OptionsList[1].list[1].count = data.czksCarToday.groceryOutAll
+        this.block2OptionsList[1].list[2].count = data.czksCarToday.groceryInAll - data.czksCarToday.groceryOutAll
+      })
+    },
+    block3OptionsClick(index) {
+      this.block3List = []
+      this.block3OptionsIndex = index
+      this.getDoorWayRecords(index)
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.menjin {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .circular {
+          margin-top: 5px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          width: 50px;
+          height: 50px;
+          text-align: center;
+          padding-top: 13px;
+
+          img {
+            width: 30px;
+            height: 26px;
+            animation: scale 2s infinite;
+          }
+        }
+
+        .label {
+          margin-top: 5px;
+          font-size: 12px;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .block2 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+
+      .option {
+        .items {
+          display: flex;
+          flex-wrap: wrap;
+          margin-bottom: 10px;
+
+          .item {
+            margin-top: 10px;
+            font-size: 12px;
+            color: #fff;
+            flex-basis: 50%;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+        .scroll {
+          max-height: 200px;
+          overflow-y: auto;
+
+          &::-webkit-scrollbar {
+            width: 5px;
+          }
+
+          &::-webkit-scrollbar-thumb {
+            border-radius: 5px;
+            background: rgba(2, 30, 81, 0.851);
+          }
+
+          &::-webkit-scrollbar-track {
+            border-radius: 5px;
+            background: rgba(255, 255, 255, 0.1);
+          }
+
+          .tr {
+            &:nth-child(odd) {
+              background-color: transparent;
+            }
+          }
+        }
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+
+            &:nth-child(2) {
+              flex-basis: 20%;
+            }
+
+            &:nth-child(3) {
+              flex: none;
+              flex-basis: 50px;
+            }
+
+            &.green {
+              color: #7ccf41;
+            }
+
+            &.yellow {
+              color: #ffcb05;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.line1 {
+  width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/src/views/map/components/qixiang.vue b/src/views/map/components/qixiang.vue
index 254b199..dc838a2 100644
--- a/src/views/map/components/qixiang.vue
+++ b/src/views/map/components/qixiang.vue
@@ -203,7 +203,8 @@ export default {
       requestFN(
         '/map/listbymeteorological',
         {
-          CORPINFO_ID: this.corpInfoId || '035958e685cf4850bc40151c5e0617a6'
+          CORPINFO_ID: this.corpInfoId || '035958e685cf4850bc40151c5e0617a6',
+          GANGKOU: this.gangkou
         }
       ).then((data) => {
         this.listLoading = false
diff --git a/src/views/map/components/renyuanCmt.vue b/src/views/map/components/renyuanCmt.vue
new file mode 100644
index 0000000..138a6cf
--- /dev/null
+++ b/src/views/map/components/renyuanCmt.vue
@@ -0,0 +1,418 @@
+<template>
+  <div class="renyuan">
+    <div class="block1">
+      <layout-title title="定位基础信息"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="imger">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="info">
+            <div class="label">{{ item.title }}</div>
+            <div class="text"><count-to :start-val="0" :end-val="item.count" :duration="3600"/></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="告警数据"/>
+      <div class="options">
+        <div class="bg"/>
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <div class="label">{{ item.alarmTypeName }}：</div>
+          <div class="info">
+            <span class="count"><count-to :start-val="0" :end-val="item.alarmCount" :duration="3600"/></span>
+            <span class="company">条</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="定位标签状态"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡号</div>
+            <div class="td">姓名</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled" class="scroll">
+            <div v-for="(item,index) in block3List" :key="index" class="tr">
+              <div class="td">{{ item.devidno }}</div>
+              <div class="td">{{ item.fullName }}</div>
+              <div class="td">{{ item.onlineornot ? '在线':'离线' }}</div>
+              <!--            <div :class="['td',{error:item.STATE == '1'}]">{{ item.STATE == '1' ? '异常' : '正常' }}</div>-->
+            </div>
+            <div v-if="loading" class="tr">
+              <div class="td">加载中...</div>
+            </div>
+          </div>
+
+          <!--          <div v-for="(item,index) in block3List" :key="index" class="tr">-->
+          <!--            <div class="td">{{ item.cardNo }}</div>-->
+          <!--            <div class="td">{{ item.name }}</div>-->
+          <!--            <div class="td">{{ item.cardType }}</div>-->
+          <!--          </div>-->
+        </div>
+
+        <!--        <div v-show="block3OptionsIndex=== 1" class="table">-->
+        <!--          <div class="tr">-->
+        <!--            <div class="td">车牌号</div>-->
+        <!--            <div class="td">状态</div>-->
+        <!--          </div>-->
+        <!--          <div v-for="(item,index) in block4List" :key="index" class="tr">-->
+        <!--            <div class="td">{{ item.name }}</div>-->
+        <!--            <div class="td">在线</div>-->
+        <!--          </div>-->
+        <!--        </div>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import { requestFN } from '../../../utils/request'
+import CountTo from 'vue-count-to'
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '在线员工',
+          img: require('../../../assets/map/renyuan/img1ico1.png'),
+          count: 0
+        },
+        {
+          title: '外协人员',
+          img: require('../../../assets/map/renyuan/img1ico4.png'),
+          count: 0
+        },
+        {
+          title: '内部人员',
+          img: require('../../../assets/map/renyuan/img1ico3.png'),
+          count: 0
+        }
+        // ,
+        // {
+        //   title: '在线车辆',
+        //   img: require('../../../assets/map/renyuan/img1ico2.png'),
+        //   count: 0
+        // },
+        // {
+        //   title: '临时人员',
+        //   img: require('../../../assets/map/renyuan/img1ico5.png'),
+        //   count: 0
+        // }
+      ],
+      block2OptionsList: [
+        {
+          title: '电子围栏告警',
+          count: 0
+        },
+        {
+          title: '静超时告警',
+          count: 0
+        },
+        {
+          title: '超员/缺员告警',
+          count: 0
+        },
+        {
+          title: '离岗告警',
+          count: 0
+        },
+        {
+          title: '车辆超速告警',
+          count: 0
+        },
+        {
+          title: 'SOS求救',
+          count: 0
+        }
+      ],
+      block3OptionsList: ['相关方员工', '普通员工'],
+      block3OptionsIndex: 0,
+      currentPage: 1,
+      loading: false,
+      count: 0,
+      totalPage: 0,
+      block3List: [],
+      block4List: [],
+      timer: ''
+    }
+  },
+  computed: {
+    noMore() {
+      return this.currentPage >= this.totalPage
+    },
+    disabled() {
+      return this.loading || this.noMore
+    }
+  },
+  mounted() {
+    // this.obtainPersonnelData()
+    // this.personPositioningStatistics()
+    // this.startPersonnelDataTimer() // 定时获取
+    // this.obtainCarData()
+    // this.carPositioningStatistics()
+  },
+  destroyed() {
+    clearInterval(this.timer) // 关闭定时器
+  },
+  created() {
+    this.getCmtWorkCardLocationCount()
+  },
+  methods: {
+    getCmtWorkCardLocationCount() {
+      requestFN(
+        '/map/findWorkCardLocation',
+        {}
+      ).then((data) => {
+        this.block1OptionsList[0].count = data.onlineCount
+      }).catch((e) => {
+      })
+    },
+    getCmtWorkCardLocation() {
+      requestFN(
+        '/map/findWorkCardLocation',
+        {}
+      ).then((data) => {
+        this.block3List = this.block3List.concat(data.list)
+      }).catch((e) => {
+      })
+    },
+    block3OptionsClick(index) {
+      this.currentPage = 1
+      this.block3List = []
+      this.block3OptionsIndex = index
+      if (index === 1) {
+        this.getCmtWorkCardLocation()
+      }
+      // this.getCzksPersonStaffListPage()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.renyuan {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+
+      .option {
+        display: flex;
+        width: 50%;
+        align-items: center;
+        margin-top: 10px;
+
+        &:nth-child(-n+2) {
+          margin-top: 0;
+        }
+
+        .imger {
+          width: 50px;
+          height: 50px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          text-align: center;
+          margin-left: 20px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            animation: scale 2s infinite;
+            margin-top: 10px;
+          }
+        }
+
+        .info {
+          color: #FFFFFF;
+          margin-left: 10px;
+
+          .label {
+            font-size: 12px;
+            height: 25px;
+            line-height: 25px;
+          }
+
+          .text {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+            margin-top: -5px;
+          }
+        }
+      }
+    }
+  }
+
+  .block2 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+    margin-top: 10px;
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: center;
+      position: relative;
+      height: 244px;
+
+      .bg {
+        background-image: url("../../../assets/map/renyuan/img2.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 287px;
+        height: 244px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      .option {
+        flex-basis: 35%;
+        text-align: center;
+
+        .label {
+          font-size: 14px;
+          color: #fff;
+        }
+
+        .info {
+          .count {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+          }
+
+          .company {
+            font-size: 14px;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 400px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+        .scroll {
+          max-height: 250px;
+          overflow-y: auto;
+          &::-webkit-scrollbar {
+            width: 5px;
+          }
+          &::-webkit-scrollbar-thumb {
+            border-radius: 5px;
+            background: rgba(2, 30, 81, 0.851);
+          }
+          &::-webkit-scrollbar-track {
+            border-radius: 5px;
+            background: rgba(255, 255, 255, 0.1);
+          }
+        }
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(0.9);
+  }
+}
+</style>
diff --git a/src/views/map/components/renyuanCzks.vue b/src/views/map/components/renyuanCzks.vue
new file mode 100644
index 0000000..2f0a64d
--- /dev/null
+++ b/src/views/map/components/renyuanCzks.vue
@@ -0,0 +1,429 @@
+<template>
+  <div class="renyuan">
+    <div class="block1">
+      <layout-title title="定位基础信息"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="imger">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="info">
+            <div class="label">{{ item.title }}</div>
+            <div class="text"><count-to :start-val="0" :end-val="item.count" :duration="3600"/></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="定位状态数据"/>
+      <div class="options">
+        <div class="bg"/>
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <div class="label">{{ item.alarmTypeName }}：</div>
+          <div class="info">
+            <span class="count"><count-to :start-val="0" :end-val="item.alarmCount" :duration="3600"/></span>
+            <span class="company">条</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="定位标签状态"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡号</div>
+            <div class="td">姓名</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled" class="scroll">
+            <div v-for="(item,index) in block3List" :key="index" class="tr">
+              <div class="td">{{ item.cardId }}</div>
+              <div class="td">{{ item.realName }}</div>
+              <div class="td">{{ item.online?'在线':'离线' }}</div>
+            </div>
+            <div v-if="loading" class="tr">
+              <div class="td">加载中...</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import CountTo from 'vue-count-to'
+import { requestFN } from '../../../utils/request'
+
+export default {
+  components: {
+    CountTo,
+    layoutTitle
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '在线员工',
+          img: require('../../../assets/map/renyuan/img1ico1.png'),
+          count: 0
+        },
+        {
+          title: '外协人员',
+          img: require('../../../assets/map/renyuan/img1ico4.png'),
+          count: 0
+        },
+        {
+          title: '内部人员',
+          img: require('../../../assets/map/renyuan/img1ico3.png'),
+          count: 0
+        }
+        // ,
+        // {
+        //   title: '在线车辆',
+        //   img: require('../../../assets/map/renyuan/img1ico2.png'),
+        //   count: 0
+        // },
+        // {
+        //   title: '临时人员',
+        //   img: require('../../../assets/map/renyuan/img1ico5.png'),
+        //   count: 0
+        // }
+      ],
+      block2OptionsList: [
+        {
+          title: '电子围栏告警',
+          count: 0
+        },
+        {
+          title: '静超时告警',
+          count: 0
+        },
+        {
+          title: '超员/缺员告警',
+          count: 0
+        },
+        {
+          title: '离岗告警',
+          count: 0
+        },
+        {
+          title: '车辆超速告警',
+          count: 0
+        },
+        {
+          title: 'SOS求救',
+          count: 0
+        }
+      ],
+      block3OptionsList: ['相关方员工', '普通员工'],
+      block3OptionsIndex: 0,
+      currentPage: 1,
+      loading: false,
+      count: 0,
+      totalPage: 0,
+      block3List: [],
+      block4List: [],
+      timer: ''
+    }
+  },
+  computed: {
+    noMore() {
+      return this.currentPage >= this.totalPage
+    },
+    disabled() {
+      return this.loading || this.noMore
+    }
+  },
+  created() {
+    this.getCzksBasicLocationInfoData()
+    this.getAlarmNum()
+    this.getCzksPersonStaffListPage()
+  },
+  mounted() {
+
+  },
+  destroyed() {
+  },
+  methods: {
+    load() {
+      this.loading = true
+      this.currentPage += 1
+      this.getCzksPersonStaffListPage()
+    },
+    // 定时五分钟执行一次
+    // startPersonnelDataTimer() {
+    //   this.timer = setInterval(() => {
+    //     this.obtainPersonnelData()
+    //     this.personPositioningStatistics()
+    //   }, 300000)
+    // },
+    // 告警
+    getAlarmNum() {
+      requestFN(
+        '/czks/map/getAlarmData',
+        {}
+      ).then((data) => {
+        this.block2OptionsList = data.data
+      }).catch((e) => {
+      })
+    },
+    getCzksBasicLocationInfoData() {
+      requestFN(
+        '/czks/map/getCzksBasicLocationInfoData',
+        {}
+      ).then((data) => {
+        let baseData = []
+        baseData = data.data
+        for (let i = 0; i < baseData.length; i++) {
+          this.block1OptionsList[i].title = baseData[i].personTypeName
+          this.block1OptionsList[i].count = baseData[i].personCount
+        }
+      }).catch((e) => {
+      })
+    },
+    getCzksPersonStaffListPage() {
+      requestFN(
+        '/czks/map/personStaffList',
+        {
+          pageNum: this.currentPage,
+          type: this.block3OptionsIndex,
+          pageSize: 20
+        }
+      ).then((data) => {
+        this.block3List = this.block3List.concat(data.data)
+        this.totalPage = data.total
+        this.loading = false
+      }).catch((e) => {
+      })
+    },
+    block3OptionsClick(index) {
+      this.currentPage = 1
+      this.block3List = []
+      this.block3OptionsIndex = index
+      this.getCzksPersonStaffListPage()
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.renyuan {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+
+      .option {
+        display: flex;
+        width: 50%;
+        align-items: center;
+        margin-top: 10px;
+
+        &:nth-child(-n+2) {
+          margin-top: 0;
+        }
+
+        .imger {
+          width: 50px;
+          height: 50px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          text-align: center;
+          margin-left: 20px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            animation: scale 2s infinite;
+            margin-top: 10px;
+          }
+        }
+
+        .info {
+          color: #FFFFFF;
+          margin-left: 10px;
+
+          .label {
+            font-size: 12px;
+            height: 25px;
+            line-height: 25px;
+          }
+
+          .text {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+            margin-top: -5px;
+          }
+        }
+      }
+    }
+  }
+
+  .block2 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+    margin-top: 10px;
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: center;
+      position: relative;
+      height: 244px;
+
+      .bg {
+        background-image: url("../../../assets/map/renyuan/img2.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 287px;
+        height: 244px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      .option {
+        flex-basis: 35%;
+        text-align: center;
+
+        .label {
+          font-size: 14px;
+          color: #fff;
+        }
+
+        .info {
+          .count {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+          }
+
+          .company {
+            font-size: 14px;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 400px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+        .scroll {
+          max-height: 250px;
+          overflow-y: auto;
+          &::-webkit-scrollbar {
+            width: 5px;
+          }
+          &::-webkit-scrollbar-thumb {
+            border-radius: 5px;
+            background: rgba(2, 30, 81, 0.851);
+          }
+          &::-webkit-scrollbar-track {
+            border-radius: 5px;
+            background: rgba(255, 255, 255, 0.1);
+          }
+        }
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(0.9);
+  }
+}
+</style>
diff --git a/src/views/map/dialog/confinedspace.vue b/src/views/map/dialog/confinedspace.vue
index d6fbf90..96d2fa8 100644
--- a/src/views/map/dialog/confinedspace.vue
+++ b/src/views/map/dialog/confinedspace.vue
@@ -261,10 +261,18 @@ export default {
         this.measuresList = data.measuresList // 参数map
         this.gasList = data.gasList // 参数map
         this.gas = data.gas || {} // 参数map
-        this.pd.CONFIRM_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[0]
-        this.pd.APPROVE_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[1]
+        this.info.CONFIRM_USER_MEASURES = data.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[0]
+        this.info.APPROVE_USER_MEASURES = data.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[1]
       }).catch((e) => {
+        console.log(e)
       })
+    },
+    findCharIndex(str, char, num) {
+      let index = str.indexOf(char)
+      for (let i = 0; i < num - 1; i++) {
+        index = str.indexOf(char, index + 1)
+      }
+      return index
     }
   }
 }
diff --git a/src/views/map/dialog/index.vue b/src/views/map/dialog/index.vue
index 1857048..3fa0729 100644
--- a/src/views/map/dialog/index.vue
+++ b/src/views/map/dialog/index.vue
@@ -7,14 +7,17 @@
       <temperaturestation v-if="type === '561347f0cff641dba8b2b22c0f443348'" :id="id" :type="type" :gangkou="gangkou"/>
       <humiditystation v-if="type === '732fe73933b845c6b1e2aee06a38ed31'" :id="id" :type="type" :gangkou="gangkou"/>
       <windspeedstation v-if="type === '2da29f00852a4653ba3e760b9de57412'" :id="id" :type="type" :gangkou="gangkou"/>
+      <windspeedstation-cmt v-if="type === '2da29f00852a4653ba3e760b9de5741200005'" :name="name" :id="id" :type="type" :gangkou="gangkou"/>
       <xf-point v-if="type === 'point'" :id="id" :type="type" :gangkou="gangkou"/>
       <xf-control v-if="type === 'xfbf01' || type ==='xfkzs01' || type ==='xfjyd01' || type ==='xfsy01'" :id="id" :type="type" :gangkou="gangkou"/>
       <mk-gate-machine v-if="type === 'CAR'||type ==='PERSON' || type ==='CAMERA'" :id="id" :type="type" :gangkou="gangkou"/>
       <mk-gate-machine-cfd v-if="type === 'CAR00004'||type ==='PERSON00004' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
+      <mk-gate-machine-cmt v-if="type === 'CAR00005'||type ==='PERSON00005' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
       <zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
+      <video-play-cmt v-if="type === 'platcamera00005' || type === 'CAMERA00005'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
-      <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou"/>
+      <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou" :corp-info-id="corpInfoId"/>
       <!--秦港一公司 边界入侵  详细页面 start-->
       <video-play-bianjieruqin v-if="type === 'bianjieruqin'" :id="id" :type="type" :gangkou="gangkou"/>
       <!--秦港一公司 边界入侵 详细页面 end-->
@@ -63,10 +66,12 @@ import weatherstation from './weatherstation.vue'
 import temperaturestation from './weatherstation.vue'
 import humiditystation from './weatherstation.vue'
 import windspeedstation from './weatherstation.vue'
+import windspeedstationCmt from './weatherstationCmt.vue'
 import XfControl from './xfControl.vue'
 import XfPoint from './xfPoint.vue'
 import MkGateMachine from './mkGateMachine.vue'
 import MkGateMachineCfd from './mkGateMachineCfd.vue'
+import MkGateMachineCmt from './mkGateMachineCmt.vue'
 import Zhong_da_info from './zhong_da_info.vue'
 import electricityOrder from './electricityOrder.vue'
 import highworkOrder from './highworkOrder.vue'
@@ -75,6 +80,7 @@ import blindboardOrder from './blindboardOrder.vue'
 import breakgroundOrder from './breakgroundOrder.vue'
 import hoistingOrder from './hoistingOrder.vue'
 import videoPlay from './video_play.vue'
+import videoPlayCmt from './video_play_cmt.vue'
 import videoPlayCfd from './video_play_cfd.vue'
 import videoPlayPlat from './video_play_plat.vue'
 import videoPlayBianjieruqin from './video_play_bianjieruqin.vue'
@@ -106,6 +112,7 @@ export default {
     temperaturestation,
     humiditystation,
     windspeedstation,
+    windspeedstationCmt,
     electricityOrder,
     highworkOrder,
     cutroadOrder,
@@ -113,6 +120,7 @@ export default {
     breakgroundOrder,
     hoistingOrder,
     videoPlay,
+    videoPlayCmt,
     videoPlayCfd,
     videoPlayPlat,
     hotworkCfdD,
@@ -129,10 +137,10 @@ export default {
     videoPlayBianjieruqin,
     peoplePositionOne,
     hotworkFirst,
-    peoplePositionOne,
     peoplePositionYGS,
     outSourceInfo,
-    outSourceVideoInfo
+    outSourceVideoInfo,
+    MkGateMachineCmt
   },
   props: {
     title: {
@@ -166,7 +174,11 @@ export default {
     infoname: {
       type: String,
       default: ''
-    }
+    },
+    name: {
+      type: String,
+      default: ''
+    },
   },
   methods: {
     closeDialog() {
diff --git a/src/views/map/dialog/mkGateMachineCmt.vue b/src/views/map/dialog/mkGateMachineCmt.vue
new file mode 100644
index 0000000..f28a24d
--- /dev/null
+++ b/src/views/map/dialog/mkGateMachineCmt.vue
@@ -0,0 +1,208 @@
+<template>
+  <div class="app-container print-work">
+    <div class="level-title">
+      <h1>卡口信息</h1>
+      <div class="level-btns">卡口编号:{{ id }}</div>
+    </div>
+    <table class="table-ui">
+      <tr>
+        <td class="bbg-transparent">卡口类型</td>
+        <td >
+          <template v-if="type === 'PERSON00005'">
+            <span>
+              人卡
+            </span>
+          </template>
+          <template v-else>
+            <span>
+              车卡
+            </span>
+          </template>
+        </td>
+        <td class="bbg-transparent">卡口位置</td>
+        <td >
+          <span>
+            {{ infoname }}
+          </span>
+        </td>
+      </tr>
+
+      <!--      <tr>-->
+      <!--        <td class="bbg-transparent">卡口位置名称</td>-->
+      <!--        <td colspan="3" >{{ '秦皇岛市北京区石家庄镇唐山村' }}</td>-->
+      <!--      </tr>-->
+
+      <tr>
+        <td class="bbg-transparent">卡口状态</td>
+        <td colspan="3" >{{ '在线' }}</td>
+      </tr>
+    </table>
+    <div class="level-title martop">
+      <h1>进出记录</h1>
+    </div>
+    <table class="table-ui">
+      <tr v-if="type === 'PERSON00005'">
+        <td colspan="4" style="padding: 0;">
+          <table class="table-vi">
+            <tr class="bbg-transparent">
+              <td>序号</td>
+              <td>进出位置</td>
+              <td>人员姓名</td>
+              <td>卡号</td>
+              <td>进出状态</td>
+              <td>进出时间</td>
+            </tr>
+            <tr v-for="(item, index) in measuresList" :key="item.cardNo">
+              <td style="text-align: center">{{ index + 1 }}</td>
+              <td style="text-align: center">{{ item.doorName }}</td>
+              <td style="text-align: center">{{ item.personName }}</td>
+              <td style="text-align: center">{{ item.cardNo }}</td>
+              <td style="text-align: center">{{ item.inAndOutType === '0' ? '出' : '进' }}</td>
+              <td style="text-align: center">{{ formatDate(Date.parse(new Date(item.eventTime)),"YYYY-MM-DD HH:mm:ss") }}</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+      <tr v-if="type === 'CAR00005'">
+        <td colspan="4" style="padding: 0;">
+          <table class="table-vi">
+            <tr class="bbg-transparent">
+              <td>序号</td>
+              <td>进出位置</td>
+              <td>车牌号</td>
+              <td>车辆类型</td>
+              <td>进出状态</td>
+              <td>进出时间</td>
+            </tr>
+            <tr v-for="(item, index) in measuresList" :key="item.empNo">
+              <td style="text-align: center">{{ index + 1 }}</td>
+              <td style="text-align: center">{{ item.ROADWAYNAME }}</td>
+              <td style="text-align: center">{{ item.PLATENO }}</td>
+              <td style="text-align: center">{{ item.VEHICLETYPE === '0' ? '其他车' : item.VEHICLETYPE === '1' ? '小型车' :item.VEHICLETYPE === '2' ? '大型车' : '摩托车' }}</td>
+              <td style="text-align: center">{{ item.VEHICLEOUT === '0' ? '进场' : '出场' }}</td>
+              <td style="text-align: center">{{ formatDate(Date.parse(new Date(item.CROSSTIME)),"YYYY-MM-DD HH:mm:ss") }}</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+import { requestFN } from '@/utils/request'
+import moment from 'moment'
+
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    name: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    infoname: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      config: config,
+      ISOTHER: false,
+      info: {
+        OTHER_PROTECTIVE_MEASURES: []
+      },
+      measuresList: [],
+      measuresScheduleList: []
+    }
+  },
+  created() {
+    this.getData()
+    this.startPersonnelDataTimer()
+  },
+  destroyed() {
+    clearInterval(this.timer) // 关闭定时器
+  },
+  methods: {
+    formatDate(date, format) {
+      if (date) {
+        return moment(date).format(format)
+      } else {
+        return ''
+      }
+    },
+    getData() {
+      requestFN(
+        '/map/getGatesInAndOutNumById',
+        {
+          GANGKOU: '00005',
+          GATE_AREA_ID: this.id,
+          TYPE: this.type,
+          status: '0',
+          pageNo: 1,
+          pageSize: 100
+        }
+      ).then((data) => {
+        this.info = data.pd
+        console.log(data.doorInfo.data.list)
+        this.measuresList = data.doorInfo.data.list
+        /* while (this.measuresList.length > 15) {
+          console.log('删除元素')
+          this.measuresList.splice(0,1)
+        }*/
+      }).catch((e) => {
+      })
+    },
+    // 定时一分钟执行一次
+    startPersonnelDataTimer() {
+      this.timer = setInterval(() => {
+        console.log('执行定时器查询闸机信息')
+        this.getDataschedule()
+        for (let i = 0; i < this.measuresScheduleList.length; i++) {
+          this.measuresList.push(this.measuresScheduleList[i])
+        }
+        /* while (this.measuresList.length > 15) {
+          console.log('删除元素')
+          this.measuresList.splice(0,1)
+        }*/
+      }, 60000)
+    },
+    getDataschedule() {
+      requestFN(
+        '/map/getGatesInAndOutNumById',
+        {
+          id: this.id,
+          TYPE: this.type,
+          status: '1',
+          pageNo: 1,
+          pageSize: 10,
+          GANGKOU: '00005'
+        }
+      ).then((data) => {
+        this.measuresScheduleList = data.doorInfo.data.list
+      }).catch((e) => {
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.martop {
+  margin-top: 20px;
+}
+</style>
diff --git a/src/views/map/dialog/video_play_cmt.vue b/src/views/map/dialog/video_play_cmt.vue
new file mode 100644
index 0000000..706f9b7
--- /dev/null
+++ b/src/views/map/dialog/video_play_cmt.vue
@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <div id="aLiVideoPlayer" class="prism-player"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      hls: false,
+      player: null,
+      url: ''
+    }
+  },
+  beforeDestroy() {
+    this.player && this.player.dispose()
+  },
+  created() {
+    console.info(this.id)
+    this.showVideo()
+  },
+  methods: {
+    showVideo() {
+      this.$nextTick(() => {
+        // eslint-disable-next-line no-undef
+        this.player = new Aliplayer({
+          'id': 'aLiVideoPlayer',
+          'source': config.ysVideoUrl + '/live/loadmin/38f8c7d91db97445a1f6e0ef5bbd5ae0/' + config.ysVideoDefinition + '/' + this.id + '.m3u8',
+          // 'source': 'http://172.16.11.146:8991/videoApi/live/loadmin/38f8c7d91db97445a1f6e0ef5bbd5ae0/4/MT-CFD-MK-IPC-16216_1.m3u8',
+          'width': '100%',
+          'height': '500px',
+          'autoplay': true,
+          'isLive': true,
+          'rePlay': false,
+          'playsinline': true,
+          'preload': true,
+          'controlBarVisibility': 'hover',
+          'useH5Prism': true
+        }, function(player) {
+          console.log('The player is created')
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/map/dialog/video_play_plat.vue b/src/views/map/dialog/video_play_plat.vue
index 661ff60..422e14f 100644
--- a/src/views/map/dialog/video_play_plat.vue
+++ b/src/views/map/dialog/video_play_plat.vue
@@ -80,18 +80,30 @@ export default {
         })
     },
     showVideo() {
+      let url = this.requestUrl
+      console.log(this.corpInfoId)
+      console.log(this.corpInfoId == 'f8da1790b1034058ae2efefd69af3284')
+      if (this.corpInfoId == 'f8da1790b1034058ae2efefd69af3284') {
+        url = '/czks/map/getCameraHlsPath'
+      }
       requestFN(
-        this.requestUrl,
+        url,
         {
           PLATFORMVIDEOMANAGEMENT_ID: this.id
         }
       ).then((res) => {
         this.info = res.pd
+        let hlsPath = ''
+        if (this.corpInfoId == 'f8da1790b1034058ae2efefd69af3284') {
+          hlsPath = res.hlsPath
+        } else {
+          hlsPath = res.data.url
+        }
         this.$nextTick(() => {
           // eslint-disable-next-line no-undef
           this.player = new Aliplayer({
             'id': 'aLiVideoPlayer',
-            'source': res.data.url,
+            'source': hlsPath,
             'width': '100%',
             'height': '380px',
             'autoplay': true,
diff --git a/src/views/map/dialog/weatherstationCmt.vue b/src/views/map/dialog/weatherstationCmt.vue
new file mode 100644
index 0000000..ef93b02
--- /dev/null
+++ b/src/views/map/dialog/weatherstationCmt.vue
@@ -0,0 +1,669 @@
+<template>
+  <div class="app-container print-work">
+    <div class="level-title">
+      <h1>{{ info.EQUIPMENTNAME }}：实时监测数据 {{ info.OPERATTIME }}</h1>
+    </div>
+    <div style="display: flex">
+      <div v-if="info.WINDDIRECTION != '-'" id="main4"/>
+      <div v-if="info.TEMPERATURE != '-'" id="main5"/>
+      <div v-if="info.WINDSPEED != '-'" id="main6"/>
+    </div>
+    <table class="table-ui">
+      <tr>
+        <td class="bbg-transparent">风速监测</td>
+        <td>{{ info.WINDSPEED }}</td>
+        <td class="bbg-transparent">风向监测</td>
+        <td>{{ info.WINDDIRECTION }}</td>
+      </tr>
+      <tr>
+        <td class="bbg-transparent">温度监测</td>
+        <td>{{ info.TEMPERATURE }}</td>
+        <td class="bbg-transparent">湿度监测</td>
+        <td>{{ info.COUNTARCHIVE }}</td>
+      </tr>
+    </table>
+
+  </div>
+</template>
+
+<script>
+import { requestFN } from '@/utils/request'
+import * as echarts from 'echarts'
+
+let myChart4 = null
+let myChart5 = null
+let myChart6 = null
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    name: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      timer: '',
+      config: config,
+      info: {}
+    }
+  },
+  mounted() {
+    window.onresize = function() {
+      myChart4 && myChart4.resize()
+      myChart5 && myChart5.resize()
+      myChart6 && myChart6.resize()
+    }
+    this.getMeteorologicalinfo()
+    this.start()
+  },
+  beforeDestroy() {
+    myChart4 = null
+    myChart5 = null
+    myChart6 = null
+    console.log('定时器关闭')
+    clearInterval(this.timer)
+  },
+
+  methods: {
+    // 定时器
+    start() {
+      console.log('定时器开启')
+      this.timer = setInterval(this.getMeteorologicalinfo, 10000) // 注意: 第一个参数为方法名的时候不要加括号;
+    },
+    over() {
+      clearInterval(this.timer)
+    },
+    getMeteorologicalinfo() {
+      requestFN(
+        '/map/getDetailByName',
+        {
+          FNAME: this.name,
+          type: this.type
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.info = data.pd || {}
+        this.info.COUNTARCHIVE = data.pd.COUNTARCHIVE || '-'
+        this.info.TEMPERATURE = data.pd.TEMPERATURE || '-'
+        this.info.WINDSPEED = data.pd.WINDSPEED || '-'
+        this.info.WINDDIRECTION = data.pd.WINDDIRECTION || '-'
+        this.$nextTick(() => {
+          if (data.pd.WINDDIRECTION != '-') {
+            console.log(this.info.WINDDIRECTION)
+            this.initEcharts1(data)
+            this.info.WINDDIRECTION = this.calculateWindDirection(this.info.WINDDIRECTION)
+            console.log(this.info.WINDDIRECTION)
+          }
+          if (data.pd.TEMPERATURE != '-') {
+            this.initEcharts2(data)
+          }
+          if (data.pd.WINDSPEED != '-') {
+            this.initEcharts3(data)
+          }
+        })
+      }).catch((e) => {
+      })
+    },
+    initEcharts1(data) {
+      myChart4 = echarts.init(document.querySelector('#main4'))
+      var option = {
+        title: {
+          // x: "center",
+          top: 0,
+          text: '风向监测',
+          textStyle: {
+            fontWeight: 'normal',
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        series: {
+          name: '',
+          type: 'gauge',
+          min: 0,
+          max: 360,
+          startAngle: 90,
+          endAngle: -269.9999,
+          radius: '55%',
+          splitNumber: 8,
+          axisLine: {
+            lineStyle: {
+              width: 15,
+              shadowBlur: 0,
+              color: [
+                [0.25, '#DDBD4D'],
+                [0.5, '#E43F3D'],
+                [0.75, '#7CBB55'],
+                [1, '#9CD6CE']
+              ]
+            }
+          },
+          axisTick: {
+            show: true,
+            splitNumber: 5,
+            lineStyle: {
+              color: '#fff'
+            }
+          },
+          splitLine: {
+            length: 10,
+            lineStyle: {
+              width: 5,
+              color: '#fff'
+            }
+          },
+          axisLabel: {
+            formatter: function(e) {
+              switch (e + '') {
+                case '0':
+                  return '北'
+                case '45':
+                  return '东北'
+                case '135':
+                  return '东南'
+                case '225':
+                  return '西南'
+                case '315':
+                  return '西北'
+                case '360':
+                  return '北'
+                case '180':
+                  return '南'
+                case '90':
+                  return '东'
+                case '270':
+                  return '西'
+                default:
+                  return e
+              }
+            },
+            distance: -60,
+            textStyle: {
+              fontSize: 14,
+              fontWeight: '',
+              color: '#fff'
+            }
+          },
+          pointer: {
+            show: true,
+            length: '80%',
+            width: 5
+          },
+          detail: {
+            formatter: function(param) {
+              var level = ''
+              if (param > 0 && param < 90) {
+                level = '东北'
+              } else if (param > 90 && param < 180) {
+                level = '东南'
+              } else if (param > 180 && param < 270) {
+                level = '西南'
+              } else if (param > 270 && param < 360) {
+                level = '西北'
+              } else if (param == 360) {
+                level = '正北'
+              } else if (param == 270) {
+                level = '正西'
+              } else if (param == 90) {
+                level = '正东'
+              } else if (param == 180) {
+                level = '正南'
+              }
+              return '当前风向:' + level + '(' + param + '°)'
+            },
+            offsetCenter: [0, 150],
+            textStyle: {
+              fontSize: 14,
+              color: '#fff'
+            }
+          },
+          data: [data.pd.WINDDIRECTION]
+        }
+      }
+      myChart4.setOption(option)
+    },
+    initEcharts2(data) {
+      myChart5 = echarts.init(document.querySelector('#main5'))
+      var value = data.pd.TEMPERATURE
+      var kd = []
+      // 刻度使用柱状图模拟，短设置3，长的设置5；构造一个数据
+      for (var i = 0, len = 130; i <= len; i++) {
+        if (i > 100 || i < 30) {
+          kd.push('0')
+        } else {
+          if (i % 5 === 0) {
+            kd.push('5')
+          } else {
+            kd.push('3')
+          }
+        }
+      }
+      // console.log(kd)
+      // 因为柱状初始化为0，温度存在负值，所以，原本的0-100，改为0-130，0-30用于表示负值
+      function getData(value) {
+        return [Number(value) + 30]
+      }
+      var mercuryColor = '#fd4d49'
+      var borderColor = '#fd4d49'
+
+      const option = {
+        title: {
+          text: '温度监测',
+          show: true,
+          textStyle: {
+            fontWeight: 'normal',
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        yAxis: [{
+          show: false,
+          min: 0,
+          max: 130
+        }, {
+          show: false,
+          data: [],
+          min: 0,
+          max: 130
+        }],
+        xAxis: [{
+          show: false,
+          data: []
+        }, {
+          show: false,
+          data: []
+        }, {
+          show: false,
+          data: []
+        }, {
+          show: false,
+          min: -110,
+          max: 100
+
+        }],
+        series: [{
+          name: '条',
+          type: 'bar',
+          // 对应上面XAxis的第一个对象配置
+          xAxisIndex: 0,
+          data: getData(value),
+          barWidth: 18,
+          itemStyle: {
+            normal: {
+              color: mercuryColor,
+              barBorderRadius: 0
+            }
+          },
+          label: {
+            normal: {
+              show: true,
+              position: 'top',
+              formatter: function(param) {
+                // 因为柱状初始化为0，温度存在负值，所以，原本的0-100，改为0-130，0-30用于表示负值
+                return (((param.value * 100) - (30 * 100)) / 100) + '°C'
+              },
+              textStyle: {
+                color: '#ccc',
+                fontSize: '10'
+              }
+            }
+          },
+          z: 2
+        }, {
+          name: '白框',
+          type: 'bar',
+          xAxisIndex: 1,
+          barGap: '-100%',
+          data: [129],
+          barWidth: 28,
+          itemStyle: {
+            normal: {
+              color: '#ffffff',
+              barBorderRadius: 50
+            }
+          },
+          z: 1
+        }, {
+          name: '外框',
+          type: 'bar',
+          xAxisIndex: 2,
+          barGap: '-100%',
+          data: [130],
+          barWidth: 38,
+          itemStyle: {
+            normal: {
+              color: borderColor,
+              barBorderRadius: 50
+            }
+          },
+          z: 0
+        }, {
+          name: '圆',
+          type: 'scatter',
+          hoverAnimation: false,
+          data: [0],
+          xAxisIndex: 0,
+          symbolSize: 48,
+          itemStyle: {
+            normal: {
+              color: mercuryColor,
+              opacity: 1
+            }
+          },
+          z: 2
+        }, {
+          name: '白圆',
+          type: 'scatter',
+          hoverAnimation: false,
+          data: [0],
+          xAxisIndex: 1,
+          symbolSize: 60,
+          itemStyle: {
+            normal: {
+              color: '#ffffff',
+              opacity: 1
+            }
+          },
+          z: 1
+        }, {
+          name: '外圆',
+          type: 'scatter',
+          hoverAnimation: false,
+          data: [0],
+          xAxisIndex: 2,
+          symbolSize: 70,
+          itemStyle: {
+            normal: {
+              color: borderColor,
+              opacity: 1
+            }
+          },
+          z: 0
+        }, {
+          name: '刻度',
+          type: 'bar',
+          yAxisIndex: 1,
+          xAxisIndex: 3,
+          label: {
+            normal: {
+              show: true,
+              position: 'right',
+              distance: 10,
+              color: '#fff',
+              fontSize: 10,
+              formatter: function(params) {
+                // 因为柱状初始化为0，温度存在负值，所以，原本的0-100，改为0-130，0-30用于表示负值
+                if (params.dataIndex > 100 || params.dataIndex < 30) {
+                  return ''
+                } else {
+                  if (params.dataIndex % 5 === 0) {
+                    return params.dataIndex - 30
+                  } else {
+                    return ''
+                  }
+                }
+              }
+            }
+          },
+          barGap: '-100%',
+          data: kd,
+          barWidth: 1,
+          itemStyle: {
+            normal: {
+              color: borderColor,
+              barBorderRadius: 10
+            }
+          },
+          z: 0
+        }]
+      }
+      myChart5.setOption(option)
+    },
+    initEcharts3(data) {
+      myChart6 = echarts.init(document.querySelector('#main6'))
+      const option = {
+        // backgroundColor:'#0F2D5B',
+        title: {
+          text: '风速监测',
+          show: true,
+          textStyle: {
+            fontWeight: 'normal',
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        series: [
+          {
+            name: '外圈',
+            type: 'gauge',
+            min: 0,
+            max: 30,
+            splitNumber: 10,
+            center: ['50%', '55%'],
+            radius: '73%',
+            axisLine: {
+              lineStyle: {
+                color: [[1, '#2E5BA1']],
+                width: 20
+              }
+            },
+            splitLine: {
+              distance: -20,
+              length: 20,
+              lineStyle: {
+                width: 2,
+                color: '#0F2D5B'
+              }
+            },
+            axisTick: {
+              distance: -20,
+              length: 5,
+              lineStyle: {
+                color: '#0F2D5B'
+              }
+            },
+            axisLabel: {
+              distance: -25,
+              color: '#7392C1',
+              fontSize: 14
+            },
+            anchor: {
+              show: false
+            },
+            pointer: {
+              show: false
+            }
+          },
+          {
+            name: '内圈',
+            type: 'gauge',
+            min: 0,
+            max: 30,
+            splitNumber: 10,
+            center: ['50%', '55%'],
+            radius: '65%',
+            axisLine: {
+              lineStyle: {
+                width: 20,
+                color: [
+                  [0.25, '#18EC90'],
+                  [0.5, '#E2DC2E'],
+                  [0.75, '#E2A02E'],
+                  [1, '#FE4747']
+                ]
+              }
+            },
+            silent: true,
+            pointer: {
+              length: '85%',
+              width: 4,
+              itemStyle: {
+                color: 'inherit',
+                borderWidth: 1,
+                borderColor: 'inherit', // '#0D3778',
+                shadowColor: 'inherit',
+                shadowBlur: 1
+              }
+            },
+            axisTick: {
+              show: false,
+              distance: -20,
+              length: 5,
+              lineStyle: {
+                color: '#0F2D5B'
+              }
+            },
+            splitLine: {
+              distance: -20,
+              length: 20,
+              lineStyle: {
+                width: 2,
+                color: '#0F2D5B'
+              }
+            },
+            axisLabel: {
+              show: false
+            },
+            title: { // 仪表盘标题。
+              show: true, // 是否显示标题,默认 true。
+              offsetCenter: [0, '95%'], // 相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
+              color: '#ccc', // 文字的颜色,默认 #333。
+              fontSize: 15 // 文字的字体大小,默认 15。
+            },
+            detail: {
+              valueAnimation: true,
+              offsetCenter: [0, '70%'],
+              formatter: '{value}',
+              color: 'inherit', // 文字的颜色,默认 #333。
+              fontSize: 20
+            },
+            data: [{
+              name: '风速(m/s)',
+              value: data.pd.WINDSPEED
+            }]
+          }
+        ]
+      }
+      myChart6.setOption(option)
+    },
+    calculateWindDirection(angle) {
+      const arr = [
+        {
+          directions: '北',
+          minAngle: '348.76',
+          maxAngle: '11.25'
+        },
+        {
+          directions: '北东北',
+          minAngle: '11.26',
+          maxAngle: '33.75'
+        },
+        {
+          directions: '东北',
+          minAngle: '33.76',
+          maxAngle: '56.25'
+        },
+        {
+          directions: '东东北',
+          minAngle: '56.26',
+          maxAngle: '78.75'
+        },
+        {
+          directions: '东',
+          minAngle: '78.76',
+          maxAngle: '101.25'
+        },
+        {
+          directions: '东东南',
+          minAngle: '101.26',
+          maxAngle: '123.75'
+        },
+        {
+          directions: '东南',
+          minAngle: '123.76',
+          maxAngle: '146.25'
+        },
+        {
+          directions: '南东南',
+          minAngle: '146.26',
+          maxAngle: '168.75'
+        },
+        {
+          directions: '南',
+          minAngle: '168.76',
+          maxAngle: '191.25'
+        },
+        {
+          directions: '南西南',
+          minAngle: '191.26',
+          maxAngle: '213.75'
+        },
+        {
+          directions: '西南',
+          minAngle: '213.76',
+          maxAngle: '236.25'
+        },
+        {
+          directions: '西西南',
+          minAngle: '236.26',
+          maxAngle: '258.75'
+        },
+        {
+          directions: '西',
+          minAngle: '258.76',
+          maxAngle: '281.25'
+        },
+        {
+          directions: '西西北',
+          minAngle: '281.26',
+          maxAngle: '303.75'
+        },
+        {
+          directions: '西北',
+          minAngle: '303.76',
+          maxAngle: '326.25'
+        },
+        {
+          directions: '北西北',
+          minAngle: '326.26',
+          maxAngle: '348.75'
+        }
+      ]
+      for (let i = 0; i < arr.length; i++) {
+        if (+angle >= +arr[i].minAngle && +angle <= +arr[i].maxAngle) {
+          return arr[i].directions + '风'
+        }
+      }
+      return '静风'
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+#main4{
+  width: 340px;
+  height: 380px;
+}
+#main5{
+  width: 340px;
+  height: 380px;
+}
+#main6{
+  width: 340px;
+  height: 380px;
+}
+</style>
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
index 0c5a106..64ce599 100644
--- a/src/views/map/index.vue
+++ b/src/views/map/index.vue
@@ -25,7 +25,7 @@
         <info v-if="!gangkouActive"/>
         <gangkou-index v-if="gangkouActive === '00003' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && !CORP_INFO_ID" :area="area"/>
         <fengongsi-index
-          v-if="gangkouActive && gangkouActive !== '00004' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
           :corp-info-id="CORP_INFO_ID"
           :gangkou="gangkouActive"
         />
@@ -34,8 +34,12 @@
           :corp-info-id="CORP_INFO_ID"
           :gangkou="gangkouActive"
         />
+        <czksIndex
+          v-if="gangkouActive && gangkouActive === '00002' && (bottomOptionsIndex === '' || bottomOptionsIndex === 5) && CORP_INFO_ID"
+          :corp-info-id="CORP_INFO_ID"
+          :gangkou="gangkouActive"/>
         <menjin
-          v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 0"
+          v-if="gangkouActive && gangkouActive !== '00004' &&  gangkouActive !== '00005' && gangkouActive !== '00002' && bottomOptionsIndex === 0"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -44,6 +48,21 @@
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
+        <menjin-czks
+          v-if="gangkouActive && gangkouActive === '00002' && bottomOptionsIndex === 0"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
+        <menjin-cmt
+          v-if="gangkouActive && gangkouActive === '00005' && bottomOptionsIndex === 0"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
+        <zhongdian
+          v-if="gangkouActive && gangkouActive === '00002' && bottomOptionsIndex === 6"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
         <xiaofang
           v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 1"
           :corp-info-id="CORP_INFO_ID"
@@ -65,7 +84,7 @@
           :area="area"
           :gangkou="gangkouActive"/>
         <renyuan
-          v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 4"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && gangkouActive !== '00005' && bottomOptionsIndex === 4"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -74,8 +93,18 @@
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
+        <renyuanCzks
+          v-if="gangkouActive && gangkouActive === '00002' && bottomOptionsIndex === 4"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
+        <renyuanCmt
+          v-if="gangkouActive && gangkouActive === '00005' && bottomOptionsIndex === 4"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
         <bianjieruqin
-          v-if="gangkouActive && gangkouActive !== '00004' && bottomOptionsIndex === 6"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 6"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -85,7 +114,7 @@
           :area="area"
           :gangkou="gangkouActive"/>
         <zhongda
-          v-if="gangkouActive && bottomOptionsIndex === 8"
+          v-if="gangkouActive && bottomOptionsIndex === 8 && gangkouActive !== '00002'"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -204,6 +233,7 @@
       :corp-info-id="dialog.corpInfoId"
       :gangkou="gangkouActive"
       :infoname="dialog.infoname"
+      :name="dialog.name"
     />
   </div>
 </template>
@@ -217,8 +247,13 @@ import { requestFN } from '@/utils/request'
 import gangkouIndex from './components/gangkou_index.vue'
 import fengongsiIndex from './components/fengongsi_index.vue'
 import caofeidianIndex from './components/caofeidian_index.vue'
+import czksIndex from './components/czks_index.vue'
+import menjinCzks from './components/menjinCzks.vue'
+import renyuanCzks from './components/renyuanCzks.vue'
+import renyuanCmt from './components/renyuanCmt.vue'
 import menjin from './components/menjin.vue'
 import menjinCfd from './components/menjinCfd.vue'
+import menjinCmt from './components/menjinCmt.vue'
 import xiaofang from './components/xiaofang.vue'
 import anquan from './components/anquan.vue'
 import anquanCfd from './components/anquanCfd.vue'
@@ -236,18 +271,17 @@ import cloneDeep from 'lodash/cloneDeep'
 import fullScreenMixins from '@/assets/mixins/fullScreen'
 import { animate } from 'motion'
 import loadMapBoxCfd from './js/mapboxCfd'
+import loadMapBoxCzks from './js/mapboxCzks'
 import loadMapBox from './js/mapbox'
 import AnquanCfd from './components/anquanCfd'
 import mqtt from 'mqtt'
-import img4_0_1 from '../../assets/map/gangkou_index/point/icon27.png'
-import img4_0_2 from '../../assets/map/gangkou_index/point/icon28.png'
-import img4_0_3 from '../../assets/map/gangkou_index/point/icon29.png'
-import img4_0 from '../../assets/map/gangkou_index/point/ico21.png'
 let viewer = null
 let drag = null
 let ry_drag = null
 var tiandituTk = 'e8a16137fd226a62a23cc7ba5c9c78ce'
 var subdomains = ['0', '1', '2', '3', '4', '5', '6', '7']
+// 沧州矿石人员定位数组
+let czksPerLocArr = []
 const Cesium = window.Cesium
 Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkOWQ0MGYwMy0yODUwLTQ1YzktOGM4OC02MTMwY2UyZjNlMzQiLCJpZCI6MTY0NTUwLCJpYXQiOjE2OTM4OTU1Mjd9.1cC0sSzyj79LZv0ILNCcl0Mabw6hl8TNngFNFr7H8f4'
 // ys使用
@@ -261,6 +295,10 @@ const iframeObj = null
 export default {
   components: {
     AnquanCfd,
+    czksIndex,
+    menjinCzks,
+    renyuanCzks,
+    renyuanCmt,
     // navigation,
     gangkouIndex,
     fengongsiIndex,
@@ -268,6 +306,7 @@ export default {
     layoutMenu,
     menjin,
     menjinCfd,
+    menjinCmt,
     xiaofang,
     anquan,
     qixiang,
@@ -282,6 +321,8 @@ export default {
   mixins: [fullScreenMixins],
   data() {
     return {
+      // 沧州矿石
+      czkswebsocket: {},
       initCenter: { longitude: 119.6486945226887, latitude: 39.93555616569192, height: 900000 },
       parentCenter: {},
       center: { longitude: 119.6486945226887, latitude: 39.93555616569192, height: 900000 },
@@ -289,8 +330,8 @@ export default {
         {
           'id': '00002',
           'data_id': '00002',
-          'MAP_POINT_NAME': '沧州矿石港务',
-          'name': '沧州矿石港务',
+          'MAP_POINT_NAME': '沧州黄骅港矿石港务有限公司',
+          'name': '沧州黄骅港矿石港务有限公司',
           'point_type': '港口',
           'type': '港口',
           'descr': '公司现共有10个泊位（10-20万吨级），设计年通过能力6400万吨。堆场面积176万平米，堆存能力740万吨，大型装卸设备44台套。',
@@ -298,7 +339,7 @@ export default {
             'x': 117.91412,
             'y': 38.35902
           },
-          CORP_INFO_ID: '016d19225e9d4ece863cce8a256a3e72'
+          CORP_INFO_ID: 'f8da1790b1034058ae2efefd69af3284'
         },
         {
           'id': '00003',
@@ -339,7 +380,7 @@ export default {
             'x': 118.43701,
             'y': 38.9866
           },
-          CORP_INFO_ID: 'c077f4ed66844ed4a191a36fa1fc641c'
+          CORP_INFO_ID: '6aa255d41602497fa0f934a822820df4'
         }
       ],
       branchPoint: [],
@@ -384,6 +425,7 @@ export default {
       myEntityCollection: {},
       poinEntity: {},
       mqttPoint: {},
+      allOrientationPoint: [],
       gangkouActive: '',
       centerOptionsList: [
         { label: '秦皇岛西', AREA: '2' },
@@ -818,6 +860,7 @@ export default {
       carLocArr: [],
       pointBoxCfd: [],
       pointBox: [],
+      pointBoxCzks: [],
       fwebsocket: {},
       redList: [],
       orangeList: [],
@@ -1096,7 +1139,8 @@ export default {
     this.initMap()
     this.pointBoxCfd = loadMapBoxCfd()
     this.pointBox = loadMapBox()
-    this.ysVideoInit()
+    this.pointBoxCzks = loadMapBoxCzks()
+    // this.ysVideoInit()
   },
   methods: {
     getRandom() {
@@ -1360,6 +1404,19 @@ export default {
             this.dialog.infoname = infoname
             return
           }
+          if (this.gangkouActive === '00005' && point_id.substring(0, 1) !== '1') {
+            // if (this.gangkouActive === '00004' && point_type.indexOf('标记点') !== -1 && point_id.substring(0, 1) === '0' || point_id.substring(0, 1) === '5') {
+            const { label, point_type, data_id, infoname,name, code } = pick.id._monitoItems.data
+            this.dialog.visible = true
+            this.dialog.title = label
+            this.dialog.type = point_type.substring(3) + this.gangkouActive
+            this.dialog.id = data_id
+            this.dialog.name = name
+            this.dialog.id = point_type.substring(3) === 'CAMERA' ? code : point_type.substring(3) === 'platcamera' ? code : data_id
+            this.dialog.infoname = infoname
+            console.log(this.dialog)
+            return
+          }
           if (point_type.indexOf('标记点') !== -1) {
             const { label, point_type, data_id, corpInfoId, dialog_width, infoname } = pick.id._monitoItems.data
             this.dialog.visible = true
@@ -1870,6 +1927,16 @@ export default {
 
     bottomOptionsItemsClick(pindex, index, label, urlType, pointUrl, dialog_width) {
       if (this.bottomOptionsList[pindex].list[index].check || this.gangkouActive === '00004' && this.cfdBottomOptionsList[pindex].list[index].check) {
+        // 取消选中
+        // 沧州矿石人员定位关闭
+        if (this.gangkouActive === '00002' && urlType === 'peoplePosition') {
+          if (this.czkswebsocket && this.czkswebsocket.url) {
+            this.czkswebsocket.close()
+            this.czkswebsocket = {}
+            czksPerLocArr = []
+            this.clearMqttPoint('czksperson')
+          }
+        }
         // 人员定位关闭实时获取定位websocket 并关闭人员对比定时器（曹妃甸使用）
         if (this.gangkouActive === '00004' && urlType === 'peoplePosition') {
           // if (this.fwebsocket) {
@@ -1906,12 +1973,16 @@ export default {
           }
         })
       } else {
+        // 选中
         this.bottomOptionsList[pindex].list[index].check = true
         if (this.gangkouActive === '00004') {
           this.cfdBottomOptionsList[pindex].list[index].check = true
           this.bottomOptionsList[pindex].list[index].check = false
         }
-
+        if (this.gangkouActive === '00002' && urlType === 'peoplePosition') {
+          this.czksPeoplePosition()
+          return
+        }
         if (this.gangkouActive === '00003' && this.CORP_INFO_ID === '035958e685cf4850bc40151c5e0617a6' && urlType === 'peoplePosition') {
           !this.connecting ? this.createConnection(this.CORP_INFO_ID) : this.doSubscribe()
         } else {
@@ -1958,6 +2029,11 @@ export default {
               } else {
                 point.infoname = varList[i].NAME
               }
+              //曹煤炭数据
+              if (this.gangkouActive === '00005') {
+                point.name = varList[i].MAP_POINT_NAME
+                point.infoname = varList[i].MAP_POINT_NAME
+              }
               points.push(point)
             }
             if (this.gangkouActive === '00004' && urlType === 'carPosition') {
@@ -2187,6 +2263,81 @@ export default {
       this.connecting = false
       this.subscribeSuccess = false
     },
+    // 沧州矿石人员定位
+    czksPeoplePosition() {
+      const _this = this
+      if (window.WebSocket) {
+        // 线上
+        // const wsUrl = 'ws://172.16.130.86/gateway-service/websocket/ws'
+        // 测试
+        const wsUrl = 'ws://221.195.199.13:7811/ws'
+        this.czkswebsocket = new WebSocket(encodeURI(wsUrl + '/XR_' + new Date().getTime() + '_98')) // oladress在main.jsp页面定义
+        console.info(wsUrl + '/XR_' + new Date().getTime() + '_98')
+        this.czkswebsocket.onopen = () => {
+          setInterval(() => {
+            if (this.czkswebsocket.readyState === 1) {
+              this.czkswebsocket.send('ok')
+            }
+          }, 10000)
+          this.czkswebsocket.send('ok')
+          // console.info(this.fwebsocket.readyState + '-----------------------------')
+          console.info('链接成功')
+        }
+        this.czkswebsocket.onerror = function() {
+          console.info('连接失败')
+          // 连接失败
+        }
+        this.czkswebsocket.onclose = function() {
+          console.info('onclose')
+        }
+        this.czkswebsocket.onmessage = function(message) {
+          console.info('沧州矿石人员定位接收消息')
+          const mockData = JSON.parse(message.data)
+          if (mockData.msgType === 'currentPersonLocation') {
+            // 将地图上的点与最新的定位人员点进行对比    删除地图上多的点
+            const czksPerLoc = czksPerLocArr.filter(item => {
+              const index = mockData.data.findIndex(item1 => {
+                return item.id.toString() === item1.cardId.toString()
+              })
+              return index !== -1
+            })
+            // 将地图上剩余的点与最新的定位人员点进行对比   更新地图上已存在的点    新增地图上之前没有的点
+            for (const item of mockData.data) {
+              const index = czksPerLoc.findIndex(item1 => {
+                return item1.id.toString() === item.cardId.toString()
+              })
+              _this.isPointWithinTheArea(_this.pointBox, { x: item.longitude, y: item.latitude })
+              if (index !== -1) {
+                czksPerLoc[index].x = item.longitude
+                czksPerLoc[index].y = item.latitude
+                czksPerLoc[index].icon_type = 'img4_0_2'
+                ry_drag.getPosition(czksPerLoc[index])
+              } else {
+                const perLoc = {
+                  id: item.cardId,
+                  name: item.realName,
+                  idNumber: item.idNumber,
+                  x: item.longitude,
+                  y: item.latitude,
+                  icon_type: 'img4_0_1',
+                  infoname: item.realName,
+                  personPhoto: item.personPhoto,
+                  data_id: item.cardId + '',
+                  point_type: 'peoplePositionCzks',
+                  label: item.realName
+                }
+                czksPerLoc.push(perLoc)
+                ry_drag.addEntity(perLoc)
+                var qianzhui = 'czksperson'
+                _this.mqttPoint[qianzhui + item.cardId] = item.cardId
+              }
+            }
+            // 最后更新ninePerLocArr
+            czksPerLocArr = czksPerLoc
+          }
+        }
+      }
+    },
     // 创建连接
     createConnection(CORP_INFO_ID) {
       try {
diff --git a/src/views/map/js/dragentity.js b/src/views/map/js/dragentity.js
index 7049e45..01b4e6f 100644
--- a/src/views/map/js/dragentity.js
+++ b/src/views/map/js/dragentity.js
@@ -68,9 +68,11 @@ export { imgMap }
 import './PolylineTrailLinkMaterialProperty'
 import loadMapBox from './mapbox'
 import loadMapBoxCfd from './mapboxCfd'
+import loadMapBoxCzks from './mapboxCzks'
 
 const polygonMap = {
   '00003': loadMapBox,
+  '00002': loadMapBoxCzks,
   '00004': loadMapBoxCfd
 }
 
diff --git a/src/views/map/js/mapboxCzks.js b/src/views/map/js/mapboxCzks.js
new file mode 100644
index 0000000..81c7e0c
--- /dev/null
+++ b/src/views/map/js/mapboxCzks.js
@@ -0,0 +1,2245 @@
+export default function loadMapBox() {
+  return {
+    redList: initMapDataRed(),
+    orangeList: initMapDataOrange(),
+    yellowList: initMapDataYellow(),
+    blueList: initMapDataBlue(),
+    wallList: initWallData()
+  }
+}
+
+/**
+ * 四色图（红）
+ */
+function initMapDataRed() {
+  const varList = []
+  // 红1
+  let formData = {}
+  formData['position'] = [{ 'x': 117.91329259120815, 'y': 38.36123690530284, 'z': 0 }, {
+    'x': 117.91336486344717,
+    'y': 38.36111173231187,
+    'z': 0
+  }, { 'x': 117.91468106231675, 'y': 38.36170398220746, 'z': 0 }, {
+    'x': 117.91457931965344,
+    'y': 38.36182250986263,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红2
+  formData = {}
+  formData['position'] = [{ 'x': 117.91861632134999, 'y': 38.36441120088372, 'z': 0 }, {
+    'x': 117.91870699539653,
+    'y': 38.36425708870703,
+    'z': 0
+  }, { 'x': 117.91967791232462, 'y': 38.3647036946978, 'z': 0 }, {
+    'x': 117.91957362028664,
+    'y': 38.364835575401216,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红3
+  formData = {}
+  formData['position'] = [{ 'x': 117.91165763498671, 'y': 38.36200088368303, 'z': 0 }, {
+    'x': 117.91173822788505,
+    'y': 38.361859620421555,
+    'z': 0
+  }, { 'x': 117.91234869929183, 'y': 38.36213451866971, 'z': 0 }, {
+    'x': 117.91265714969974,
+    'y': 38.362156144107416,
+    'z': 0
+  }, { 'x': 117.91265031065764, 'y': 38.36222307035794, 'z': 0 }, {
+    'x': 117.91248121040057,
+    'y': 38.362198659014865,
+    'z': 0
+  }, { 'x': 117.91238554615954, 'y': 38.362310722516966, 'z': 0 }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红4
+  formData = {}
+  formData['position'] = [{ 'x': 117.91557741167017, 'y': 38.364519738284855, 'z': 0 }, {
+    'x': 117.91569231156154,
+    'y': 38.364385714812784,
+    'z': 0
+  }, { 'x': 117.91639481368892, 'y': 38.3647055956907, 'z': 0 }, {
+    'x': 117.91627846976654,
+    'y': 38.364843025527186,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红5
+  formData = {}
+  formData['position'] = [{ 'x': 117.91531913734993, 'y': 38.365151141666615, 'z': 0 }, {
+    'x': 117.91543164663534,
+    'y': 38.36501986867428,
+    'z': 0
+  }, { 'x': 117.9166754061489, 'y': 38.36558167301088, 'z': 0 }, {
+    'x': 117.91657568447863,
+    'y': 38.36570912885837,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红6
+  formData = {}
+  formData['position'] = [{ 'x': 117.91474692158906, 'y': 38.36563344274661, 'z': 0 }, {
+    'x': 117.91571531380882,
+    'y': 38.365575507149735,
+    'z': 0
+  }, { 'x': 117.91573882123228, 'y': 38.36567811085759, 'z': 0 }, {
+    'x': 117.91477989838658,
+    'y': 38.36576475215801,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红7
+  formData = {}
+  formData['position'] = [{ 'x': 117.91262750855083, 'y': 38.365413506797736, 'z': 0 }, {
+    'x': 117.91276794671406,
+    'y': 38.365287385994456,
+    'z': 0
+  }, { 'x': 117.9139753678935, 'y': 38.36584054599906, 'z': 0 }, { 'x': 117.91386343527583, 'y': 38.3659672236834, 'z': 0 }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红8
+  formData = {}
+  formData['position'] = [{ 'x': 117.9110982527594, 'y': 38.365322589156264, 'z': 0 }, {
+    'x': 117.91129261832471,
+    'y': 38.3652205195321,
+    'z': 0
+  }, { 'x': 117.91178690990623, 'y': 38.365923259197956, 'z': 0 }, {
+    'x': 117.91160382111744,
+    'y': 38.365967550193055,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红9
+  formData = {}
+  formData['position'] = [{ 'x': 117.9055797602892, 'y': 38.363678953392764, 'z': 0 }, {
+    'x': 117.90565294237713,
+    'y': 38.36357588304439,
+    'z': 0
+  }, { 'x': 117.90684692093744, 'y': 38.3641164599739, 'z': 0 }, {
+    'x': 117.90675167484216,
+    'y': 38.364216564403364,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红10
+  formData = {}
+  formData['position'] = [{ 'x': 117.91405013878493, 'y': 38.36828460788923, 'z': 0 }, {
+    'x': 117.91413254845655,
+    'y': 38.36815698394543,
+    'z': 0
+  }, { 'x': 117.91507764116463, 'y': 38.36858268730413, 'z': 0 }, {
+    'x': 117.91499055000097,
+    'y': 38.36870306727979,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红11
+  formData = {}
+  formData['position'] = [{ 'x': 117.90459637924963, 'y': 38.36479696047576, 'z': 0 }, {
+    'x': 117.90589501608808,
+    'y': 38.36539087423531,
+    'z': 0
+  }, { 'x': 117.90514057108632, 'y': 38.366341076669144, 'z': 0 }, {
+    'x': 117.90388732140204,
+    'y': 38.36578737228895,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红12
+  formData = {}
+  formData['position'] = [{ 'x': 117.90737505310737, 'y': 38.366082340632445, 'z': 0 }, {
+    'x': 117.90972416120367,
+    'y': 38.367166049378696,
+    'z': 0
+  }, { 'x': 117.90905455483788, 'y': 38.36809140454216, 'z': 0 }, {
+    'x': 117.90679177081512,
+    'y': 38.36705732594471,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红13
+  formData = {}
+  formData['position'] = [{ 'x': 117.9112936737339, 'y': 38.367782210203686, 'z': 0 }, {
+    'x': 117.91283559856673,
+    'y': 38.368478375782495,
+    'z': 0
+  }, { 'x': 117.91220726298413, 'y': 38.36924079023648, 'z': 0 }, {
+    'x': 117.91074199614286,
+    'y': 38.36855676324696,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红14
+  formData = {}
+  formData['position'] = [{ 'x': 117.91519725620137, 'y': 38.3695889453864, 'z': 0 }, {
+    'x': 117.91557478593037,
+    'y': 38.36976047443697,
+    'z': 0
+  }, { 'x': 117.91486456175582, 'y': 38.37080199063585, 'z': 0 }, {
+    'x': 117.91436788422841,
+    'y': 38.370592226172164,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 红15
+  formData = {}
+  formData['position'] = [{ 'x': 117.91625132928064, 'y': 38.37005681382003, 'z': 0 }, {
+    'x': 117.91722954499555,
+    'y': 38.370519531964476,
+    'z': 0
+  }, { 'x': 117.91648688037142, 'y': 38.371547754013186, 'z': 0 }, {
+    'x': 117.91546649961917,
+    'y': 38.37107641663145,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红1
+  formData = {}
+  formData['position'] = [{ 'x': 117.8639169125132, 'y': 38.33601730727607, 'z': 0 }, {
+    'x': 117.86416094262196,
+    'y': 38.33580896370501,
+    'z': 0
+  }, { 'x': 117.8643615106487, 'y': 38.3359444414587, 'z': 0 }, {
+    'x': 117.86415146516833,
+    'y': 38.336139689798884,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红2
+  formData = {}
+  formData['position'] = [{ 'x': 117.8643993579461, 'y': 38.33630753282721, 'z': 0 }, {
+    'x': 117.86459980183264,
+    'y': 38.33613584833159,
+    'z': 0
+  }, { 'x': 117.86479709091888, 'y': 38.33626718670821, 'z': 0 }, {
+    'x': 117.86460360219132,
+    'y': 38.336437577222924,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红3
+  formData = {}
+  formData['position'] = [{ 'x': 117.86016936632625, 'y': 38.34328204466427, 'z': 0 }, {
+    'x': 117.86132743132538,
+    'y': 38.34406555225892,
+    'z': 0
+  }, { 'x': 117.86102074059033, 'y': 38.34434660991865, 'z': 0 }, {
+    'x': 117.85987510874995,
+    'y': 38.34356102613709,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红4
+  formData = {}
+  formData['position'] = [{ 'x': 117.86270461833485, 'y': 38.34521958548796, 'z': 0 }, {
+    'x': 117.86295397805429,
+    'y': 38.34502185122381,
+    'z': 0
+  }, { 'x': 117.86399218728648, 'y': 38.345680096483996, 'z': 0 }, {
+    'x': 117.86372693997734,
+    'y': 38.34590305722464,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红5
+  formData = {}
+  formData['position'] = [{ 'x': 117.8644783600056, 'y': 38.34642886822679, 'z': 0 }, {
+    'x': 117.86480514045573,
+    'y': 38.34614038967857,
+    'z': 0
+  }, { 'x': 117.8665005295391, 'y': 38.34725086675385, 'z': 0 }, { 'x': 117.866160852321, 'y': 38.3475632602814, 'z': 0 }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红6
+  formData = {}
+  formData['position'] = [{ 'x': 117.86683532698562, 'y': 38.347728615007846, 'z': 0 }, {
+    'x': 117.86977352768857,
+    'y': 38.349702830922205,
+    'z': 0
+  }, { 'x': 117.8695578924931, 'y': 38.3499586228562, 'z': 0 }, {
+    'x': 117.86660110730287,
+    'y': 38.347941659769496,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 75 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西红7
+  formData = {}
+  formData['position'] = [{ 'x': 117.8707453434621, 'y': 38.35059979382141, 'z': 0 }, {
+    'x': 117.87087586547943,
+    'y': 38.350489170842636,
+    'z': 0
+  }, { 'x': 117.87127588007431, 'y': 38.35074024834518, 'z': 0 }, {
+    'x': 117.87112710407044,
+    'y': 38.35086578225843,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(211,0,0,0.4)'
+  formData['stretchHeight'] = 60 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  return varList
+}
+
+/**
+ * 四色图（橙）
+ */
+function initMapDataOrange() {
+  const varList = []
+
+  // 橙1
+  let formData = {}
+  formData['position'] = [{ 'x': 117.907844298949, 'y': 38.3587675690106, 'z': 0 }, {
+    'x': 117.90795396523414,
+    'y': 38.35862466609859,
+    'z': 0
+  }, { 'x': 117.90824139439846, 'y': 38.3587504857502, 'z': 0 }, {
+    'x': 117.90813160195708,
+    'y': 38.35889905098379,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙2
+  formData = {}
+  formData['position'] = [{ 'x': 117.9085962866892, 'y': 38.35982491735114, 'z': 0 }, {
+    'x': 117.90868101105407,
+    'y': 38.35972302971213,
+    'z': 0
+  }, { 'x': 117.9088000505195, 'y': 38.35977156524764, 'z': 0 }, {
+    'x': 117.90871818222621,
+    'y': 38.35988160927061,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙3
+  formData = {}
+  formData['position'] = [{ 'x': 117.90815366784493, 'y': 38.36039433346199, 'z': 0 }, {
+    'x': 117.90822867849563,
+    'y': 38.360279668931646,
+    'z': 0
+  }, { 'x': 117.90839233590515, 'y': 38.36034280827279, 'z': 0 }, {
+    'x': 117.90830840239398,
+    'y': 38.36046186567186,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙4
+  formData = {}
+  formData['position'] = [{ 'x': 117.90776706746435, 'y': 38.36096465349989, 'z': 0 }, {
+    'x': 117.90784762758085,
+    'y': 38.360862891023274,
+    'z': 0
+  }, { 'x': 117.90796327184599, 'y': 38.360910181649515, 'z': 0 }, {
+    'x': 117.90787940666799,
+    'y': 38.36102053145084,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙5
+  formData = {}
+  formData['position'] = [{ 'x': 117.90702267128174, 'y': 38.359900972310975, 'z': 0 }, {
+    'x': 117.90712617411354,
+    'y': 38.35977443757239,
+    'z': 0
+  }, { 'x': 117.90741751353137, 'y': 38.35989092626695, 'z': 0 }, {
+    'x': 117.90730200910154,
+    'y': 38.360043478977225,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙6
+  formData = {}
+  formData['position'] = [{ 'x': 117.90619947377303, 'y': 38.361024175291924, 'z': 0 }, {
+    'x': 117.90631070906977,
+    'y': 38.3608916985753,
+    'z': 0
+  }, { 'x': 117.90660000152653, 'y': 38.361014795381415, 'z': 0 }, {
+    'x': 117.90648194821199,
+    'y': 38.36115162245955,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙7
+  formData = {}
+  formData['position'] = [{ 'x': 117.90540428308417, 'y': 38.36212463853562, 'z': 0 }, {
+    'x': 117.90550702135772,
+    'y': 38.361978811156966,
+    'z': 0
+  }, { 'x': 117.90578784686141, 'y': 38.36209753119061, 'z': 0 }, {
+    'x': 117.90568404039078,
+    'y': 38.36224523502306,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙8
+  formData = {}
+  formData['position'] = [{ 'x': 117.90455998513465, 'y': 38.36324755026289, 'z': 0 }, {
+    'x': 117.90466073327383,
+    'y': 38.36312053946832,
+    'z': 0
+  }, { 'x': 117.90494100030983, 'y': 38.363244770069805, 'z': 0 }, {
+    'x': 117.90483542145289,
+    'y': 38.363381870645206,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙9
+  formData = {}
+  formData['position'] = [{ 'x': 117.90410537703198, 'y': 38.36388676542451, 'z': 0 }, {
+    'x': 117.90426041571376,
+    'y': 38.36369343688687,
+    'z': 0
+  }, { 'x': 117.90453143220097, 'y': 38.363839298685505, 'z': 0 }, {
+    'x': 117.90440691471726,
+    'y': 38.3640459341981,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙10
+  formData = {}
+  formData['position'] = [{ 'x': 117.90578370985551, 'y': 38.36264266397672, 'z': 0 }, {
+    'x': 117.90589297550018,
+    'y': 38.362498365623495,
+    'z': 0
+  }, { 'x': 117.90619223163318, 'y': 38.3626369010878, 'z': 0 }, {
+    'x': 117.90608311020067,
+    'y': 38.36278375786354,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙11
+  formData = {}
+  formData['position'] = [{ 'x': 117.91753522441041, 'y': 38.369844529200954, 'z': 0 }, {
+    'x': 117.91760961376447,
+    'y': 38.36973784463656,
+    'z': 0
+  }, { 'x': 117.91811841310025, 'y': 38.369957657435066, 'z': 0 }, {
+    'x': 117.9180387881698,
+    'y': 38.37007257955329,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙12
+  formData = {}
+  formData['position'] = [{ 'x': 117.91836809777949, 'y': 38.368738658874534, 'z': 0 }, {
+    'x': 117.91843833900796,
+    'y': 38.36863604616953,
+    'z': 0
+  }, { 'x': 117.91893465462319, 'y': 38.36886181181773, 'z': 0 }, {
+    'x': 117.9188748292663,
+    'y': 38.368956506634305,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙13
+  formData = {}
+  formData['position'] = [{ 'x': 117.91918609481068, 'y': 38.367609637261275, 'z': 0 }, {
+    'x': 117.91926031138733,
+    'y': 38.367508206243066,
+    'z': 0
+  }, { 'x': 117.91974093074336, 'y': 38.36772374348505, 'z': 0 }, {
+    'x': 117.91967096909859,
+    'y': 38.3678272678068,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙14
+  formData = {}
+  formData['position'] = [{ 'x': 117.91998140621305, 'y': 38.366512853917314, 'z': 0 }, {
+    'x': 117.9200721947178,
+    'y': 38.366393039854565,
+    'z': 0
+  }, { 'x': 117.92054816619459, 'y': 38.36661064594904, 'z': 0 }, {
+    'x': 117.92045437606762,
+    'y': 38.366724252301296,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙15
+  formData = {}
+  formData['position'] = [{ 'x': 117.92081665947296, 'y': 38.36539322632034, 'z': 0 }, {
+    'x': 117.92090786287267,
+    'y': 38.36528972741719,
+    'z': 0
+  }, { 'x': 117.92136567484222, 'y': 38.36550557189438, 'z': 0 }, {
+    'x': 117.92128110821382,
+    'y': 38.365605823513114,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙16
+  formData = {}
+  formData['position'] = [{ 'x': 117.92121828857603, 'y': 38.364828097901, 'z': 0 }, {
+    'x': 117.92130406177641,
+    'y': 38.36471064209433,
+    'z': 0
+  }, { 'x': 117.92179861101843, 'y': 38.3649384156311, 'z': 0 }, {
+    'x': 117.92169697032773,
+    'y': 38.36505580080119,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙17
+  formData = {}
+  formData['position'] = [{ 'x': 117.92244592826917, 'y': 38.36342513100857, 'z': 0 }, {
+    'x': 117.92261707268716,
+    'y': 38.36320763409272,
+    'z': 0
+  }, { 'x': 117.92291425640254, 'y': 38.363333144126074, 'z': 0 }, {
+    'x': 117.92274514819292,
+    'y': 38.36356798789286,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙18
+  formData = {}
+  formData['position'] = [{ 'x': 117.92452031724474, 'y': 38.36440885911236, 'z': 0 }, {
+    'x': 117.92470842760994,
+    'y': 38.364164251258,
+    'z': 0
+  }, { 'x': 117.92501672272101, 'y': 38.36430022355478, 'z': 0 }, {
+    'x': 117.92483057366078,
+    'y': 38.364547955249776,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙19
+  formData = {}
+  formData['position'] = [{ 'x': 117.91845451429599, 'y': 38.36709791295876, 'z': 0 }, {
+    'x': 117.9186606690437,
+    'y': 38.366810829541066,
+    'z': 0
+  }, { 'x': 117.91932786570973, 'y': 38.36710604505746, 'z': 0 }, {
+    'x': 117.91910686061287,
+    'y': 38.36738705651487,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙20
+  formData = {}
+  formData['position'] = [
+    { 'x': 117.91958658694604, 'y': 38.36599148617097, 'z': 0 },
+    { 'x': 117.91969002525222, 'y': 38.36585285058809, 'z': 0 },
+    { 'x': 117.9199759231144, 'y': 38.365984128796576, 'z': 0 },
+    { 'x': 117.91986837990314, 'y': 38.36611713965488, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙21
+  formData = {}
+  formData['position'] = [{ 'x': 117.90318801004898, 'y': 38.364804088958735, 'z': 0 }, {
+    'x': 117.91729200048255,
+    'y': 38.371209496328646,
+    'z': 0
+  }, { 'x': 117.91786365878276, 'y': 38.37046492540003, 'z': 0 }, {
+    'x': 117.91770289396489,
+    'y': 38.37037464029775,
+    'z': 0
+  }, { 'x': 117.91745324744427, 'y': 38.37071538170691, 'z': 0 }, {
+    'x': 117.91725648738128,
+    'y': 38.370774834241644,
+    'z': 0
+  }, { 'x': 117.9099598550458, 'y': 38.36747464685557, 'z': 0 }, {
+    'x': 117.90993971547692,
+    'y': 38.367319177202305,
+    'z': 0
+  }, { 'x': 117.910218412937, 'y': 38.36695118998983, 'z': 0 }, {
+    'x': 117.91007989318014,
+    'y': 38.366889207188876,
+    'z': 0
+  }, { 'x': 117.90980263407245, 'y': 38.367248328927865, 'z': 0 }, {
+    'x': 117.90962707082262,
+    'y': 38.367329251007845,
+    'z': 0
+  }, { 'x': 117.90407410030545, 'y': 38.36481240239222, 'z': 0 }, {
+    'x': 117.90404556930848,
+    'y': 38.36463979614382,
+    'z': 0
+  }, { 'x': 117.90432199456077, 'y': 38.364270350928564, 'z': 0 }, {
+    'x': 117.90394494438156,
+    'y': 38.36410377370946,
+    'z': 0
+  }, { 'x': 117.90367618755263, 'y': 38.36447301504417, 'z': 0 }, {
+    'x': 117.9035106516246,
+    'y': 38.364535061723885,
+    'z': 0
+  }, { 'x': 117.90343931866886, 'y': 38.364503150021584, 'z': 0 }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙22
+  formData = {}
+  formData['position'] = [{ 'x': 117.87559172004707, 'y': 38.34682127594433, 'z': 0 }, {
+    'x': 117.87566977154088,
+    'y': 38.346748460210634,
+    'z': 0
+  }, { 'x': 117.87571399902247, 'y': 38.34677668912454, 'z': 0 }, {
+    'x': 117.87563539673299,
+    'y': 38.34684810210876,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙23
+  formData = {}
+  formData['position'] = [{ 'x': 117.87437617602177, 'y': 38.34666069441376, 'z': 0 }, {
+    'x': 117.87466296602123,
+    'y': 38.346412547403894,
+    'z': 0
+  }, { 'x': 117.87517767852705, 'y': 38.34674697306628, 'z': 0 }, {
+    'x': 117.87490403844996,
+    'y': 38.34698154544616,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 橙24
+  formData = {}
+  formData['position'] = [{ 'x': 117.85845878664843, 'y': 38.3411812695067, 'z': 0 }, {
+    'x': 117.85767333276203,
+    'y': 38.341867050163,
+    'z': 0
+  }, { 'x': 117.87121263622, 'y': 38.350960300816965, 'z': 0 }, {
+    'x': 117.87206358546692,
+    'y': 38.35018934423934,
+    'z': 0
+  }, { 'x': 117.87184278122723, 'y': 38.350043286756325, 'z': 0 }, {
+    'x': 117.87147746025965,
+    'y': 38.35038722637107,
+    'z': 0
+  }, { 'x': 117.86950395199224, 'y': 38.34908012970331, 'z': 0 }, {
+    'x': 117.86993217244637,
+    'y': 38.34873952681727,
+    'z': 0
+  }, { 'x': 117.86968890065994, 'y': 38.34860937405101, 'z': 0 }, {
+    'x': 117.86931857296894,
+    'y': 38.34895268674602,
+    'z': 0
+  }, { 'x': 117.86735389984138, 'y': 38.34762130097849, 'z': 0 }, {
+    'x': 117.86776484802972,
+    'y': 38.34724418001076,
+    'z': 0
+  }, { 'x': 117.86756568909176, 'y': 38.34709871467147, 'z': 0 }, {
+    'x': 117.86716252415042,
+    'y': 38.34749993207819,
+    'z': 0
+  }, { 'x': 117.86520683449487, 'y': 38.34619472872306, 'z': 0 }, {
+    'x': 117.8655766100177,
+    'y': 38.34584356477454,
+    'z': 0
+  }, { 'x': 117.86536804873053, 'y': 38.34571140303423, 'z': 0 }, {
+    'x': 117.8650133525401,
+    'y': 38.346041723349884,
+    'z': 0
+  }, { 'x': 117.86299714105299, 'y': 38.3447078428044, 'z': 0 }, {
+    'x': 117.86337176697302,
+    'y': 38.344357878121244,
+    'z': 0
+  }, { 'x': 117.86299538951562, 'y': 38.344119165454636, 'z': 0 }, {
+    'x': 117.86263373300359,
+    'y': 38.34443219470845,
+    'z': 0
+  }, { 'x': 117.86043268813577, 'y': 38.34299138832227, 'z': 0 }, {
+    'x': 117.86083158264016,
+    'y': 38.34264714244011,
+    'z': 0
+  }, { 'x': 117.86060832992973, 'y': 38.34252954715649, 'z': 0 }, {
+    'x': 117.86023235193774,
+    'y': 38.34285931317861,
+    'z': 0
+  }, { 'x': 117.85831342536328, 'y': 38.3415310637529, 'z': 0 }, {
+    'x': 117.85865007315385,
+    'y': 38.34123606438763,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(243,151,1,0.44)'
+  formData['stretchHeight'] = 40 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  return varList
+}
+
+/**
+ * 四色图（黄）
+ */
+function initMapDataYellow() {
+  const varList = []
+  // 黄1
+  let formData = {}
+  formData['position'] = [
+    { 'x': 117.90864099549088, 'y': 38.358946661762985, 'z': 0 },
+    { 'x': 117.90896219391294, 'y': 38.35851968060381, 'z': 0 },
+    { 'x': 117.92156807902954, 'y': 38.36423385330932, 'z': 0 },
+    { 'x': 117.92123732910306, 'y': 38.36468757273338, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄2
+  formData = {}
+  formData['position'] = [{ 'x': 117.90891053833933, 'y': 38.359823565043875, 'z': 0 }, {
+    'x': 117.90922528000632,
+    'y': 38.359403558186095,
+    'z': 0
+  }, { 'x': 117.92016786204232, 'y': 38.36437122811609, 'z': 0 }, {
+    'x': 117.91988275331573,
+    'y': 38.36476404418333,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄3
+  formData = {}
+  formData['position'] = [{ 'x': 117.9084748564465, 'y': 38.360375658386026, 'z': 0 }, {
+    'x': 117.90877553517953,
+    'y': 38.35996897619597,
+    'z': 0
+  }, { 'x': 117.919734717287, 'y': 38.3649122787372, 'z': 0 }, { 'x': 117.9194362793756, 'y': 38.36533704334572, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 黄4
+  formData = {}
+  formData['position'] = [{ 'x': 117.90807380552448, 'y': 38.36091785906058, 'z': 0 }, {
+    'x': 117.90837563584437,
+    'y': 38.360502374771734,
+    'z': 0
+  }, { 'x': 117.91933532565342, 'y': 38.365473877653606, 'z': 0 }, {
+    'x': 117.91901564320337,
+    'y': 38.3658911188383,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄5
+  formData = {}
+  formData['position'] = [{ 'x': 117.9076835732294, 'y': 38.36148920775192, 'z': 0 }, {
+    'x': 117.90797101687902,
+    'y': 38.3610924971674,
+    'z': 0
+  }, { 'x': 117.91895006144716, 'y': 38.36604729791776, 'z': 0 }, {
+    'x': 117.91864010877845,
+    'y': 38.36646924382088,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄6
+  formData = {}
+  formData['position'] = [{ 'x': 117.9072835723708, 'y': 38.36206161348918, 'z': 0 }, {
+    'x': 117.90759539100375,
+    'y': 38.36168714559622,
+    'z': 0
+  }, { 'x': 117.91851852489516, 'y': 38.36660917978046, 'z': 0 }, {
+    'x': 117.91820667253407,
+    'y': 38.36702089376941,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄7
+  formData = {}
+  formData['position'] = [{ 'x': 117.90690285908096, 'y': 38.362609925677496, 'z': 0 }, {
+    'x': 117.90719553169717,
+    'y': 38.362213299791236,
+    'z': 0
+  }, { 'x': 117.91768305594694, 'y': 38.36697516926088, 'z': 0 }, {
+    'x': 117.91738146470199,
+    'y': 38.36737189907449,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄8
+  formData = {}
+  formData['position'] = [{ 'x': 117.9064371747969, 'y': 38.36315128277657, 'z': 0 }, {
+    'x': 117.90673265470114,
+    'y': 38.36275185395323,
+    'z': 0
+  }, { 'x': 117.9172954559111, 'y': 38.36752410514777, 'z': 0 }, {
+    'x': 117.91698362450293,
+    'y': 38.36793957205341,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄9
+  formData = {}
+  formData['position'] = [{ 'x': 117.90605611457221, 'y': 38.36368640036425, 'z': 0 }, {
+    'x': 117.9063105245125,
+    'y': 38.363287857945316,
+    'z': 0
+  }, { 'x': 117.91718656779248, 'y': 38.36822809246471, 'z': 0 }, {
+    'x': 117.91689653920623,
+    'y': 38.36863835877828,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄10
+  formData = {}
+  formData['position'] = [{ 'x': 117.90611798462872, 'y': 38.36447974287961, 'z': 0 }, {
+    'x': 117.90640961819044,
+    'y': 38.36407858270742,
+    'z': 0
+  }, { 'x': 117.91685691904293, 'y': 38.36880546800455, 'z': 0 }, {
+    'x': 117.91653632035766,
+    'y': 38.369231463952694,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄11
+  formData = {}
+  formData['position'] = [{ 'x': 117.90814156116994, 'y': 38.35785212472382, 'z': 0 }, {
+    'x': 117.90819812180705,
+    'y': 38.357777044377954,
+    'z': 0
+  }, { 'x': 117.9084802793365, 'y': 38.35790516359833, 'z': 0 }, {
+    'x': 117.90842567906007,
+    'y': 38.357979685026514,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄12
+  formData = {}
+  formData['position'] = [{ 'x': 117.90856283244196, 'y': 38.359280998274784, 'z': 0 }, {
+    'x': 117.90830571833335,
+    'y': 38.3591564987556,
+    'z': 0
+  }, { 'x': 117.90786906633471, 'y': 38.359733112445916, 'z': 0 }, {
+    'x': 117.90813878949693,
+    'y': 38.359857464139644,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄13
+  formData = {}
+  formData['position'] = [{ 'x': 117.90721442415747, 'y': 38.36090820768225, 'z': 0 }, {
+    'x': 117.90768051093268,
+    'y': 38.36026837209728,
+    'z': 0
+  }, { 'x': 117.908102107147, 'y': 38.360460293991174, 'z': 0 }, { 'x': 117.90761845538454, 'y': 38.361098915404, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄14
+  formData = {}
+  formData['position'] = [{ 'x': 117.90705322462107, 'y': 38.36110852756566, 'z': 0 }, {
+    'x': 117.90714449919278,
+    'y': 38.36098496007822,
+    'z': 0
+  }, { 'x': 117.9075530922614, 'y': 38.36116532006147, 'z': 0 }, { 'x': 117.9074655067441, 'y': 38.36129134178092, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄15
+  formData = {}
+  formData['position'] = [{ 'x': 117.9060267687132, 'y': 38.3620622964007, 'z': 0 }, {
+    'x': 117.90657020227864,
+    'y': 38.36133105184314,
+    'z': 0
+  }, { 'x': 117.90734240096033, 'y': 38.36164810145012, 'z': 0 }, {
+    'x': 117.9067737896422,
+    'y': 38.362411253739424,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄16
+  formData = {}
+  formData['position'] = [{ 'x': 117.90530056417273, 'y': 38.36330506371837, 'z': 0 }, {
+    'x': 117.90571784966114,
+    'y': 38.362745080051525,
+    'z': 0
+  }, { 'x': 117.90593940414213, 'y': 38.36285575344303, 'z': 0 }, {
+    'x': 117.90552921352347,
+    'y': 38.36340764652913,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄17
+  formData = {}
+  formData['position'] = [{ 'x': 117.90576365005327, 'y': 38.36332536289572, 'z': 0 }, {
+    'x': 117.90615338423457,
+    'y': 38.36279309970842,
+    'z': 0
+  }, { 'x': 117.90633428931994, 'y': 38.36286987555464, 'z': 0 }, {
+    'x': 117.90595481782017,
+    'y': 38.36340848297254,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄18
+  formData = {}
+  formData['position'] = [{ 'x': 117.90533260137015, 'y': 38.36365587101769, 'z': 0 }, {
+    'x': 117.90571723119868,
+    'y': 38.3638256190717,
+    'z': 0
+  }, { 'x': 117.9056131671914, 'y': 38.36397115234229, 'z': 0 }, { 'x': 117.9052366504932, 'y': 38.36379522824109, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄19
+  formData = {}
+  formData['position'] = [
+    { 'x': 117.90483435500443, 'y': 38.364224589650995, 'z': 0 },
+    { 'x': 117.90502425271819, 'y': 38.36430782865065, 'z': 0 },
+    { 'x': 117.90531105073713, 'y': 38.36392729102655, 'z': 0 },
+    { 'x': 117.9051246922832, 'y': 38.36383674681542, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄20
+  formData = {}
+  formData['position'] = [{ 'x': 117.90515102629894, 'y': 38.36435707826928, 'z': 0 }, {
+    'x': 117.90527073918932,
+    'y': 38.364408758839836,
+    'z': 0
+  }, { 'x': 117.90553055441809, 'y': 38.36404428413086, 'z': 0 }, {
+    'x': 117.90542128703832,
+    'y': 38.36399415449912,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 50 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 黄21
+  formData = {}
+  formData['position'] = [{ 'x': 117.90551592244293, 'y': 38.36450899689649, 'z': 0 }, {
+    'x': 117.90557393820549,
+    'y': 38.36442810543998,
+    'z': 0
+  }, { 'x': 117.90609512899205, 'y': 38.364665426988886, 'z': 0 }, {
+    'x': 117.90603624973237,
+    'y': 38.36474661734747,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄22
+  formData = {}
+  formData['position'] = [{ 'x': 117.90631881661082, 'y': 38.36488043200351, 'z': 0 }, {
+    'x': 117.906370999656,
+    'y': 38.36479925981966,
+    'z': 0
+  }, { 'x': 117.9067515224254, 'y': 38.36497216814198, 'z': 0 }, { 'x': 117.90668458683622, 'y': 38.3650553687038, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄23
+  formData = {}
+  formData['position'] = [{ 'x': 117.90433884290694, 'y': 38.36423708097124, 'z': 0 }, {
+    'x': 117.90440008167022,
+    'y': 38.36415587180558,
+    'z': 0
+  }, { 'x': 117.90446702462692, 'y': 38.364188553075245, 'z': 0 }, {
+    'x': 117.90440835497071,
+    'y': 38.36426961874501,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄24
+  formData = {}
+  formData['position'] = [{ 'x': 117.91049053238274, 'y': 38.366667421228186, 'z': 0 }, {
+    'x': 117.91082866108013,
+    'y': 38.36682136080121,
+    'z': 0
+  }, { 'x': 117.91077198480626, 'y': 38.36689994345437, 'z': 0 }, {
+    'x': 117.91042964809112,
+    'y': 38.366739465520375,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄25
+  formData = {}
+  formData['position'] = [{ 'x': 117.91492283895508, 'y': 38.368787333387985, 'z': 0 }, {
+    'x': 117.9149828813005,
+    'y': 38.36869131807309,
+    'z': 0
+  }, { 'x': 117.91534789725945, 'y': 38.36885315879718, 'z': 0 }, {
+    'x': 117.91528025059357,
+    'y': 38.36895036247976,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄26
+  formData = {}
+  formData['position'] = [{ 'x': 117.91548243536668, 'y': 38.368927497831805, 'z': 0 }, {
+    'x': 117.9158484407971,
+    'y': 38.369096964073314,
+    'z': 0
+  }, { 'x': 117.91578015793372, 'y': 38.36918806703643, 'z': 0 }, {
+    'x': 117.9154169926615,
+    'y': 38.36901955280916,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄27formData = {}
+  formData['position'] = [{ 'x': 117.91697938803391, 'y': 38.369393553548065, 'z': 0 }, {
+    'x': 117.91716626619599,
+    'y': 38.36912169083626,
+    'z': 0
+  }, { 'x': 117.91765873334812, 'y': 38.369338185898656, 'z': 0 }, {
+    'x': 117.91746054207951,
+    'y': 38.36961451748285,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄28
+  formData = {}
+  formData['position'] = [{ 'x': 117.91747111747686, 'y': 38.36843231890185, 'z': 0 }, {
+    'x': 117.91807500720081,
+    'y': 38.36869986661527,
+    'z': 0
+  }, { 'x': 117.91792237563513, 'y': 38.36893601870817, 'z': 0 }, {
+    'x': 117.91729761220158,
+    'y': 38.36864544085299,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄29
+  formData = {}
+  formData['position'] = [{ 'x': 117.9182557132583, 'y': 38.36761158710999, 'z': 0 }, {
+    'x': 117.91838451701551,
+    'y': 38.36744498158318,
+    'z': 0
+  }, { 'x': 117.91886846394908, 'y': 38.367667114489436, 'z': 0 }, {
+    'x': 117.91873871349286,
+    'y': 38.367833269730255,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄30
+  formData = {}
+  formData['position'] = [{ 'x': 117.9188467776949, 'y': 38.366437059585216, 'z': 0 }, {
+    'x': 117.91892192678598,
+    'y': 38.36633490559159,
+    'z': 0
+  }, { 'x': 117.91909428520978, 'y': 38.36641254087342, 'z': 0 }, {
+    'x': 117.91901798759953,
+    'y': 38.366515916951926,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄31
+  formData = {}
+  formData['position'] = [{ 'x': 117.91921493281663, 'y': 38.36661768556532, 'z': 0 }, {
+    'x': 117.9193719675476,
+    'y': 38.36640314920667,
+    'z': 0
+  }, { 'x': 117.91959565372515, 'y': 38.366502874070356, 'z': 0 }, {
+    'x': 117.91943345598375,
+    'y': 38.36672581503257,
+    'z': 0
+  }, { 'x': 117.91938133896124, 'y': 38.36670277247166, 'z': 0 }, {
+    'x': 117.91938595257778,
+    'y': 38.366696439852944,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄32
+  formData = {}
+  formData['position'] = [{ 'x': 117.91999688432847, 'y': 38.36539453256862, 'z': 0 }, {
+    'x': 117.92011883847772,
+    'y': 38.365241564689896,
+    'z': 0
+  }, { 'x': 117.92042993977547, 'y': 38.365381177808736, 'z': 0 }, {
+    'x': 117.92031276802162,
+    'y': 38.365534215420695,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄33
+  formData = {}
+  formData['position'] = [
+    { 'x': 117.920166262726, 'y': 38.3649904002729, 'z': 0 },
+    { 'x': 117.92024919021009, 'y': 38.364889170377005, 'z': 0 },
+    { 'x': 117.92040126945079, 'y': 38.3649607480189, 'z': 0 },
+    { 'x': 117.92033363802686, 'y': 38.36505706481944, 'z': 0 }
+  ]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄34
+  formData = {}
+  formData['position'] = [{ 'x': 117.92019248215534, 'y': 38.364849875580646, 'z': 0 }, {
+    'x': 117.92037376680163,
+    'y': 38.3646056378227,
+    'z': 0
+  }, { 'x': 117.92096825752326, 'y': 38.364877562090314, 'z': 0 }, {
+    'x': 117.9207937819528,
+    'y': 38.36512232705375,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 黄35
+  formData = {}
+  formData['position'] = [{ 'x': 117.92039637539337, 'y': 38.36411063895035, 'z': 0 }, {
+    'x': 117.92060931150193,
+    'y': 38.363841385804214,
+    'z': 0
+  }, { 'x': 117.92149825352342, 'y': 38.36425378829388, 'z': 0 }, {
+    'x': 117.92130274717006,
+    'y': 38.364517972282776,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄1
+  formData = {}
+  formData['position'] = [{ 'x': 117.85784503178103, 'y': 38.3354825819963, 'z': 0 }, {
+    'x': 117.85971409088874,
+    'y': 38.333773739821424,
+    'z': 0
+  }, { 'x': 117.85974359661957, 'y': 38.333410542229934, 'z': 0 }, {
+    'x': 117.86026349272144,
+    'y': 38.33289696809409,
+    'z': 0
+  }, { 'x': 117.86853389985045, 'y': 38.33844549584847, 'z': 0 }, {
+    'x': 117.86835074182889,
+    'y': 38.3386128209762,
+    'z': 0
+  }, { 'x': 117.86778128267538, 'y': 38.33822896088872, 'z': 0 }, {
+    'x': 117.86771042542743,
+    'y': 38.33829391695874,
+    'z': 0
+  }, { 'x': 117.86815858162156, 'y': 38.338596943954364, 'z': 0 }, {
+    'x': 117.86726134323796,
+    'y': 38.33938616033193,
+    'z': 0
+  }, { 'x': 117.86558227971145, 'y': 38.338273254550224, 'z': 0 }, {
+    'x': 117.86408019227486,
+    'y': 38.33965761612982,
+    'z': 0
+  }, { 'x': 117.86187947687814, 'y': 38.338198877028944, 'z': 0 }, {
+    'x': 117.86246707138122,
+    'y': 38.33765484191714,
+    'z': 0
+  }, { 'x': 117.8622703920157, 'y': 38.3375362456134, 'z': 0 }, {
+    'x': 117.86169340375767,
+    'y': 38.338060363334066,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄2
+  formData = {}
+  formData['position'] = [{ 'x': 117.85630132871323, 'y': 38.33630441164299, 'z': 0 }, {
+    'x': 117.85730068827515,
+    'y': 38.33537756804774,
+    'z': 0
+  }, { 'x': 117.85936140336415, 'y': 38.33676035574786, 'z': 0 }, {
+    'x': 117.85832229368553,
+    'y': 38.3376918282541,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄3
+  formData = {}
+  formData['position'] = [{ 'x': 117.85855629355653, 'y': 38.33783470622107, 'z': 0 }, {
+    'x': 117.85958575615048,
+    'y': 38.33688423902323,
+    'z': 0
+  }, { 'x': 117.86157175051618, 'y': 38.3382091085082, 'z': 0 }, {
+    'x': 117.86053728151376,
+    'y': 38.339179537075246,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄4
+  formData = {}
+  formData['position'] = [{ 'x': 117.86087368785878, 'y': 38.33903595754185, 'z': 0 }, {
+    'x': 117.86164215967038,
+    'y': 38.33831953106332,
+    'z': 0
+  }, { 'x': 117.86319173874287, 'y': 38.339338963731336, 'z': 0 }, {
+    'x': 117.86239915470901,
+    'y': 38.34008079817979,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄5
+  formData = {}
+  formData['position'] = [{ 'x': 117.86284865097147, 'y': 38.34033487072985, 'z': 0 }, {
+    'x': 117.86364335671638,
+    'y': 38.33964364872039,
+    'z': 0
+  }, { 'x': 117.86604851748031, 'y': 38.34126293042423, 'z': 0 }, {
+    'x': 117.86529071654833,
+    'y': 38.341959934202215,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄6
+  formData = {}
+  formData['position'] = [{ 'x': 117.86720028810271, 'y': 38.341010581329606, 'z': 0 }, {
+    'x': 117.8693350586832,
+    'y': 38.339017237474145,
+    'z': 0
+  }, { 'x': 117.87339803938839, 'y': 38.3417608632608, 'z': 0 }, {
+    'x': 117.8712267649776,
+    'y': 38.34376646082824,
+    'z': 0
+  }, { 'x': 117.86715040317874, 'y': 38.34104180435669, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄7
+  formData = {}
+  formData['position'] = [{ 'x': 117.87143103264677, 'y': 38.34389878705648, 'z': 0 }, {
+    'x': 117.87359779685013,
+    'y': 38.34190369931054,
+    'z': 0
+  }, { 'x': 117.87552383623014, 'y': 38.34317429307382, 'z': 0 }, {
+    'x': 117.87332107963648,
+    'y': 38.34518875039634,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄8
+  formData = {}
+  formData['position'] = [{ 'x': 117.86677980298691, 'y': 38.34143591512744, 'z': 0 }, {
+    'x': 117.86696297263316,
+    'y': 38.341558362908685,
+    'z': 0
+  }, { 'x': 117.86715578925293, 'y': 38.34138041350478, 'z': 0 }, {
+    'x': 117.8669729872553,
+    'y': 38.34125723484525,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄9
+  formData = {}
+  formData['position'] = [{ 'x': 117.86381084791432, 'y': 38.344090559352985, 'z': 0 }, {
+    'x': 117.86566888478987,
+    'y': 38.345345017019774,
+    'z': 0
+  }, { 'x': 117.86587654547247, 'y': 38.345156709743065, 'z': 0 }, {
+    'x': 117.86590655470535,
+    'y': 38.34517819330554,
+    'z': 0
+  }, { 'x': 117.86882058119967, 'y': 38.34244889983429, 'z': 0 }, {
+    'x': 117.86729329456051,
+    'y': 38.34145893789189,
+    'z': 0
+  }, { 'x': 117.86701654440883, 'y': 38.34169905646433, 'z': 0 }, {
+    'x': 117.86656055907869,
+    'y': 38.34153629382473,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄10
+  formData = {}
+  formData['position'] = [{ 'x': 117.86902915589329, 'y': 38.3425951401954, 'z': 0 }, {
+    'x': 117.87106167842562,
+    'y': 38.34392106132955,
+    'z': 0
+  }, { 'x': 117.87008593217107, 'y': 38.34481415189956, 'z': 0 }, {
+    'x': 117.86986253681219,
+    'y': 38.3446769341973,
+    'z': 0
+  }, { 'x': 117.86917703976755, 'y': 38.34533914493415, 'z': 0 }, {
+    'x': 117.86940205428398,
+    'y': 38.34545857535945,
+    'z': 0
+  }, { 'x': 117.8677574405399, 'y': 38.346918623960846, 'z': 0 }, {
+    'x': 117.86663094162189,
+    'y': 38.346133346892216,
+    'z': 0
+  }, { 'x': 117.86682635826436, 'y': 38.34594327320798, 'z': 0 }, {
+    'x': 117.86645929529269,
+    'y': 38.34568777981497,
+    'z': 0
+  }, { 'x': 117.86614977093319, 'y': 38.34596826395043, 'z': 0 }, {
+    'x': 117.86573836332579,
+    'y': 38.34567770562819,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄11
+  formData = {}
+  formData['position'] = [{ 'x': 117.86823016126982, 'y': 38.346844086523085, 'z': 0 }, {
+    'x': 117.87124314798042,
+    'y': 38.344044139678005,
+    'z': 0
+  }, { 'x': 117.87133737072949, 'y': 38.344110793316965, 'z': 0 }, {
+    'x': 117.87090924004754,
+    'y': 38.34449796476248,
+    'z': 0
+  }, { 'x': 117.8713892196596, 'y': 38.34479753611029, 'z': 0 }, {
+    'x': 117.87180240483774,
+    'y': 38.34441790906957,
+    'z': 0
+  }, { 'x': 117.87321055093422, 'y': 38.345377336362496, 'z': 0 }, {
+    'x': 117.8701872853787,
+    'y': 38.34814595860006,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  // 西黄12
+  formData = {}
+  formData['position'] = [{ 'x': 117.87329673913776, 'y': 38.34551354636448, 'z': 0 }, {
+    'x': 117.87455414890536,
+    'y': 38.34637194801086,
+    'z': 0
+  }, { 'x': 117.8742432525853, 'y': 38.34667602474912, 'z': 0 }, {
+    'x': 117.87486871829977,
+    'y': 38.34709105814816,
+    'z': 0
+  }, { 'x': 117.8720329153131, 'y': 38.349783114529146, 'z': 0 }, {
+    'x': 117.87087813174276,
+    'y': 38.34900063691482,
+    'z': 0
+  }, { 'x': 117.87110362221858, 'y': 38.34877676512501, 'z': 0 }, {
+    'x': 117.87077718209997,
+    'y': 38.34853961199061,
+    'z': 0
+  }, { 'x': 117.87053220594703, 'y': 38.348768904041286, 'z': 0 }, {
+    'x': 117.87012461197376,
+    'y': 38.34851786912223,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄13
+  formData = {}
+  formData['position'] = [{ 'x': 117.86986816218801, 'y': 38.34887037271366, 'z': 0 }, {
+    'x': 117.8699704001193,
+    'y': 38.34878261317456,
+    'z': 0
+  }, { 'x': 117.87180344632868, 'y': 38.350012122686984, 'z': 0 }, {
+    'x': 117.87170930148044,
+    'y': 38.350101965316206,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄14
+  formData = {}
+  formData['position'] = [{ 'x': 117.86768679068417, 'y': 38.347411069440525, 'z': 0 }, {
+    'x': 117.86779922128216,
+    'y': 38.34731524788117,
+    'z': 0
+  }, { 'x': 117.86969340864874, 'y': 38.34857720776515, 'z': 0 }, {
+    'x': 117.86959414139125,
+    'y': 38.34868153267223,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄15
+  formData = {}
+  formData['position'] = [{ 'x': 117.86556165561366, 'y': 38.34597425237283, 'z': 0 }, {
+    'x': 117.8656808526308,
+    'y': 38.34588943367641,
+    'z': 0
+  }, { 'x': 117.86754042158748, 'y': 38.34714172518803, 'z': 0 }, {
+    'x': 117.8674414578807,
+    'y': 38.347223554330526,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄16
+  formData = {}
+  formData['position'] = [{ 'x': 117.86334485634724, 'y': 38.3444811046772, 'z': 0 }, {
+    'x': 117.86345310599866,
+    'y': 38.3443985191053,
+    'z': 0
+  }, { 'x': 117.86534908688802, 'y': 38.34566230062003, 'z': 0 }, {
+    'x': 117.86525260908381,
+    'y': 38.34576113950065,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄17
+  formData = {}
+  formData['position'] = [{ 'x': 117.86073970515645, 'y': 38.342732998467866, 'z': 0 }, {
+    'x': 117.86083749928912,
+    'y': 38.34264388042671,
+    'z': 0
+  }, { 'x': 117.86300339208105, 'y': 38.34409553633558, 'z': 0 }, {
+    'x': 117.8629076446241,
+    'y': 38.34418094999644,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄18
+  formData = {}
+  formData['position'] = [{ 'x': 117.85866014495426, 'y': 38.34133629198991, 'z': 0 }, {
+    'x': 117.8587604752267,
+    'y': 38.34123842265229,
+    'z': 0
+  }, { 'x': 117.86063950213396, 'y': 38.34250007667369, 'z': 0 }, {
+    'x': 117.86053813243167,
+    'y': 38.34259251648632,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄19
+  formData = {}
+  formData['position'] = [
+    {
+      'x': 117.85641267065125,
+      'y': 38.33982139732212,
+      'z': 0
+    }, { 'x': 117.85651141170374, 'y': 38.339735256311435, 'z': 0 }, {
+      'x': 117.85829905642713,
+      'y': 38.340935191450924,
+      'z': 0
+    }, { 'x': 117.85819349948932, 'y': 38.341016633872336, 'z': 0 }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄20
+  formData = {}
+  formData['position'] = [{ 'x': 117.85460945693109, 'y': 38.338623334781744, 'z': 0 }, {
+    'x': 117.85471047776154,
+    'y': 38.33852313015338,
+    'z': 0
+  }, { 'x': 117.85628182941912, 'y': 38.33957107760147, 'z': 0 }, {
+    'x': 117.85617998397184,
+    'y': 38.339662646815114,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄21
+  formData = {}
+  formData['position'] = [{ 'x': 117.87686556028109, 'y': 38.345011632451204, 'z': 0 }, {
+    'x': 117.87711929862877,
+    'y': 38.34477443140795,
+    'z': 0
+  }, { 'x': 117.87724864843435, 'y': 38.344857037886854, 'z': 0 }, {
+    'x': 117.87699836736844,
+    'y': 38.34509699425457,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄22
+  formData = {}
+  formData['position'] = [{ 'x': 117.87565607863336, 'y': 38.345581454642826, 'z': 0 }, {
+    'x': 117.87605197302264,
+    'y': 38.34525171138041,
+    'z': 0
+  }, { 'x': 117.87646319427213, 'y': 38.345525283058386, 'z': 0 }, {
+    'x': 117.8760932898962,
+    'y': 38.34587997998694,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄23
+  formData = {}
+  formData['position'] = [{ 'x': 117.87451304818582, 'y': 38.3446678955116, 'z': 0 }, {
+    'x': 117.87495678769048,
+    'y': 38.34427725160019,
+    'z': 0
+  }, { 'x': 117.87602047945522, 'y': 38.34495687422833, 'z': 0 }, {
+    'x': 117.87555280349967,
+    'y': 38.34537264449862,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄24
+  formData = {}
+  formData['position'] = [{ 'x': 117.87451304818582, 'y': 38.3446678955116, 'z': 0 }, {
+    'x': 117.87495678769048,
+    'y': 38.34427725160019,
+    'z': 0
+  }, { 'x': 117.87602047945522, 'y': 38.34495687422833, 'z': 0 }, {
+    'x': 117.87555280349967,
+    'y': 38.34537264449862,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄25
+  formData = {}
+  formData['position'] = [{ 'x': 117.8738536664782, 'y': 38.34535613686397, 'z': 0 }, {
+    'x': 117.87403920690262,
+    'y': 38.34518273010714,
+    'z': 0
+  }, { 'x': 117.87440250391715, 'y': 38.345432621749325, 'z': 0 }, {
+    'x': 117.8742215520863,
+    'y': 38.34558737174513,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+
+  // 西黄26
+  formData = {}
+  formData['position'] = [{ 'x': 117.874810788369, 'y': 38.34600331628417, 'z': 0 }, {
+    'x': 117.87511909034848,
+    'y': 38.34573191348233,
+    'z': 0
+  }, { 'x': 117.87531723492832, 'y': 38.34586005326149, 'z': 0 }, {
+    'x': 117.87501958643135,
+    'y': 38.346147356439985,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(255,240,0,0.4)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(51,35,108,0.63)' // 边线颜色
+  varList.push(formData)
+  return varList
+}
+
+/**
+ * 四色图（蓝）
+ */
+function initMapDataBlue() {
+  const varList = []
+  // 蓝1
+  let formData = {}
+  formData['position'] = [{ 'x': 117.91325558977526, 'y': 38.36025476920507, 'z': 0 }, {
+    'x': 117.91330548023888,
+    'y': 38.360180508658665,
+    'z': 0
+  }, { 'x': 117.91361976882177, 'y': 38.36032104919778, 'z': 0 }, {
+    'x': 117.91356450300334,
+    'y': 38.36039317839677,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝2
+  formData = {}
+  formData['position'] = [{ 'x': 117.9163331340741, 'y': 38.3616524578054, 'z': 0 }, {
+    'x': 117.91638020643315,
+    'y': 38.36158076026144,
+    'z': 0
+  }, { 'x': 117.91669331346282, 'y': 38.36171793453234, 'z': 0 }, {
+    'x': 117.91663737708285,
+    'y': 38.36178920378701,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝3
+  formData = {}
+  formData['position'] = [{ 'x': 117.91991748439105, 'y': 38.36326035664355, 'z': 0 }, {
+    'x': 117.92005110000643,
+    'y': 38.36311216916623,
+    'z': 0
+  }, { 'x': 117.92062966832223, 'y': 38.36338079531484, 'z': 0 }, {
+    'x': 117.92050791576534,
+    'y': 38.36353291480075,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝4
+  formData = {}
+  formData['position'] = [{ 'x': 117.8619964785429, 'y': 38.3379216766005, 'z': 0 }, {
+    'x': 117.86210431100764,
+    'y': 38.337997330776325,
+    'z': 0
+  }, { 'x': 117.86247947149072, 'y': 38.33765863654268, 'z': 0 }, {
+    'x': 117.86236627636032,
+    'y': 38.337585497925794,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝5
+  formData = {}
+  formData['position'] = [{ 'x': 117.86351394053803, 'y': 38.338974117724064, 'z': 0 }, {
+    'x': 117.86355383390844,
+    'y': 38.33894182547879,
+    'z': 0
+  }, { 'x': 117.86359862603842, 'y': 38.33897274926188, 'z': 0 }, {
+    'x': 117.86356171534156,
+    'y': 38.339003969947726,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝6
+  formData = {}
+  formData['position'] = [{ 'x': 117.86379454709076, 'y': 38.339334944388106, 'z': 0 }, {
+    'x': 117.86386450226023,
+    'y': 38.33927487687052,
+    'z': 0
+  }, { 'x': 117.86407902198971, 'y': 38.33941715019149, 'z': 0 }, {
+    'x': 117.8640076535366,
+    'y': 38.33947732280894,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝7
+  formData = {}
+  formData['position'] = [{ 'x': 117.86786157758233, 'y': 38.33835713703668, 'z': 0 }, {
+    'x': 117.86792545406873,
+    'y': 38.33830502874804,
+    'z': 0
+  }, { 'x': 117.86815165606308, 'y': 38.338458423834595, 'z': 0 }, {
+    'x': 117.86809197150913,
+    'y': 38.33851131679826,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝8
+  formData = {}
+  formData['position'] = [{ 'x': 117.86326168508282, 'y': 38.34384819710376, 'z': 0 }, {
+    'x': 117.86351500294757,
+    'y': 38.343626665073046,
+    'z': 0
+  }, { 'x': 117.863675449368, 'y': 38.34373387387099, 'z': 0 }, {
+    'x': 117.86342330824836,
+    'y': 38.343962264640325,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝9
+  formData = {}
+  formData['position'] = [{ 'x': 117.86654165792993, 'y': 38.34112013526752, 'z': 0 }, {
+    'x': 117.86673073703736,
+    'y': 38.340946889585595,
+    'z': 0
+  }, { 'x': 117.86677703831937, 'y': 38.340979287693344, 'z': 0 }, {
+    'x': 117.86658104186392,
+    'y': 38.34115754481654,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝10
+  formData = {}
+  formData['position'] = [{ 'x': 117.86679874320464, 'y': 38.341289785656755, 'z': 0 }, {
+    'x': 117.86689972800217,
+    'y': 38.341199089453255,
+    'z': 0
+  }, { 'x': 117.86697817618207, 'y': 38.341251041307295, 'z': 0 }, {
+    'x': 117.86687988828969,
+    'y': 38.3413440714021,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝11
+  formData = {}
+  formData['position'] = [{ 'x': 117.86744992045574, 'y': 38.34151166785958, 'z': 0 }, {
+    'x': 117.86751356759315,
+    'y': 38.341447778921854,
+    'z': 0
+  }, { 'x': 117.86761874204421, 'y': 38.341517539273845, 'z': 0 }, {
+    'x': 117.86755533231957,
+    'y': 38.34158232978242,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝12
+  formData = {}
+  formData['position'] = [{ 'x': 117.86406827922303, 'y': 38.344745703147936, 'z': 0 }, {
+    'x': 117.86435127501124,
+    'y': 38.34448712658407,
+    'z': 0
+  }, { 'x': 117.86487673471588, 'y': 38.34483626549515, 'z': 0 }, {
+    'x': 117.86457177802315,
+    'y': 38.34507220176251,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝13
+  formData = {}
+  formData['position'] = [{ 'x': 117.8660050759492, 'y': 38.34532117240705, 'z': 0 }, {
+    'x': 117.86609933671562,
+    'y': 38.34523845164009,
+    'z': 0
+  }, { 'x': 117.86618275364624, 'y': 38.345292547832365, 'z': 0 }, {
+    'x': 117.86609718344356,
+    'y': 38.3453765943684,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝14
+  formData = {}
+  formData['position'] = [{ 'x': 117.86626862576797, 'y': 38.345894012958965, 'z': 0 }, {
+    'x': 117.8664155103434,
+    'y': 38.34576604606121,
+    'z': 0
+  }, { 'x': 117.86675334936689, 'y': 38.34598039391437, 'z': 0 }, {
+    'x': 117.86660613976164,
+    'y': 38.34611524626997,
+    'z': 0
+  }]
+
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝15
+  formData = {}
+  formData['position'] = [{ 'x': 117.8692060125208, 'y': 38.34527607600632, 'z': 0 }, {
+    'x': 117.86959900839078,
+    'y': 38.34492709520245,
+    'z': 0
+  }, { 'x': 117.86977338319149, 'y': 38.34503509190617, 'z': 0 }, {
+    'x': 117.86938864542438,
+    'y': 38.34538622153931,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝16
+  formData = {}
+  formData['position'] = [{ 'x': 117.87208511069284, 'y': 38.34297540135686, 'z': 0 }, {
+    'x': 117.87244876296154,
+    'y': 38.34263541314112,
+    'z': 0
+  }, { 'x': 117.87259859339771, 'y': 38.34273867195722, 'z': 0 }, {
+    'x': 117.8722341153162,
+    'y': 38.343069085270756,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝17
+  formData = {}
+  formData['position'] = [{ 'x': 117.87092492963195, 'y': 38.344492271055195, 'z': 0 }, {
+    'x': 117.87129206164201,
+    'y': 38.34414107657493,
+    'z': 0
+  }, { 'x': 117.87172997077454, 'y': 38.3444581514693, 'z': 0 }, {
+    'x': 117.87136340318025,
+    'y': 38.344797673045676,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝18
+  formData = {}
+  formData['position'] = [{ 'x': 117.8684397021557, 'y': 38.347322573568285, 'z': 0 }, {
+    'x': 117.86859056820357,
+    'y': 38.34718897325597,
+    'z': 0
+  }, { 'x': 117.86896611219784, 'y': 38.34743655809938, 'z': 0 }, {
+    'x': 117.86881797811809,
+    'y': 38.3475788365311,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝19
+  formData = {}
+  formData['position'] = [{ 'x': 117.87030622431402, 'y': 38.34823524938049, 'z': 0 }, {
+    'x': 117.87039389019344,
+    'y': 38.3481539566366,
+    'z': 0
+  }, { 'x': 117.87046446716435, 'y': 38.34820176429665, 'z': 0 }, { 'x': 117.8703763898383, 'y': 38.348282859139, 'z': 0 }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝20
+  formData = {}
+  formData['position'] = [{ 'x': 117.87060947013003, 'y': 38.348779923419706, 'z': 0 }, {
+    'x': 117.87073031979975,
+    'y': 38.34868107053377,
+    'z': 0
+  }, { 'x': 117.87095088162536, 'y': 38.34882682040834, 'z': 0 }, {
+    'x': 117.87084430818292,
+    'y': 38.34893165534583,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝21
+  formData = {}
+  formData['position'] = [{ 'x': 117.87500893732442, 'y': 38.34613646271862, 'z': 0 }, {
+    'x': 117.87516884316283,
+    'y': 38.34599135490143,
+    'z': 0
+  }, { 'x': 117.87552884942481, 'y': 38.34623938833904, 'z': 0 }, {
+    'x': 117.8753772841502,
+    'y': 38.34637557067298,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+
+  // 蓝22
+  formData = {}
+  formData['position'] = [{ 'x': 117.8761320906241, 'y': 38.34606114586739, 'z': 0 }, {
+    'x': 117.87648775826842,
+    'y': 38.345737181798455,
+    'z': 0
+  }, { 'x': 117.87663943536609, 'y': 38.345844705404026, 'z': 0 }, {
+    'x': 117.87629137895262,
+    'y': 38.34616438137758,
+    'z': 0
+  }]
+  formData['color'] = 'rgba(31,15,221,0.44)'
+  formData['stretchHeight'] = 35 // 拉伸高度
+  formData['strokeColor'] = 'rgba(150,221,15,0.5)' // 边线颜色
+  varList.push(formData)
+  return varList
+}
+
+/**
+ * 沧州矿石外墙标注点
+ */
+function initWallData() {
+  const varList = []
+  // 东区
+  let formData = {}
+  formData['position'] = [
+    { 'x': 117.92535294644314, 'y': 38.364284982261594, 'z': 0 },
+    { 'x': 117.9248491434382, 'y': 38.3648413920849, 'z': 0 },
+    { 'x': 117.92285911706301, 'y': 38.36396961169537, 'z': 0 },
+    { 'x': 117.91697357437154, 'y': 38.3721035472611, 'z': 0 },
+    { 'x': 117.90236646616391, 'y': 38.36533439173905, 'z': 0 },
+    { 'x': 117.90855340915424, 'y': 38.35718494637525, 'z': 0 },
+    { 'x': 117.92223545394332, 'y': 38.363410215763295, 'z': 0 },
+    { 'x': 117.92261603249077, 'y': 38.36303647919584, 'z': 0 },
+    { 'x': 117.92535294644314, 'y': 38.364284982261594, 'z': 0 }
+  ]
+  formData['type'] = 'wall'
+  formData['color'] = 'rgba(201,118,243,0)'
+  formData['stretchHeight'] = 20 // 拉伸高度
+  formData['strokeColor'] = 'rgba(201,118,243,1)' // 边线颜色
+  varList.push(formData)
+
+  // 西区
+  formData = {}
+  formData['position'] = [{ 'x': 117.85243532889035, 'y': 38.33917876665945, 'z': 0 },
+    { 'x': 117.86003819810276, 'y': 38.332304146559, 'z': 0 }, { 'x': 117.87826028277252, 'y': 38.34439147684976, 'z': 0 },
+    { 'x': 117.87748121539931, 'y': 38.34506254355439, 'z': 0 }, { 'x': 117.87779296951499, 'y': 38.345239954268, 'z': 0 },
+    { 'x': 117.87527303683862, 'y': 38.34745071393718, 'z': 0 }, { 'x': 117.87944330422428, 'y': 38.349420320982766, 'z': 0 },
+    { 'x': 117.8769027964796, 'y': 38.35277636593639, 'z': 0 }, { 'x': 117.87206291446817, 'y': 38.350448063776966, 'z': 0 },
+    { 'x': 117.87099326709574, 'y': 38.35134213583073, 'z': 0 }, { 'x': 117.85243532889035, 'y': 38.33917876665945, 'z': 0 }]
+  formData['type'] = 'wall'
+  formData['color'] = 'rgba(201,118,243,0)'
+  formData['stretchHeight'] = 20 // 拉伸高度
+  formData['strokeColor'] = 'rgba(201,118,243,1)' // 边线颜色
+  varList.push(formData)
+  return varList
+}
diff --git a/src/views/safetyenvironmental/inspection/components/edit.vue b/src/views/safetyenvironmental/inspection/components/edit.vue
index 4e36afc..0f550ff 100644
--- a/src/views/safetyenvironmental/inspection/components/edit.vue
+++ b/src/views/safetyenvironmental/inspection/components/edit.vue
@@ -531,8 +531,8 @@ export default {
     this.getDict()
     await this.getDictTreeData()
     await this.getDictInspectDept()
+    await this.handleEdit(this.$parent.INSPECTION_ID)
     await this.getHiddenReginTreeList()
-    this.handleEdit(this.$parent.INSPECTION_ID)
     loading.close()
   },
   mounted() {
@@ -547,36 +547,39 @@ export default {
 
     // 修改
     handleEdit(ID) {
-      requestFN(
-        '/safetyenvironmental/goEdit',
-        {
-          INSPECTION_ID: ID
-        }
-      ).then((data) => {
-        this.form = Object.assign(this.form, data.pd) // copy obj
-        if (this.form.INSPECTION_TYPE_OTHER) {
-          this.switchInspectionType = 'value'
-        } else {
-          this.switchInspectionType = 'select'
-        }
-        for (let i = 0; i < this.form.inspectorList.length; i++) {
-          this.INSPECTOR_List.push([])
-          this.getInspectorList(this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID, i)
-        }
-        for (let i = 0; i < this.form.hiddenList.length; i++) {
-          const formData = { fileHdImgList: [], fileVideoList: [] }
-          this.hdFile.push(formData)
-        }
-        this.$nextTick(() => { // 此处使用这个可以等节点渲染后再获取节点
-          if (this.switchInspectionType === 'select') {
-            this.$refs['tree_InspectionType'].handleNodeClick({ id: this.form.INSPECTION_TYPE })
+      return new Promise((resolve) => {
+        requestFN(
+          '/safetyenvironmental/goEdit',
+          {
+            INSPECTION_ID: ID
           }
-          this.$refs['deptTree_Inspected'].handleNodeClick({ id: this.form.INSPECTED_DEPARTMENT_ID })
-          this.getUserList(this.form.INSPECTED_DEPARTMENT_ID)
-          console.info(this.form)
+        ).then((data) => {
+          this.form = Object.assign(this.form, data.pd) // copy obj
+          if (this.form.INSPECTION_TYPE_OTHER) {
+            this.switchInspectionType = 'value'
+          } else {
+            this.switchInspectionType = 'select'
+          }
+          for (let i = 0; i < this.form.inspectorList.length; i++) {
+            this.INSPECTOR_List.push([])
+            this.getInspectorList(this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID, i)
+          }
+          for (let i = 0; i < this.form.hiddenList.length; i++) {
+            const formData = { fileHdImgList: [], fileVideoList: [] }
+            this.hdFile.push(formData)
+          }
+          this.$nextTick(() => { // 此处使用这个可以等节点渲染后再获取节点
+            if (this.switchInspectionType === 'select') {
+              this.$refs['tree_InspectionType'].handleNodeClick({ id: this.form.INSPECTION_TYPE })
+            }
+            this.$refs['deptTree_Inspected'].handleNodeClick({ id: this.form.INSPECTED_DEPARTMENT_ID })
+            this.getUserList(this.form.INSPECTED_DEPARTMENT_ID)
+            console.info(this.form)
+            resolve()
+          })
+        }).catch((e) => {
+          this.listLoading = false
         })
-      }).catch((e) => {
-        this.listLoading = false
       })
     },
     changeSwitch(type) {
@@ -1080,8 +1083,11 @@ export default {
       return new Promise((resolve) => {
         this.treeLoading = true
         requestFN(
-          '/hiddenRegion/listAll',
-          {}
+          '/hiddenRegion/gerRegionList',
+          {
+            parentId: '0',
+            DEPARTMENT_ID: this.form.INSPECTED_DEPARTMENT_ID
+          }
         ).then((data) => {
           this.treeLoading = false
           this.hiddenPartList = JSON.parse(data.zTreeNodes)
diff --git a/src/views/security_commitment/promise_book_issued/components/add.vue b/src/views/security_commitment/promise_book_issued/components/add.vue
index ad55ba3..a9e0c71 100644
--- a/src/views/security_commitment/promise_book_issued/components/add.vue
+++ b/src/views/security_commitment/promise_book_issued/components/add.vue
@@ -3,7 +3,10 @@
     <el-form ref="form" :rules="rules" :model="form" label-width="120px">
       <el-row>
         <el-col :span="24">
-          <el-form-item label="承诺书名称" prop="PROMISE_NAME">
+          <el-form-item v-if="form.TYPE!='1'" label="承诺书名称" prop="PROMISE_NAME">
+            <el-input v-model="form.PROMISE_NAME" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item v-if="form.TYPE =='1'" label="责任状名称" prop="PROMISE_NAME">
             <el-input v-model="form.PROMISE_NAME" placeholder="请输入"/>
           </el-form-item>
         </el-col>
@@ -43,9 +46,10 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-divider content-position="left">承诺人</el-divider>
+          <el-divider v-if="form.TYPE!='1'" content-position="left">承诺人</el-divider>
+          <el-divider v-if="form.TYPE=='1'" content-position="left">受状人</el-divider>
         </el-col>
-        <el-col v-if="form.DISTRIBUTIONOBJECT" :span="24">
+        <el-col v-if="form.DISTRIBUTIONOBJECT&&form.TYPE!='1'" :span="24">
           <el-form-item style="text-align: right">
             <el-button type="primary" @click="addPeople">添加</el-button>
           </el-form-item>
@@ -137,7 +141,10 @@
               }"
             >
               <div style="display:flex;justify-content: space-between;align-items: flex-start;">
-                <el-select v-model="item.USER_ID" multiple style="width: calc(100% - 60px);">
+                <el-select v-if="form.TYPE!='1'" v-model="item.USER_ID" multiple style="width: calc(100% - 60px);">
+                  <el-option v-for="item in item.userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
+                </el-select>
+                <el-select v-if="form.TYPE=='1'" v-model="item.USER_ID" style="width: calc(100% - 60px);">
                   <el-option v-for="item in item.userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
                 </el-select>
                 <el-button v-if="index !== 0" type="danger" @click="removePeople(index)">删除</el-button>
@@ -148,7 +155,8 @@
       </el-row>
       <el-row>
         <el-col :span="24">
-          <el-divider content-position="left">被承诺人</el-divider>
+          <el-divider v-if="form.TYPE!='1'" content-position="left">被承诺人</el-divider>
+          <el-divider v-if="form.TYPE=='1'" content-position="left">发状人</el-divider>
         </el-col>
         <!--        <el-col :span="24">-->
         <!--          <el-form-item style="text-align: right">-->
@@ -188,7 +196,10 @@
               }"
             >
               <div style="display:flex;justify-content: space-between;align-items: flex-start;">
-                <el-select v-model="item.USER_ID" :multiple-limit="1" multiple style="width: 100%;">
+                <el-select v-if="form.TYPE!='1'" v-model="item.USER_ID" :multiple-limit="1" multiple style="width: 100%;">
+                  <el-option v-for="item in item.userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
+                </el-select>
+                <el-select v-if="form.TYPE=='1'" v-model="item.USER_ID" style="width: 100%;">
                   <el-option v-for="item in item.userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
                 </el-select>
                 <!--                <el-button v-if="index !== 0" type="danger" @click="removeCoverPeople(index)">删除</el-button>-->
@@ -649,6 +660,21 @@ export default {
         this.form.TYPE = row.TYPE
         this.dialog.visible = false
         this.isSelectTemplate = true
+        if (this.form.TYPE == '1') {
+          this.form.people = [
+            {
+              treeData: [],
+              postList: [],
+              userList: [],
+              CORPINFO_ID: '',
+              DEPARTMENT_ID: null,
+              POST_ID: '',
+              USER_ID: [],
+              id: Math.random()
+            }
+          ]
+          this.$forceUpdate()
+        }
       }).catch((e) => {
       })
     },
diff --git a/src/views/security_commitment/promise_book_issued/components/list.vue b/src/views/security_commitment/promise_book_issued/components/list.vue
index 72630ce..11cc357 100644
--- a/src/views/security_commitment/promise_book_issued/components/list.vue
+++ b/src/views/security_commitment/promise_book_issued/components/list.vue
@@ -86,7 +86,8 @@
       <el-table-column prop="POSTNAME" label="涉及岗位" />
       <el-table-column label="承诺人数/涉及人数">
         <template slot-scope="{row}">
-          {{ row.ISSIGN }}/{{ row.PEOPLENUM_INVOLVED }}
+          <span v-if="row.TYPE!='1'">{{ row.ISSIGN }}/{{ row.PEOPLENUM_INVOLVED }}</span>
+          <span v-if="row.TYPE=='1'">{{ row.ISSIGN }}/2</span>
         </template>
       </el-table-column>
       <el-table-column label="状态" width="80">
diff --git a/src/views/system/appment/index.vue b/src/views/system/appment/index.vue
new file mode 100644
index 0000000..6a57dcf
--- /dev/null
+++ b/src/views/system/appment/index.vue
@@ -0,0 +1,301 @@
+<template>
+	<div class="app-container">
+		<div class="filter-container">
+			<el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+			<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+				搜索
+			</el-button>
+		</div>
+		<el-table
+				v-loading="listLoading"
+				ref="multipleTable"
+				:data="varList"
+				:row-key="getRowKey"
+				:header-cell-style="{
+					'font-weight': 'bold',
+					'color': '#000'
+				  }"
+				tooltip-effect="dark"
+				border
+				fit
+				highlight-current-row
+		>
+			<el-table-column
+					:reserve-selection="true"
+					type="selection"
+					width="55"
+					align="center"/>
+			<el-table-column type="index" label="序号" width="50" align="center" />
+								<el-table-column prop="MENU_NAME" label="菜单名称" />
+					<el-table-column prop="MENU_URL" label="菜单地址" />
+					<el-table-column prop="PARENT_ID" label="父节点id" />
+					<el-table-column prop="MENU_ORDER" label="排序" />
+					<el-table-column prop="CORPINFO_ID" label="企业id" />
+					<el-table-column prop="IS_DELETE" label="删除状态" />
+			<el-table-column label="操作" align="center" width="200">
+				<template slot-scope="{row}">
+					<el-button v-show="edit" type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.APPMENUS_ID)">编辑</el-button>
+					<el-button v-show="del" type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.APPMENUS_ID)">删除</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<div class="page-btn-group">
+			<div>
+				<el-button v-show="add" type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
+				<el-button v-show="del" type="danger" icon="el-icon-delete" plain @click="batchDel">删除</el-button>
+			</div>
+			<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+		</div>
+
+		<el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='edit'?'修改':'新增'" width="600px">
+			<el-form ref="form" :rules="rules" :model="form" label-width="110px" style="width: 500px;">
+								<el-form-item label="菜单名称" prop="MENU_NAME">
+									<el-input ref="MENU_NAME" id="MENU_NAME" v-model="form.MENU_NAME" maxlength="255" placeholder="这里输入菜单名称..." title="菜单名称"/>
+								</el-form-item>
+								<el-form-item label="菜单地址" prop="MENU_URL">
+									<el-input ref="MENU_URL" id="MENU_URL" v-model="form.MENU_URL" maxlength="255" placeholder="这里输入菜单地址..." title="菜单地址"/>
+								</el-form-item>
+								<el-form-item label="父节点id" prop="PARENT_ID">
+									<el-input ref="PARENT_ID" id="PARENT_ID" v-model="form.PARENT_ID" maxlength="255" placeholder="这里输入父节点id..." title="父节点id"/>
+								</el-form-item>
+							<el-form-item label="排序" prop="MENU_ORDER">
+								<el-input ref="MENU_ORDER" id="MENU_ORDER"  v-model.number="form.MENU_ORDER" maxlength="11" placeholder="这里输入排序..." title="排序"/>
+							</el-form-item>
+								<el-form-item label="企业id" prop="CORPINFO_ID">
+									<el-input ref="CORPINFO_ID" id="CORPINFO_ID" v-model="form.CORPINFO_ID" maxlength="255" placeholder="这里输入企业id..." title="企业id"/>
+								</el-form-item>
+							<el-form-item label="删除状态" prop="IS_DELETE">
+								<el-input ref="IS_DELETE" id="IS_DELETE"  v-model.number="form.IS_DELETE" maxlength="2" placeholder="这里输入删除状态..." title="删除状态"/>
+							</el-form-item>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click="dialogFormEdit = false">取 消</el-button>
+				<el-button type="primary" @click="confirm">确 定</el-button>
+			</div>
+		</el-dialog>
+	</div>
+</template>
+<script>
+	import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+	import { requestFN } from '@/utils/request'
+	import waves from '@/directive/waves' // waves directive
+	export default {
+		components: { Pagination },
+		directives: { waves },
+		data() {
+			return {
+				listLoading: true,
+				add: false,
+				del: false,
+				edit: false,
+				listQuery: {
+					page: 1,
+					limit: 10
+				},
+				total: 0,
+				KEYWORDS: '',
+				varList: [],
+				pd: [],
+				form: {
+			MENU_NAME: '',//菜单名称
+			MENU_URL: '',//菜单地址
+			PARENT_ID: '',//父节点id
+			MENU_ORDER: '',//排序
+			CORPINFO_ID: '',//企业id
+			IS_DELETE: '',//删除状态
+		},
+			multipleSelectionAll: [], // 所有选中的数据包含跨页数据
+					multipleSelection: [], // 当前页选中的数据
+					dialogFormEdit: false,
+					dialogType: 'add',
+					rules: {
+				MENU_NAME: [{ required: true, message: '菜单名称不能为空', trigger: 'blur' }],
+				MENU_URL: [{ required: true, message: '菜单地址不能为空', trigger: 'blur' }],
+				PARENT_ID: [{ required: true, message: '父节点id不能为空', trigger: 'blur' }],
+				MENU_ORDER: [
+					{ required: true, message: '排序不能为空', trigger: 'change' },
+					{ type: 'number', message: '排序必须为数字' }
+				],
+				CORPINFO_ID: [{ required: true, message: '企业id不能为空', trigger: 'blur' }],
+				IS_DELETE: [
+					{ required: true, message: '删除状态不能为空', trigger: 'change' },
+					{ type: 'number', message: '删除状态必须为数字' }
+				],
+			}
+		}
+		},
+		created() {
+			this.getList(this.ROLE_ID)
+		},
+		methods: {
+			getRowKey(row) {
+				return row.APPMENUS_ID
+			},
+			//搜索
+			getQuery() {
+				this.$refs.multipleTable.clearSelection()
+				this.getList()
+			},
+			//获取列表
+			getList() {
+				this.listLoading = true
+				requestFN(
+						'/appmenus/list?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+						{
+							KEYWORDS: this.KEYWORDS
+						}
+				).then((data) => {
+					this.listLoading = false
+					this.varList = data.varList
+					this.total = data.page.totalResult
+					this.hasButton()
+					this.pd = data.pd
+				}).catch((e) => {
+					this.listLoading = false
+				})
+			},
+			//添加
+			handleAdd() {
+				this.dialogType = 'add'
+				this.resetForm()
+				this.getDict()
+				this.dialogFormEdit = true
+			},
+			//修改
+			handleEdit(ID) {
+				this.getDict()
+				this.dialogType = 'edit'
+				requestFN(
+						'/appmenus/goEdit',
+						{
+							APPMENUS_ID:ID
+						}
+				).then((data) => {
+					this.form = Object.assign({}, data.pd) // copy obj
+				}).catch((e) => {
+					this.listLoading = false
+				})
+				this.dialogFormEdit = true
+			},
+			//保存
+			confirm() {
+				this.$refs.form.validate(valid => {
+					if (valid) {
+						this.listLoading = true
+						requestFN(
+								'/appmenus/' + this.dialogType,
+								this.form
+						).then((data) => {
+							this.listLoading = false
+							this.dialogFormEdit = false
+							this.getList()
+						}).catch((e) => {
+							this.listLoading = false
+						})
+					} else {
+						return false
+					}
+				})
+			},
+
+			handleDelete(id) {
+				this.$confirm('确定要删除吗?', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true
+					requestFN(
+					'/appmenus/delete',
+				{
+					APPMENUS_ID: id
+				}
+			).then(() => {
+					this.$message({
+						message: '删除成功',
+						type: 'success'
+					})
+					this.listLoading = false
+					this.varList = []
+					this.listQuery.page = 1
+					this.getList()
+				}).catch((e) => {
+					this.listLoading = false
+				})
+			}).catch(() => {
+				})
+			},
+
+			batchDel() {
+				const _selectData = this.$refs.multipleTable.selection
+				if (_selectData == null || _selectData.length == 0) {
+					this.$message({
+						message: '请选中要删除的项...',
+						type: 'error'
+					})
+					return false
+				}
+				const ids = _selectData.map((item, index) => {
+					return item.APPMENUS_ID
+				}).join(',')
+
+				this.$confirm('确定要删除选中的数据吗?', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true
+					requestFN(
+					'/appmenus/deleteAll',
+				{
+					DATA_IDS: ids
+				}
+			).then(() => {
+					this.$message({
+						message: '删除成功',
+						type: 'success'
+					})
+					this.listLoading = false
+					this.varList = []
+					this.listQuery.page = 1
+					this.$refs.multipleTable.clearSelection()
+					this.getList()
+				}).catch((e) => {
+					this.listLoading = false
+				})
+			}).catch(() => {
+				})
+			},
+			// 判断按钮权限，用于是否显示按钮
+			hasButton: function() {
+				var keys = 'appmenus:add,appmenus:del,appmenus:edit,toExcel';
+				requestFN(
+						'/head/hasButton',
+						{
+							keys: keys
+						}
+				).then((data) => {
+					this.add = data.appmenusfhadminadd;		//新增权限
+				this.del = data.appmenusfhadmindel;		//删除权限
+				this.edit = data.appmenusfhadminedit;	//修改权限
+			}).catch((e) => {
+					this.listLoading = false
+				})
+			},
+			//获取数据字典数据
+			getDict: function (){
+			},
+			resetForm() {
+				this.form = {
+				MENU_NAME: '',//菜单名称
+				MENU_URL: '',//菜单地址
+				PARENT_ID: '',//父节点id
+				MENU_ORDER: '',//排序
+				CORPINFO_ID: '',//企业id
+				IS_DELETE: '',//删除状态
+			}
+			}
+		}
+	}
+
+</script>
diff --git a/static/config.js b/static/config.js
index 486543a..c002a23 100644
--- a/static/config.js
+++ b/static/config.js
@@ -1,6 +1,7 @@
+// eslint-disable-next-line no-unused-vars
 const config = {
   weburl: 'http://192.168.0.45:8082/', // 前台地址
-  httpurl: 'http://192.168.151.56:8092/', // 后台地址
+  httpurl: 'http://192.168.151.43:8092/', // 后台地址
   qyurl: 'http://192.168.0.45:8080/', // 企业前台
   fileUrl: 'http://192.168.192.201:8991/file/', // 附件服务器地址
   publicKey: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC2zCyUYSD0pNrbtaYdvGfHfWoRV+fo/2N9O2PLLz/jZvMkigkq4eAq4JO+Ek0wDHI9WxP6iTSLYCHhIOs9CQTPvyldJFm8riZtQZlBTD8Plkb3rjrgwTqbBi3w3+HKYdkSvGFXJIdSOPbpXnj5BzN8vlVaybs24R/vpUzG9178lwIDAQAB',