首页

zpzgiser

2021-07-13 e9cc2a95249cd4a1a86d5ce331f0bb7efbff97a6

首页

 package-lock.json

@@ -994,6 +994,36 @@
        "postcss": "^7.0.0"
      }
    },
    "@mapbox/jsonlint-lines-primitives": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz",
      "integrity": "sha1-zlblOfg1UrWNENZy6k1vya3HsjQ="
    },
    "@mapbox/mapbox-gl-style-spec": {
      "version": "13.20.1",
      "resolved": "https://registry.npmjs.org/@mapbox/mapbox-gl-style-spec/-/mapbox-gl-style-spec-13.20.1.tgz",
      "integrity": "sha512-xVCJ3IbKoPwcPrxxtGAxUqHEVxXi1hnJtLIFqgkuZfnzj0KeRbk3dZlDr/KNo1/doJjIoFgPFUO/HMOT+wXGPA==",
      "requires": {
        "@mapbox/jsonlint-lines-primitives": "~2.0.2",
        "@mapbox/point-geometry": "^0.1.0",
        "@mapbox/unitbezier": "^0.0.0",
        "csscolorparser": "~1.0.2",
        "json-stringify-pretty-compact": "^2.0.0",
        "minimist": "^1.2.5",
        "rw": "^1.3.3",
        "sort-object": "^0.3.2"
      }
    },
    "@mapbox/point-geometry": {
      "version": "0.1.0",
      "resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz",
      "integrity": "sha1-ioP5M1x4YO/6Lu7KJUMyqgru2PI="
    },
    "@mapbox/unitbezier": {
      "version": "0.0.0",
      "resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-0.0.0.tgz",
      "integrity": "sha1-FWUb1VOme4WB+zmIEMmK2Go0Uk4="
    },
    "@mrmlnc/readdir-enhanced": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
@@ -3721,6 +3751,11 @@
      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
      "dev": true
    },
    "csscolorparser": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/csscolorparser/-/csscolorparser-1.0.3.tgz",
      "integrity": "sha1-s085HupNqPPpgjHizNjfnAQfFxs="
    },
    "cssesc": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -4358,6 +4393,15 @@
      "requires": {
        "jsbn": "~0.1.0",
        "safer-buffer": "^2.1.0"
      }
    },
    "echarts": {
      "version": "5.1.2",
      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.1.2.tgz",
      "integrity": "sha512-okUhO4sw22vwZp+rTPNjd/bvTdpug4K4sHNHyrV8NdAncIX9/AarlolFqtJCAYKGFYhUBNjIWu1EznFrSWTFxg==",
      "requires": {
        "tslib": "2.0.3",
        "zrender": "5.1.1"
      }
    },
    "ee-first": {
@@ -6077,8 +6121,7 @@
    "ieee754": {
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
      "dev": true
      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
    },
    "iferr": {
      "version": "0.1.5",
@@ -6840,6 +6883,11 @@
      "dev": true,
      "optional": true
    },
    "json-stringify-pretty-compact": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-2.0.0.tgz",
      "integrity": "sha512-WRitRfs6BGq4q8gTgOy4ek7iPFXjbra0H3PmDLKm2xnZ+Gh1HUhiKGgCZkSPNULlP7mvfu6FV/mOLhCarspADQ=="
    },
    "json-stringify-safe": {
      "version": "5.0.1",
      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -7180,6 +7228,11 @@
      "requires": {
        "object-visit": "^1.0.0"
      }
    },
    "mapbox-to-css-font": {
      "version": "2.4.0",
      "resolved": "https://registry.npmjs.org/mapbox-to-css-font/-/mapbox-to-css-font-2.4.0.tgz",
      "integrity": "sha512-v674D0WtpxCXlA6E+sBlG1QJWdUkz/s9qAD91bJSXBGuBL5lL4tJXpoJEftecphCh2SVQCjWMS2vhylc3AIQTg=="
    },
    "md5.js": {
      "version": "1.3.5",
@@ -8009,6 +8062,26 @@
      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
      "dev": true
    },
    "ol": {
      "version": "6.5.0",
      "resolved": "https://registry.npmjs.org/ol/-/ol-6.5.0.tgz",
      "integrity": "sha512-a5ebahrjF5yCPFle1rc0aHzKp/9A4LlUnjh+S3I+x4EgcvcddDhpOX3WDOs0Pg9/wEElrikHSGEvbeej2Hh4Ug==",
      "requires": {
        "ol-mapbox-style": "^6.1.1",
        "pbf": "3.2.1",
        "rbush": "^3.0.1"
      }
    },
    "ol-mapbox-style": {
      "version": "6.3.2",
      "resolved": "https://registry.npmjs.org/ol-mapbox-style/-/ol-mapbox-style-6.3.2.tgz",
      "integrity": "sha512-itWZuwZHilztRM9983WmJ+ounaXIS0PdXF8h5xJd7cJhSv02M27w4RQkhiUw35/VLlUdTT/ei3KYi0w2TGDw2A==",
      "requires": {
        "@mapbox/mapbox-gl-style-spec": "^13.14.0",
        "mapbox-to-css-font": "^2.4.0",
        "webfont-matcher": "^1.1.0"
      }
    },
    "on-finished": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
@@ -8343,6 +8416,15 @@
      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
      "dev": true
    },
    "pbf": {
      "version": "3.2.1",
      "resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
      "integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
      "requires": {
        "ieee754": "^1.1.12",
        "resolve-protobuf-schema": "^2.1.0"
      }
    },
    "pbkdf2": {
      "version": "3.1.2",
@@ -9207,6 +9289,11 @@
      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
      "dev": true
    },
    "protocol-buffers-schema": {
      "version": "3.5.1",
      "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.5.1.tgz",
      "integrity": "sha512-YVCvdhxWNDP8/nJDyXLuM+UFsuPk4+1PB7WGPVDzm3HTHbzFLxQYeW2iZpS4mmnXrQJGBzt230t/BbEb7PrQaw=="
    },
    "proxy-addr": {
      "version": "2.0.7",
      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -9333,6 +9420,11 @@
      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
      "dev": true
    },
    "quickselect": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
      "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
    },
    "randombytes": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -9374,6 +9466,14 @@
      "version": "0.5.1",
      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
      "integrity": "sha1-DD0L6u2KAclm2Xh793goElKpeao="
    },
    "rbush": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
      "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
      "requires": {
        "quickselect": "^2.0.0"
      }
    },
    "read-pkg": {
      "version": "5.2.0",
@@ -9823,6 +9923,14 @@
      "dev": true,
      "optional": true
    },
    "resolve-protobuf-schema": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
      "integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
      "requires": {
        "protocol-buffers-schema": "^3.3.1"
      }
    },
    "resolve-url": {
      "version": "0.2.1",
      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -9896,6 +10004,11 @@
      "requires": {
        "aproba": "^1.1.1"
      }
    },
    "rw": {
      "version": "1.3.3",
      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
      "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
    },
    "rx-lite": {
      "version": "4.0.8",
@@ -10557,6 +10670,16 @@
        }
      }
    },
    "sort-asc": {
      "version": "0.1.0",
      "resolved": "https://registry.npmjs.org/sort-asc/-/sort-asc-0.1.0.tgz",
      "integrity": "sha1-q3md9h/HPqCVbHnEtTHtHp53J+k="
    },
    "sort-desc": {
      "version": "0.1.1",
      "resolved": "https://registry.npmjs.org/sort-desc/-/sort-desc-0.1.1.tgz",
      "integrity": "sha1-GYuMDN6wlcRjNBhh45JdTuNZqe4="
    },
    "sort-keys": {
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
@@ -10564,6 +10687,15 @@
      "dev": true,
      "requires": {
        "is-plain-obj": "^1.0.0"
      }
    },
    "sort-object": {
      "version": "0.3.2",
      "resolved": "https://registry.npmjs.org/sort-object/-/sort-object-0.3.2.tgz",
      "integrity": "sha1-mODRme3kDgfGGoRAPGHWw7KQ+eI=",
      "requires": {
        "sort-asc": "^0.1.0",
        "sort-desc": "^0.1.1"
      }
    },
    "source-list-map": {
@@ -11451,6 +11583,11 @@
      "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==",
      "dev": true
    },
    "tslib": {
      "version": "2.0.3",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
      "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ=="
    },
    "tty-browserify": {
      "version": "0.0.0",
      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
@@ -12095,6 +12232,11 @@
      "requires": {
        "defaults": "^1.0.3"
      }
    },
    "webfont-matcher": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/webfont-matcher/-/webfont-matcher-1.1.0.tgz",
      "integrity": "sha1-mM6VCXsp4x++czBT4Q5XFkLRxsc="
    },
    "webpack": {
      "version": "4.46.0",
@@ -12857,6 +12999,14 @@
          "dev": true
        }
      }
    },
    "zrender": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.1.1.tgz",
      "integrity": "sha512-oeWlmUZPQdS9f5hK4pV21tHPqA3wgQ7CkKkw7l0CCBgWlJ/FP+lRgLFtUBW6yam4JX8y9CdHJo1o587VVrbcoQ==",
      "requires": {
        "tslib": "2.0.3"
      }
    }
  }
}

 package.json

@@ -16,6 +16,7 @@
    "babel-polyfill": "^6.26.0",
    "classlist-polyfill": "^1.2.0",
    "crypto-js": "^4.0.0",
    "echarts": "^5.1.2",
    "element-ui": "^2.15.1",
    "js-base64": "^2.5.1",
    "js-cookie": "^2.2.0",
@@ -23,6 +24,7 @@
    "mockjs": "^1.0.1-beta3",
    "node-gyp": "^5.0.6",
    "nprogress": "^0.2.0",
    "ol": "^6.5.0",
    "portfinder": "^1.0.23",
    "script-loader": "^0.7.2",
    "vue": "^2.6.10",

 public/img/bajgxt/backimg.png

 public/img/bajgxt/bottomimg.png

 public/img/bajgxt/car.png

 public/img/bajgxt/gun.png

 public/img/bajgxt/icon1.png

 public/img/bajgxt/icon2.png

 public/img/bajgxt/icon3.png

 public/img/bajgxt/left1.png

 public/img/bajgxt/leftbottom.png

 public/img/bajgxt/lefttop.png

 public/img/bajgxt/linkimg.png

 public/img/bajgxt/mapimg.png

 public/img/bajgxt/peo.png

 public/img/bajgxt/rightImg.png

 public/img/bajgxt/rightbottom.png

 public/img/bajgxt/righttop.png

 public/img/bajgxt/table.png

 public/img/bajgxt/tabletitle.png

 public/img/bajgxt/title1.png

 public/img/bajgxt/title2.png

 public/img/bajgxt/title2_3.png

 public/nc.json

New file
@@ -0,0 +1 @@
{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":360100,"name":"南昌市","center":[115.892151,28.676493],"centroid":[116.023468,28.647424],"childrenNum":9,"level":"city","acroutes":[100000,360000],"parent":{"adcode":360000}},"geometry":{"type":"MultiPolygon","coordinates":[[[[115.759941,28.89309],[115.757056,28.895082],[115.755648,28.897737],[115.75487,28.904896],[115.750814,28.910861],[115.742915,28.916431],[115.740537,28.918827],[115.738363,28.928465],[115.734182,28.930418],[115.729585,28.93114],[115.726802,28.929966],[115.726306,28.920866],[115.723726,28.917826],[115.719647,28.916816],[115.714486,28.91849],[115.708041,28.921607],[115.700649,28.920751],[115.69488,28.922982],[115.683128,28.924531],[115.678677,28.923011],[115.67702,28.923656],[115.674372,28.927773],[115.666361,28.928937],[115.663882,28.93339],[115.664626,28.936632],[115.671646,28.940989],[115.674091,28.941672],[115.678384,28.940729],[115.681877,28.943114],[115.682857,28.946865],[115.680694,28.948442],[115.682542,28.951664],[115.681077,28.954963],[115.678046,28.954049],[115.675905,28.949356],[115.675263,28.946173],[115.671623,28.944201],[115.668434,28.943855],[115.666338,28.947587],[115.660919,28.948779],[115.656885,28.945461],[115.65249,28.947817],[115.647318,28.945884],[115.645808,28.94271],[115.644355,28.941951],[115.643465,28.944067],[115.638462,28.947385],[115.635431,28.948654],[115.629121,28.947808],[115.624952,28.949298],[115.622946,28.951241],[115.621808,28.958213],[115.622923,28.959156],[115.619284,28.962867],[115.613267,28.965156],[115.604388,28.965839],[115.598371,28.965608],[115.593931,28.966752],[115.588455,28.969041],[115.576973,28.969512],[115.571226,28.971118],[115.566787,28.97456],[115.559744,28.981223],[115.55322,28.98949],[115.550358,28.99225],[115.542527,29.000988],[115.531327,29.009715],[115.525321,29.015011],[115.521152,29.016856],[115.512814,29.018471],[115.508126,29.018029],[115.499799,29.014828],[115.483618,29.010292],[115.479156,29.00761],[115.475551,29.006188],[115.473973,29.004169],[115.47297,28.999892],[115.476091,28.994009],[115.472441,28.993595],[115.472351,28.991202],[115.468688,28.992192],[115.46808,28.988731],[115.463438,28.983943],[115.465398,28.979415],[115.469117,28.973444],[115.471134,28.971214],[115.472046,28.966387],[115.479123,28.964492],[115.479855,28.960992],[115.482199,28.956396],[115.48532,28.951866],[115.4887,28.948423],[115.490514,28.945375],[115.491821,28.940845],[115.498199,28.935333],[115.499303,28.928975],[115.505354,28.924425],[115.506256,28.921799],[115.503867,28.916527],[115.504081,28.913747],[115.50745,28.910159],[115.512532,28.902067],[115.513118,28.899546],[115.512149,28.896621],[115.519304,28.895409],[115.522594,28.892282],[115.523326,28.886797],[115.521377,28.883063],[115.524769,28.876442],[115.526335,28.870869],[115.530403,28.863227],[115.530313,28.860359],[115.528284,28.857539],[115.522256,28.852321],[115.51874,28.847903],[115.517828,28.842493],[115.514842,28.841867],[115.514335,28.838719],[115.51047,28.837766],[115.507675,28.833212],[115.505805,28.832721],[115.495461,28.84334],[115.493771,28.844148],[115.491619,28.837448],[115.487348,28.829428],[115.489681,28.823073],[115.484903,28.818721],[115.48212,28.810872],[115.48479,28.804786],[115.484272,28.801752],[115.481624,28.797062],[115.477286,28.79684],[115.467945,28.79502],[115.465691,28.79319],[115.466863,28.789183],[115.466469,28.78745],[115.459866,28.787295],[115.45857,28.785176],[115.464148,28.783336],[115.461432,28.779214],[115.459697,28.77406],[115.457499,28.771998],[115.453736,28.766093],[115.451663,28.766266],[115.450953,28.768222],[115.453015,28.771131],[115.453184,28.773212],[115.451133,28.774002],[115.44711,28.771719],[115.442953,28.774176],[115.440102,28.771208],[115.440902,28.767249],[115.442378,28.766469],[115.444868,28.760601],[115.438705,28.759975],[115.44195,28.754984],[115.445736,28.745984],[115.448339,28.741744],[115.449127,28.737784],[115.44693,28.735037],[115.453161,28.732339],[115.460181,28.733303],[115.461669,28.728098],[115.463686,28.724908],[115.467246,28.722634],[115.469804,28.722826],[115.473398,28.7246],[115.474728,28.730238],[115.477038,28.731558],[115.483393,28.729024],[115.489061,28.734777],[115.494605,28.735269],[115.497929,28.734835],[115.505794,28.732204],[115.511732,28.731423],[115.514808,28.73178],[115.518177,28.733958],[115.521005,28.738661],[115.52665,28.73948],[115.532882,28.734488],[115.535597,28.733013],[115.540803,28.732628],[115.545772,28.733409],[115.55091,28.732917],[115.553513,28.731375],[115.559496,28.729419],[115.560184,28.728224],[115.557446,28.726836],[115.556634,28.724118],[115.554719,28.721824],[115.553919,28.71899],[115.549198,28.715077],[115.546076,28.708214],[115.546076,28.706778],[115.548544,28.70512],[115.54966,28.699586],[115.553153,28.696415],[115.554291,28.693686],[115.554505,28.686571],[115.553705,28.683679],[115.548206,28.676245],[115.546899,28.673275],[115.544161,28.658395],[115.543733,28.649319],[115.539766,28.64278],[115.541761,28.638189],[115.545626,28.635198],[115.547068,28.632353],[115.54202,28.631668],[115.542989,28.628388],[115.541727,28.627201],[115.547057,28.62121],[115.542617,28.617535],[115.541975,28.615952],[115.53873,28.614428],[115.537468,28.611533],[115.53509,28.610983],[115.532431,28.612846],[115.529963,28.612151],[115.529163,28.609517],[115.525693,28.607732],[115.524487,28.6042],[115.528251,28.602203],[115.524859,28.602184],[115.525163,28.596674],[115.523405,28.595603],[115.52149,28.596684],[115.527665,28.59099],[115.528904,28.585904],[115.527552,28.582507],[115.553468,28.58022],[115.556668,28.582025],[115.556578,28.583578],[115.561558,28.586493],[115.562606,28.584206],[115.566111,28.584698],[115.569232,28.586396],[115.571384,28.589388],[115.573097,28.590179],[115.58086,28.586039],[115.582787,28.583048],[115.582336,28.579428],[115.583677,28.576649],[115.586922,28.575075],[115.587306,28.573541],[115.5853,28.570095],[115.582111,28.56829],[115.566325,28.565655],[115.563158,28.563802],[115.563012,28.559033],[115.566753,28.552478],[115.569412,28.542351],[115.569547,28.538962],[115.568252,28.533034],[115.568635,28.530272],[115.57064,28.525512],[115.573074,28.517729],[115.572409,28.514551],[115.570708,28.515131],[115.567666,28.513383],[115.562358,28.514735],[115.559068,28.510853],[115.558933,28.507752],[115.56015,28.503078],[115.567801,28.497891],[115.567936,28.495776],[115.566054,28.494375],[115.553705,28.488667],[115.55331,28.486918],[115.550392,28.484107],[115.545738,28.481325],[115.545783,28.475065],[115.546955,28.473307],[115.549378,28.465481],[115.54984,28.461452],[115.54913,28.457471],[115.551147,28.453838],[115.548781,28.449586],[115.54291,28.444677],[115.54184,28.442783],[115.549119,28.438251],[115.553412,28.4305],[115.554291,28.423415],[115.553862,28.41662],[115.551012,28.409737],[115.547969,28.40792],[115.544273,28.408113],[115.538741,28.407504],[115.535935,28.404894],[115.532882,28.398977],[115.531608,28.392654],[115.534944,28.39046],[115.540656,28.393312],[115.545637,28.390102],[115.552702,28.387163],[115.557085,28.387627],[115.55935,28.389048],[115.563868,28.395188],[115.56593,28.399132],[115.567801,28.399992],[115.571947,28.397585],[115.576545,28.396773],[115.583407,28.397469],[115.588331,28.399132],[115.58966,28.401955],[115.587959,28.403966],[115.589221,28.40559],[115.58992,28.409157],[115.59392,28.413217],[115.597841,28.416001],[115.598506,28.417325],[115.61232,28.416939],[115.614101,28.417954],[115.618123,28.418012],[115.619554,28.416987],[115.619239,28.414464],[115.616703,28.409186],[115.617819,28.40357],[115.622112,28.398011],[115.627171,28.396705],[115.63294,28.396657],[115.638845,28.397237],[115.64307,28.396386],[115.648265,28.39278],[115.650868,28.386776],[115.653403,28.384591],[115.654575,28.381274],[115.65231,28.375598],[115.64991,28.37289],[115.647634,28.372088],[115.638552,28.366111],[115.633955,28.357736],[115.632535,28.35613],[115.631509,28.350792],[115.630338,28.348383],[115.621988,28.345559],[115.624219,28.342579],[115.625999,28.342744],[115.629538,28.340355],[115.629019,28.338178],[115.630574,28.336601],[115.635521,28.337559],[115.644231,28.335924],[115.648873,28.334473],[115.651916,28.335025],[115.65702,28.338904],[115.658935,28.34226],[115.658981,28.34464],[115.663521,28.34611],[115.669978,28.346255],[115.671071,28.345481],[115.671217,28.341912],[115.669471,28.339378],[115.672536,28.337404],[115.675082,28.340732],[115.678136,28.338971],[115.682778,28.339697],[115.679116,28.342328],[115.680761,28.345539],[115.68226,28.345539],[115.685111,28.348983],[115.690666,28.349302],[115.694294,28.354718],[115.692886,28.35791],[115.689314,28.358307],[115.691556,28.360763],[115.690981,28.362156],[115.682632,28.362813],[115.681685,28.365483],[115.678451,28.365096],[115.675139,28.361933],[115.672987,28.356633],[115.669978,28.355502],[115.670496,28.357088],[115.668288,28.363181],[115.669313,28.367446],[115.673223,28.367185],[115.675251,28.370937],[115.674203,28.375018],[115.681246,28.374263],[115.683815,28.368423],[115.687015,28.367533],[115.68679,28.365966],[115.68413,28.365405],[115.686869,28.363229],[115.68946,28.364516],[115.692322,28.36761],[115.696063,28.367397],[115.701337,28.364902],[115.70421,28.365309],[115.706531,28.367562],[115.711703,28.365579],[115.715816,28.362533],[115.720041,28.361866],[115.721675,28.360135],[115.727016,28.350434],[115.728571,28.350018],[115.732819,28.352349],[115.745969,28.362494],[115.750712,28.365473],[115.757304,28.36849],[115.764234,28.364651],[115.768482,28.361605],[115.772527,28.360502],[115.777643,28.362165],[115.779705,28.365995],[115.784257,28.36968],[115.785226,28.371295],[115.790736,28.376265],[115.801407,28.380442],[115.80206,28.385645],[115.800697,28.392935],[115.800573,28.3986],[115.80277,28.399867],[115.807435,28.400254],[115.814229,28.402941],[115.820123,28.401597],[115.824111,28.399751],[115.829678,28.395632],[115.836067,28.392345],[115.842027,28.385915],[115.847909,28.381574],[115.851515,28.375724],[115.855368,28.366092],[115.855188,28.36175],[115.857532,28.355444],[115.861532,28.348267],[115.863188,28.34315],[115.863504,28.336156],[115.862783,28.331029],[115.85858,28.319962],[115.858625,28.316701],[115.859898,28.312724],[115.866186,28.308835],[115.872056,28.303232],[115.877645,28.293681],[115.879358,28.286887],[115.881735,28.286955],[115.886941,28.291562],[115.895268,28.303668],[115.902457,28.30987],[115.903449,28.314389],[115.906513,28.31644],[115.908057,28.315995],[115.90959,28.312831],[115.91013,28.30719],[115.911922,28.303813],[115.916519,28.30271],[115.920181,28.305951],[115.917263,28.308351],[115.922097,28.314921],[115.92337,28.315608],[115.929759,28.315182],[115.931032,28.313827],[115.931303,28.310228],[115.935156,28.306396],[115.937782,28.307625],[115.940261,28.307325],[115.942627,28.30538],[115.94923,28.304045],[115.951788,28.300997],[115.954109,28.299932],[115.95767,28.300648],[115.957929,28.297262],[115.960002,28.292752],[115.957456,28.288232],[115.954898,28.288213],[115.949703,28.281312],[115.950841,28.279386],[115.953309,28.278506],[115.957523,28.278544],[115.962222,28.276705],[115.966121,28.275979],[115.968622,28.276463],[115.973862,28.278844],[115.978707,28.284293],[115.979957,28.291068],[115.984758,28.291949],[115.994572,28.287778],[115.996611,28.281738],[116.000488,28.279677],[116.006617,28.279038],[116.007891,28.283335],[116.016589,28.283171],[116.021119,28.283935],[116.030336,28.288465],[116.038393,28.294939],[116.04432,28.295984],[116.063103,28.291929],[116.068771,28.291978],[116.073492,28.289016],[116.081909,28.277547],[116.083622,28.275834],[116.092952,28.271837],[116.096208,28.268294],[116.098113,28.264461],[116.098541,28.253415],[116.101166,28.249494],[116.104377,28.247858],[116.111352,28.246086],[116.113843,28.243453],[116.116006,28.237179],[116.117403,28.235939],[116.130395,28.230314],[116.142362,28.229113],[116.14999,28.226188],[116.155815,28.223119],[116.160796,28.216863],[116.164266,28.20866],[116.164672,28.2031],[116.163016,28.195739],[116.163985,28.192688],[116.167726,28.188794],[116.176041,28.183214],[116.181991,28.180569],[116.192526,28.179164],[116.204583,28.179833],[116.209022,28.178438],[116.212346,28.174824],[116.21762,28.166763],[116.221969,28.164341],[116.224144,28.162064],[116.225496,28.158556],[116.22829,28.157839],[116.2298,28.160252],[116.230048,28.168498],[116.232876,28.1737],[116.233226,28.188823],[116.235851,28.195003],[116.24002,28.198877],[116.244189,28.201841],[116.257981,28.210025],[116.264224,28.212757],[116.274376,28.218209],[116.287638,28.222518],[116.29494,28.225239],[116.297272,28.224542],[116.301667,28.221318],[116.30685,28.219245],[116.31049,28.219691],[116.312867,28.225637],[116.311887,28.234816],[116.313228,28.240306],[116.314817,28.243056],[116.323155,28.246241],[116.330163,28.245534],[116.333792,28.243685],[116.340778,28.237934],[116.344395,28.235852],[116.35217,28.232618],[116.356282,28.226644],[116.357522,28.219071],[116.35724,28.214713],[116.359257,28.207604],[116.36133,28.206452],[116.364215,28.20649],[116.366942,28.207856],[116.37057,28.211033],[116.376238,28.221453],[116.37608,28.233209],[116.380531,28.237324],[116.385737,28.24051],[116.3959,28.244808],[116.401613,28.244557],[116.412272,28.247703],[116.427056,28.248758],[116.432757,28.248487],[116.444938,28.249088],[116.451023,28.247994],[116.459947,28.248042],[116.463846,28.249843],[116.466978,28.252341],[116.468803,28.255303],[116.473063,28.268333],[116.476815,28.282977],[116.477626,28.2871],[116.480274,28.29372],[116.483654,28.296671],[116.489908,28.300745],[116.496658,28.303658],[116.498742,28.306164],[116.502438,28.312541],[116.505356,28.321684],[116.505413,28.326966],[116.502438,28.343276],[116.502472,28.348083],[116.50512,28.353335],[116.507216,28.355608],[116.511159,28.362446],[116.512207,28.365415],[116.517988,28.373616],[116.520591,28.378122],[116.523746,28.380597],[116.528703,28.386031],[116.536388,28.392954],[116.543442,28.397682],[116.551724,28.402554],[116.554946,28.403889],[116.557268,28.403453],[116.559825,28.407059],[116.556513,28.409099],[116.559566,28.411796],[116.557786,28.415189],[116.560851,28.417896],[116.55907,28.419926],[116.560096,28.422178],[116.562642,28.4224],[116.563938,28.426914],[116.564197,28.431427],[116.561144,28.433699],[116.56369,28.434588],[116.565482,28.43684],[116.564456,28.43797],[116.565482,28.440232],[116.564468,28.444068],[116.56218,28.443392],[116.559623,28.444986],[116.558338,28.451171],[116.559656,28.458428],[116.559037,28.468186],[116.556997,28.472331],[116.552636,28.478562],[116.551408,28.4843],[116.55222,28.487962],[116.554068,28.492076],[116.55489,28.496887],[116.554135,28.499417],[116.551059,28.503802],[116.539216,28.513547],[116.536152,28.518617],[116.532298,28.523243],[116.523036,28.531132],[116.513266,28.540623],[116.509402,28.544794],[116.497706,28.552691],[116.493649,28.557575],[116.489074,28.56219],[116.484466,28.569574],[116.479057,28.575809],[116.473953,28.583656],[116.465784,28.600698],[116.463508,28.608292],[116.46273,28.615132],[116.456071,28.622696],[116.454865,28.625523],[116.451226,28.627616],[116.445445,28.633144],[116.443124,28.635999],[116.442414,28.640243],[116.442932,28.643281],[116.447586,28.649908],[116.449096,28.652782],[116.448296,28.656389],[116.447856,28.66501],[116.447034,28.666669],[116.441828,28.667267],[116.440341,28.670478],[116.440521,28.672619],[116.444003,28.678347],[116.444127,28.682049],[116.442459,28.685134],[116.446752,28.690823],[116.447383,28.695653],[116.446493,28.701187],[116.435315,28.713169],[116.429693,28.717429],[116.421974,28.721082],[116.418166,28.72166],[116.412295,28.724031],[116.406098,28.724465],[116.392193,28.727819],[116.388892,28.730103],[116.386537,28.736174],[116.382176,28.739913],[116.379922,28.744047],[116.380497,28.75008],[116.377319,28.751727],[116.370097,28.751718],[116.372328,28.747064],[116.370345,28.744828],[116.366209,28.743508],[116.363178,28.741195],[116.360102,28.742737],[116.35813,28.746177],[116.35813,28.753269],[116.353172,28.754107],[116.344969,28.751544],[116.33964,28.75034],[116.326377,28.742602],[116.320112,28.738468],[116.317566,28.737427],[116.322287,28.743787],[116.324067,28.75032],[116.323966,28.753587],[116.320529,28.765438],[116.316957,28.771257],[116.307763,28.777335],[116.304664,28.782595],[116.301757,28.785783],[116.296146,28.788114],[116.287086,28.787883],[116.282342,28.791437],[116.280303,28.794365],[116.279886,28.796821],[116.274252,28.800096],[116.270139,28.79919],[116.253947,28.798574],[116.249012,28.799739],[116.246409,28.80182],[116.244606,28.805268],[116.242308,28.811701],[116.241553,28.816525],[116.24002,28.820666],[116.240043,28.824565],[116.245823,28.831883],[116.246353,28.833712],[116.245891,28.841289],[116.244336,28.844505],[116.238127,28.851426],[116.237891,28.855094],[116.240009,28.860821],[116.243153,28.864248],[116.25024,28.869031],[116.259908,28.871283],[116.27086,28.869406],[116.27894,28.866394],[116.283897,28.866365],[116.293577,28.867934],[116.302478,28.868511],[116.324236,28.87239],[116.326738,28.875383],[116.330885,28.877866],[116.337431,28.879031],[116.342062,28.877654],[116.346152,28.881167],[116.346355,28.884093],[116.344395,28.886681],[116.344451,28.888327],[116.347876,28.893629],[116.34862,28.896198],[116.352102,28.900181],[116.355234,28.901971],[116.358615,28.902231],[116.358705,28.910274],[116.362344,28.918326],[116.366953,28.927167],[116.373455,28.936584],[116.375753,28.939325],[116.382232,28.944538],[116.386345,28.946327],[116.398075,28.950443],[116.404261,28.953924],[116.40683,28.964108],[116.40736,28.972781],[116.407055,28.980098],[116.40834,28.989683],[116.408047,28.993643],[116.406808,28.997162],[116.408137,29.000276],[116.407247,29.00614],[116.404216,29.011368],[116.402379,29.016289],[116.407247,29.024775],[116.409771,29.030907],[116.407224,29.038988],[116.404576,29.045483],[116.400509,29.050249],[116.400497,29.053016],[116.394909,29.052103],[116.37315,29.049653],[116.36035,29.059434],[116.341544,29.073468],[116.318118,29.091439],[116.290996,29.108878],[116.286128,29.109003],[116.276134,29.105498],[116.272168,29.103059],[116.268213,29.098632],[116.264303,29.091641],[116.262015,29.082536],[116.262263,29.077531],[116.265317,29.066446],[116.268844,29.059549],[116.272111,29.050172],[116.273903,29.046223],[116.275773,29.032992],[116.277666,29.027649],[116.27823,29.023574],[116.277801,29.018865],[116.274725,29.006976],[116.272539,29.002977],[116.2705,29.001151],[116.265418,29.002074],[116.260708,28.999594],[116.255615,29.000949],[116.253283,29.00092],[116.249902,28.999411],[116.246139,28.994509],[116.242882,28.991711],[116.238984,28.990288],[116.236899,28.991971],[116.234499,29.004361],[116.234792,29.006688],[116.237834,29.012233],[116.237834,29.014233],[116.236077,29.016741],[116.236031,29.025727],[116.22971,29.032867],[116.224696,29.035413],[116.217248,29.036807],[116.205135,29.036864],[116.197529,29.037672],[116.18767,29.039747],[116.183151,29.041332],[116.175241,29.045483],[116.171827,29.047991],[116.165607,29.054342],[116.163624,29.058473],[116.153246,29.074064],[116.150959,29.076629],[116.143285,29.082949],[116.142305,29.084514],[116.144063,29.090527],[116.147917,29.093024],[116.150035,29.095761],[116.149753,29.097806],[116.155196,29.103347],[116.170745,29.116051],[116.173528,29.118077],[116.132502,29.122388],[116.111972,29.117751],[116.092772,29.119488],[116.091217,29.115187],[116.086169,29.112777],[116.074563,29.115244],[116.072681,29.1151],[116.064703,29.116493],[116.059452,29.113939],[116.048985,29.105921],[116.042629,29.102713],[116.04379,29.106007],[116.043238,29.108552],[116.03899,29.108158],[116.038381,29.104624],[116.039441,29.102003],[116.036094,29.099343],[116.033288,29.095953],[116.027891,29.095453],[116.026516,29.094455],[116.025705,29.090968],[116.021468,29.090392],[116.018629,29.088558],[116.016274,29.094157],[116.008398,29.099276],[116.007958,29.105133],[116.010403,29.107803],[116.005795,29.108197],[116.004623,29.111596],[116.003316,29.111308],[116.001705,29.107073],[115.996871,29.103683],[115.995778,29.098757],[115.992138,29.095924],[115.987834,29.089278],[115.984498,29.08899],[115.980386,29.09385],[115.98069,29.099746],[115.978335,29.100341],[115.973276,29.098671],[115.966594,29.098632],[115.965906,29.097931],[115.95803,29.096606],[115.95243,29.092976],[115.945681,29.092937],[115.94132,29.090238],[115.9375,29.089681],[115.936137,29.092572],[115.930029,29.093782],[115.929342,29.090258],[115.926176,29.089307],[115.9215,29.083659],[115.920632,29.081383],[115.921894,29.080154],[115.919742,29.077868],[115.916091,29.077051],[115.915111,29.072114],[115.917162,29.066715],[115.918874,29.066014],[115.921398,29.060452],[115.914976,29.049144],[115.914176,29.045243],[115.914446,29.041832],[115.908654,29.033098],[115.906029,29.03058],[115.894524,29.026467],[115.890074,29.023267],[115.88693,29.020057],[115.885082,29.016395],[115.882716,29.00837],[115.873453,28.991394],[115.866963,28.980944],[115.858321,28.969618],[115.851785,28.968993],[115.838861,28.967098],[115.832382,28.967685],[115.823571,28.970358],[115.820325,28.968829],[115.819683,28.965723],[115.82588,28.946182],[115.826162,28.941941],[115.825035,28.935997],[115.822782,28.93289],[115.816562,28.930091],[115.815311,28.925907],[115.815537,28.917903],[115.816618,28.913218],[115.815976,28.909533],[115.813159,28.908196],[115.807581,28.906762],[115.804314,28.902452],[115.799221,28.899392],[115.792764,28.89996],[115.787682,28.899825],[115.784392,28.898594],[115.781508,28.899999],[115.777496,28.900374],[115.77193,28.898757],[115.764189,28.892464],[115.759941,28.89309]]]]}}]}

 src/App.vue

@@ -22,6 +22,7 @@
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  // overflow: hidden;
  overflow: auto;
}
</style>

 src/api/index/index.js

New file
@@ -0,0 +1,23 @@
import request from "@/router/axios";
// http://2h3f861221.wicp.vip:58646/information/SelectCount
export const securityTotal = () => {
  return request({
    url: "http://2h3f861221.wicp.vip:58646/information/SelectCount",
    method: "post"
  });
};
export const holderNum = () => {
  return request({
    url: "http://2h3f861221.wicp.vip:58646/information/SelectCounthold",
    method: "post"
  });
};

export const securityPer = () => {
    return request({
      url: "http://2h3f861221.wicp.vip:58646/performance/queryYearPer",
      method: "get"
    });
  };



 src/router/views/index.js

@@ -1,27 +1,29 @@
import Layout from '@/page/index/'

export default [{
  path: '/wel',
  component: Layout,
  redirect: '/wel/index',
  children: [{
    path: 'index',
    name: '首页',
    meta: {
      i18n: 'dashboard'
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/wel/index')
  }, {
    path: 'dashboard',
    name: '控制台',
    meta: {
      i18n: 'dashboard',
      menu: false,
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/wel/dashboard')
  }]
  path: '/wel/index',
  component:()=>
  import ('@/views/wel/index')
  // component: Layout,
  // redirect: '/wel/index',
  // children: [{
  //   path: 'index',
  //   name: '首页',
  //   meta: {
  //     i18n: 'dashboard'
  //   },
  //   component: () =>
  //     import( /* webpackChunkName: "views" */ '@/views/wel/index')
  // }, {
  //   path: 'dashboard',
  //   name: '控制台',
  //   meta: {
  //     i18n: 'dashboard',
  //     menu: false,
  //   },
  //   component: () =>
  //     import( /* webpackChunkName: "views" */ '@/views/wel/dashboard')
  // }]
}, {
  path: '/test',
  component: Layout,

 src/views/wel/index.scss

New file
@@ -0,0 +1,336 @@
.bajgxt-home {
  // height: 100%;
  // width: 100%;
  width: 1920px;
  height: 1080px;
  background: url("../../../public/img/bajgxt/backimg.png") no-repeat;
  background-size: cover;
}
.head-title {
  background: url("../../../public/img/bajgxt/title2.png") no-repeat;
  background-size: cover;
  width: 100%;
  text-align: center;
  span {
    font-family: "Arial Normal", "Arial", sans-serif;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    line-height: 77px;
  }
  img {
    position: absolute;
    margin-top: 22px;
    margin-left: 29%;
  }
}
.side {
  width: 440px;
  height: 100%;
}
.content {
  margin: 5px 20px 20px 20px;
  // height: calc(100% - 77px);
  // width: 100%;
  height: calc(100% - 102px);
  width: calc(100% - 40px);
  display: flex;
  .left,
  .right {
    @extend .side;
  }
  .middle {
    width: calc(100% - 930px);
    height: 100%;
    margin: 0px 25px;
    position: relative;
  }
}
.leftimg {
  background: url("../../../public/img/bajgxt/left1.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 260px;
}
.echartClass {
  height: 100%;
  width: 100%;
  height: calc(100% - 90px);
}
.left {
  .left1 {
    background: url("../../../public/img/bajgxt/left1.png") no-repeat;
    background-size: contain;
    width: 440px;
    height: 533px;
    #left1Echart {
      @extend .echartClass;
    }
  }
  .left2 {
    background: url("../../../public/img/bajgxt/left1.png") no-repeat;
    background-size: 440px 392px;
    height: 392px;
    width: 440px;
    margin-top: 25px;
    #left2Echart {
      @extend .echartClass;
    }
  }
}
.right {
  .right1 {
    background: url("../../../public/img/bajgxt/rightImg.png") no-repeat;
    background-size: 440px 251px;
    width: 440px;
    height: 251px;
    position: relative;
    #right1Echart {
      @extend .echartClass;
    }
  }
  .right2 {
    background: url("../../../public/img/bajgxt/rightImg.png") no-repeat;
    background-size: 440px 251px;
    width: 440px;
    height: 251px;
    margin-top: 30px;
    position: relative;
    #right2Echart {
      @extend .echartClass;
    }
  }
  .right3 {
    background: url("../../../public/img/bajgxt/left1.png") no-repeat;
    background-size: 440px 392px;
    height: 392px;
    width: 440px;
    margin-top: 25px;
    #right3Echart {
      @extend .echartClass;
    }
  }
}
.title-pane {
  display: inline-flex;
  height: 55px;
  img {
    width: 30px;
    height: 30px;
    margin: 15px 10px 0px 10px;
  }
  span {
    line-height: 68px;
    color: #fff;
    font-size: 20px;
  }
}
.title-pane1 {
  display: inline-flex;
  height: 44px;
  img {
    width: 30px;
    height: 30px;
    margin: 10px 10px 0px 10px;
  }
  span {
    line-height: 55px;
    color: #fff;
    font-size: 20px;
  }
}

.middle {
  .mapimg {
    background: url("../../../public/img/bajgxt/mapimg.png") no-repeat;
    background-size: 100% 100%;
    height: 543px;
    width: 100%;
    #map {
      width: calc(100% - 40px);
      height: calc(100% - 40px);
      margin: 0px 20px;
      top: 20px;
      position: relative;
    }
  }

  .table {
    margin-top: 25px;
    width: 100%;
    height: 392px;
    background: url("../../../public/img/bajgxt/table.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    .table-title {
      background: url("../../../public/img/bajgxt/tabletitle.png") no-repeat;
      background-size: 100% 100%;
      position: absolute;
      width: 267px;
      margin-top: -13px;
      height: 50px;
      margin-left: 39%;
      color: #fff;
      font-size: 20px;
      text-align: center;
      line-height: 54px;
    }
    .lefttop {
      background: url("../../../public/img/bajgxt/lefttop.png") no-repeat;
      background-size: 100% 100%;
      width: 44px;
      height: 56px;
      position: absolute;
      margin-left: -6px;
      margin-top: -7px;
    }
    .leftbottom {
      background: url("../../../public/img/bajgxt/leftbottom.png") no-repeat;
      background-size: 100% 100%;
      width: 44px;
      height: 56px;
      position: absolute;
      margin-left: -6px;
      margin-top: 340px;
    }
    .righttop {
      background: url("../../../public/img/bajgxt/righttop.png") no-repeat;
      background-size: 100% 100%;
      width: 44px;
      height: 56px;
      position: absolute;
      margin-left: calc(100% - 39px);
      margin-top: -7px;
    }
    .rightbottom {
      background: url("../../../public/img/bajgxt/rightbottom.png") no-repeat;
      background-size: 100% 100%;
      width: 44px;
      height: 56px;
      position: absolute;
      margin-left: calc(100% - 39px);
      margin-top: 340px;
    }
  }
}
.el-table {
  width: calc(100% - 40px);
  height: calc(100% - 70px);
  margin: 0px 20px 15px;
  top: 60px;
}
/deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #18458f;
}
/deep/ .el-table--enable-row-transition .el-table__body td,
/deep/ .el-table th,
.el-table tr {
  background: #3457b1;
}
/deep/ .el-table .cell {
  color: #fff;
}
/deep/ .el-table td,
.el-table th.is-leaf {
  border-bottom-color: transparent;
}
/deep/.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #b0caf3;
}
/deep/ .el-input__inner {
  height: 27px;
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  border-color: transparent;
  border-radius: 2px;
}
/deep/ .el-input {
  width: 94px;
}
/deep/ .el-select {
  line-height: 55px;
  position: absolute;
  right: 14px;
}
/deep/ .el-input__icon {
  line-height: 56px;
}
/deep/ .el-select:hover .el-input__inner,
/deep/ .el-select .el-input.is-focus .el-input__inner {
  border: none;
}
/deep/ .el-table,
/deep/ .el-table__expanded-cell,
/deep/ .el-table--border::after,
/deep/ .el-table--group::after,
/deep/ .el-table::before {
  background-color: transparent;
}
.card-text {
  height: 30px;
  padding: 8px 10px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  span:nth-child(2) {
    color: red;
    font-size: 21px;
    margin: 0px 10px;
    font-weight: bold;
  }
  span:nth-child(4) {
    margin-left: 15px;
  }
  span:nth-child(5) {
    margin: 0px 10px;
    color: red;
    font-size: 20px;
  }
}
.mapBtn,
.mapBtn:nth-child(2),
.mapBtn:nth-child(3) {
  position: absolute;
  z-index: 99;
  color: #fff;
  background: #4162a2;
  margin-top: 38px;
  margin-left: 85%;
  border-radius: 11px;
  height: 43px;
  display: inline-flex;
  width: 107px;
  cursor: pointer;
  img {
    margin: 8px 3px 8px 5px;
    height: 28px;
    width: 30px;
  }
  .text {
    width: 100px;
    text-align: center;
    margin: 3px;
    span:nth-child(1) {
      width: 100%;
      display: block;
      font-size: 10px;
    }
    span:nth-child(2) {
      width: 100%;
      display: block;
      color: red;
      font-size: 17px;
      font-weight: bold;
    }
  }
  &:hover {
    box-shadow: 0px 0px 10px #568df3;
  }
}
.mapBtn:nth-child(2) {
  margin-top: 100px;
}
.mapBtn:nth-child(3) {
  margin-top: 160px;
}

 src/views/wel/index.vue

@@ -1,15 +1,323 @@
<template>
  <el-card>
    首页
  </el-card>
  <div class="bajgxt-home">
    <div class="head-title">
      <span>保安监管系统可视化平台</span>
      <img src="../../../public/img/bajgxt/linkimg.png" title="进入系统" >
    </div>
    <div class="content">
      <div class="left">
        <div class="left1">
          <div class="title-pane">
            <img src="../../../public/img/bajgxt/icon1.png" />
            <span>业务对象统计--单位</span>
          </div>
          <div id="left1Echart"></div>
        </div>
        <div class="left2">
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon1.png" />
            <span>保安员持证情况</span>
          </div>
          <div id="left2Echart"></div>
        </div>
      </div>
      <div class="middle">
        <div class="mapimg">
          <!-- <div></div> -->
          <div class="mapBtn">
            <img src="../../../public/img/bajgxt/car.png" alt="" />
            <div class="text">
              <span>押运车辆</span>
              <span>700</span>
            </div>
          </div>
          <div class="mapBtn">
            <img src="../../../public/img/bajgxt/peo.png" alt="" />
            <div class="text">
              <span>保安员</span>
              <span>700</span>
            </div>
          </div>
          <div class="mapBtn">
            <img src="../../../public/img/bajgxt/gun.png" alt="" />
            <div class="text">
              <span>枪支</span>
              <span>700</span>
            </div>
          </div>
          <div id="map"></div>
        </div>
        <div class="table">
          <div class="table-title">武装押运实时定位</div>
          <div class="lefttop"></div>
          <div class="leftbottom"></div>
          <div class="righttop"></div>
          <div class="rightbottom"></div>
          <el-table :data="tableData" stripe>
            <el-table-column type="index" label="序号" width="50">
            </el-table-column>
            <el-table-column prop="carNum" label="押运车辆车牌号" width="180">
            </el-table-column>
            <el-table-column prop="location" label="实时位置">
            </el-table-column>
            <el-table-column prop="company" label="所属公司"> </el-table-column>
            <el-table-column prop="linkman" label="联系人"> </el-table-column>
            <el-table-column prop="tel" label="联系电话"> </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="right">
        <div class="right1">
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安员预警统计</span>
            <el-select v-model="value1">
              <el-option
                v-for="item in options1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </div>
          <div class="card-text">
            <span>现实表现差</span><span>902,432</span><span>起</span
            ><span>审查情况</span><span>22222</span><span>起</span>
          </div>
          <div id="right1Echart"></div>
        </div>
        <div class="right2">
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安公司预警统计</span>
            <el-select v-model="value2" placeholder="请选择">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </div>
          <div class="card-text">
            <span>未缴纳社保情况</span><span>902,432</span><span>起</span
            ><span>未持证情况</span><span>22222</span><span>起</span>
          </div>
          <div id="right2Echart"></div>
        </div>
        <div class="right3">
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon3.png" />
            <span>分局预警占比情况</span>
          </div>
          <div id="right3Echart"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import "ol/ol.css";
import * as echarts from "echarts";
import optionJs from "./indexEchart";
import TileLayer from "ol/layer/Tile";
import { transform } from "ol/proj";
import XYZ from "ol/source/XYZ";
import { Map, View } from "ol";
import { Tile, Group } from "ol/layer";
import { OSM, TileJSON } from "ol/source";
import VectorLayer from "ol/layer/Vector";
import VectorSource from "ol/source/Vector";
import { Fill, Stroke, Circle, Style } from "ol/style";
import GeoJSON from "ol/format/GeoJSON";
import axios from "../../router/axios";
import { securityTotal, holderNum, securityPer } from "../../api/index/index";
export default {
  data() {
    return {
      map: null,
      tableData: [
        {
          carNum: "111111111111",
          location: "红谷滩",
          company: "公司",
          linkman: "小李",
          tel: "13999999999"
        },
        {
          carNum: "111111111111",
          location: "红谷滩",
          company: "公司",
          linkman: "小李",
          tel: "13999999999"
        },
        {
          carNum: "111111111111",
          location: "红谷滩",
          company: "公司",
          linkman: "小李",
          tel: "13999999999"
        },
        {
          carNum: "111111111111",
          location: "红谷滩",
          company: "公司",
          linkman: "小李",
          tel: "13999999999"
        },
        {
          carNum: "111111111111",
          location: "红谷滩",
          company: "公司",
          linkman: "小李",
          tel: "13999999999"
        }
      ],
      value1: "1",
      options1: [
        {
          value: "1",
          label: "南昌市"
        },
        {
          value: "2",
          label: "赣州市"
        }
      ],
      value2: "1",
      options2: [
        {
          value: "1",
          label: "南昌市"
        },
        {
          value: "2",
          label: "赣州市"
        }
      ]
    };
  },
  methods: {
    initEchart() {
      securityTotal().then(res => {
        if (res.data.code == 200) {
          let securityData = res.data.data;
          let left1Echart = echarts.init(
            document.getElementById("left1Echart")
          );
          left1Echart.setOption(optionJs.left1Data(securityData));
        } else {
          this.$message.error(res.msg);
        }
      });

}
      holderNum().then(res => {
        if (res.data.code === 200) {
          let data = res.data.data;
          let left2Echart = echarts.init(
            document.getElementById("left2Echart")
          );
          left2Echart.setOption(optionJs.left2Data(data));
        } else {
          this.$message.error(res.msg);
        }
      });
      // securityPer().then(res => {
      //   if (res.data.code === 200) {
      //     let data = res.data.data;
      let data = [];
      let right1Echart = echarts.init(document.getElementById("right1Echart"));
      right1Echart.setOption(optionJs.right1Data(data));
      //   }
      // });

      let right2Echart = echarts.init(document.getElementById("right2Echart"));
      right2Echart.setOption(optionJs.right2Data(data));
      let right3Echart = echarts.init(document.getElementById("right3Echart"));
      right3Echart.setOption(optionJs.right3Data(data));
    },

    initMap() {
      this.map = new Map({
        target: "map", // 对应页面里 id 为 map 的元素
        layers: [
          // 图层
          new Tile({
            source: new OSM() // 图层数据源
          })
        ],
        view: new View({
          // 地图视图
          projection: "EPSG:4326", // 坐标系，有EPSG:4326和EPSG:3857
          center: [115.892151, 28.676493], //坐标 厦门
          // minZoom: 10, // 地图缩放最小级别
          zoom: 11 //地图缩放级别
        })
      });
      var image = new Circle({
        radius: 5,
        fill: new Fill({
          color: "rgba(255, 0, 0, 1)"
        }),
        stroke: new Stroke({ color: "red", width: 1 })
      });

      var styles = {
        Point: new Style({
          image: image
        })
      };
      axios.get("./nc.json").then(res => {
        let data = res.data.features;
        let vectorSource = new VectorSource({
          features: new GeoJSON().readFeatures(data)
        });
        let vectorLayer = new VectorLayer({
          source: vectorSource,
          style: styles
        });
        this.map.addLayer(vectorLayer);
      });

      // debugger;
      // var center = new transform(
      //   [104.06667, 30.66667],
      //   "EPSG:4326",
      //   "EPSG:3857"
      // );
      // this.map = new Map({
      //   view: new View({
      //     center: center,
      //     zoom: 4
      //   }),
      //   target: "map"
      // });
      // var offlineMapLayer = new TileLayer({
      //   source: new XYZ({
      //     url: "./offlineMapTiles/{z}/{x}/{y}.png"
      //   })
      // });
      // this.map.addLayer(offlineMapLayer);
    }
  },
  mounted() {
    this.initEchart();
    this.initMap();
  }
};
</script>

<style>

<style lang="scss" scoped>
@import "./index.scss";
/deep/ .el-select-dropdown {
  border: 1px solid #9199ab;
  background-color: #022c53;
}
/deep/ .el-select-dropdown__item.hover,
/deep/ .el-select-dropdown__item:hover {
  background-color: #03203e;
}
</style>

 src/views/wel/indexEchart.js

New file
@@ -0,0 +1,513 @@
function left1Data(allData) {
  let nameArr = [];
  let data1 = [];
  let data2 = [];
  let data3 = [];
  let data4 = [];
  allData.forEach(item => {
    nameArr.push(item.name);
    data1.push(item.server.confess);
    data2.push(item.server.staff);
    data3.push(item.server.security);
    data4.push(item.server.armed);
  });
  let option = {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "shadow"
      }
    },
    color: [
      "#516b91",
      "#59c4e6",
      "#93b7e3",
      "#a5e7f0",
      "#cbb0e3",
      "#6be6c1",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    legend: {
      data: ["自招保安单位", "保安培训公司", "保安服务公司", "武装守押公司"],
      bottom: "8%",
      itemWidth: 20,
      textStyle: {
        color: "#fff"
      }
    },
    grid: {
      left: "5%",
      right: "6%",
      bottom: "18%",
      containLabel: true
    },
    xAxis: {
      type: "value",
      axisLabel: {
        color: "#fff"
      }
    },
    yAxis: {
      type: "category",
      axisLabel: {
        color: "#fff"
      },
      data: nameArr
    },
    series: [
      {
        name: "自招保安单位",
        type: "bar",
        stack: "total",
        barMinWidth: 20,
        barMaxWidth: 40,
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
        data: data1
      },
      {
        name: "保安培训公司",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
        data: data2
      },
      {
        name: "保安服务公司",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
        data: data3
      },
      {
        name: "武装守押公司",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
        data: data4
      }
    ]
  };
  return option;
}
function left2Data(allData) {
  let nameArr = [];
  let data1 = [];
  let data2 = [];
  allData.forEach(item => {
    nameArr.push(item.name);
    data1.push(item.cz);
    data2.push(item.wcz);
  });
  let option = {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "shadow"
      }
    },
    color: [
      "#516b91",
      "#59c4e6",
      "#93b7e3",
      "#a5e7f0",
      "#cbb0e3",
      "#6be6c1",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],
    legend: {
      data: ["持证人数", "未持证人数"],
      bottom: "8%",
      itemWidth: 20,
      textStyle: {
        color: "#fff"
      }
    },
    grid: {
      left: "5%",
      right: "6%",
      bottom: "18%",
      containLabel: true
    },
    xAxis: {
      type: "value",
      axisLabel: {
        color: "#fff"
      },
      boundaryGap: [0, 0.01]
    },
    yAxis: {
      type: "category",
      axisLabel: {
        color: "#fff"
      },
      data: nameArr
    },
    series: [
      {
        name: "持证人数",
        type: "bar",
        // barWidth:30,
        barMinWidth: 20,
        barMaxWidth: 40,
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
        data: data1
      },
      {
        name: "未持证人数",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
        data: data2
      }
    ]
  };
  return option;
}

function right1Data(allData) {
  // let yueData = [
  //   "一月",
  //   "二月",
  //   "三月",
  //   "四月",
  //   "五月",
  //   "六月",
  //   "七月",
  //   "八月",
  //   "九月",
  //   "十月",
  //   "十一月",
  //   "十二月"
  // ];
  // let nameArr = [];
  // allData.forEach(a => {
  //   yueData.forEach(b => {
  //    console.log('a',a)
  //     // if(a){}
  //   });
  // });
  let option = {
    tooltip: {
      trigger: "axis"
    },
    color: [
      "#516b91",
      "#59c4e6",
      "#93b7e3",
      "#a5e7f0",
      "#cbb0e3",
      "#6be6c1",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],

    legend: {
      data: ["现实表现差", "审查情况"],
      bottom: "5%",
      textStyle: {
        color: "#fff"
      }
    },
    grid: {
      left: "5%",
      right: "6%",
      bottom: "22%",
      top: "5%",
      containLabel: true
    },
    xAxis: {
      type: "category",
      boundaryGap: false,
      axisLabel: {
        color: "#fff"
      },
      data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月"]
    },
    yAxis: {
      axisLabel: {
        color: "#fff"
      },
      type: "value"
    },
    series: [
      {
        name: "现实表现差",
        type: "line",
        stack: "总量",
        data: [120, 132, 101, 134, 90, 230, 210]
      },
      {
        name: "审查情况",
        type: "line",
        stack: "总量",
        data: [220, 182, 191, 234, 290, 330, 310]
      }
    ]
  };
  return option;
}
function right2Data(allData) {
  let option = {
    tooltip: {
      trigger: "axis"
    },
    color: [
      "#516b91",
      "#59c4e6",
      "#93b7e3",
      "#a5e7f0",
      "#cbb0e3",
      "#6be6c1",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],

    legend: {
      data: ["未缴纳社保情况", "未持证情况"],
      bottom: "5%",
      textStyle: {
        color: "#fff"
      }
    },
    grid: {
      left: "5%",
      right: "6%",
      bottom: "22%",
      top: "5%",
      containLabel: true
    },
    xAxis: {
      type: "category",
      boundaryGap: false,
      axisLabel: {
        color: "#fff"
      },
      data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月"]
    },
    yAxis: {
      type: "value",
      axisLabel: {
        color: "#fff"
      }
    },
    series: [
      {
        name: "未缴纳社保情况",
        type: "line",
        stack: "总量",
        data: [120, 132, 101, 134, 90, 230, 210]
      },
      {
        name: "未持证情况",
        type: "line",
        stack: "总量",
        data: [220, 182, 191, 234, 290, 330, 310]
      }
    ]
  };
  return option;
}

function right3Data(allData) {
  let data = [
    {
      name: "新建县",
      value: 754
    },
    {
      name: "安义县",
      value: 611
    },
    {
      name: "红谷滩新区",
      value: 400
    },
    {
      name: "西湖区",
      value: 200
    }
  ];
  // let arrName = getArrayValue(data, "name");
  // let arrValue = getArrayValue(data, "value");
  let sumValue = 1000;
  // let objData = array2obj(data, "name");
  let optionData = getData(data);

  function getArrayValue(array, key) {
    var key = key || "value";
    var res = [];
    if (array) {
      array.forEach(function(t) {
        res.push(t[key]);
      });
    }
    return res;
  }

  function array2obj(array, key) {
    var resObj = {};
    for (var i = 0; i < array.length; i++) {
      resObj[array[i][key]] = array[i];
    }
    return resObj;
  }

  function getData(data) {
    var res = {
      series: [],
      yAxis: []
    };
    for (let i = 0; i < data.length; i++) {
      res.series.push({
        name: "学历",
        type: "pie",
        clockWise: true,
        z: 2,
        hoverAnimation: false,
        radius: [73 - i * 15 + "%", 68 - i * 15 + "%"],
        center: ["50%", "55%"],
        labelLine: {
          show: false
        },
        label: {
          show: false
        },
        data: [
          {
            value: data[i].value,
            name: data[i].name
          },
          {
            value: sumValue - data[i].value,
            name: "",
            itemStyle: {
              color: "rgba(0,0,0,0)",
              borderWidth: 0
            },
            tooltip: {
              show: false
            },
            label: {
              show: false
            },
            hoverAnimation: false
          }
        ]
      });
      res.yAxis.push(data[i].name);
    }
    return res;
  }

  let option = {
    tooltip: {
      show: true,
      trigger: "item",
      formatter: "{a}<br>{b}:{c}({d}%)"
    },
    color: [
      "#516b91",
      "#59c4e6",
      "#93b7e3",
      "#a5e7f0",
      "#cbb0e3",
      "#6be6c1",
      "#a0a7e6",
      "#c4ebad",
      "#96dee8"
    ],

    legend: {
      bottom: "0%",
      //   icon: "circle",
      itemHeight: 10,
      show: true,
      data: ["新建县", "安义县", "红谷滩新区", "西湖区"],
      selectedMode: false,
      textStyle: {
        color: "#fff"
      }
    },
    grid: {
      top: "16%",
      bottom: "54%",
      left: "50%",
      containLabel: false
    },
    yAxis: [
      {
        type: "category",
        inverse: true,
        z: 3,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          interval: 0,
          inside: false,
          textStyle: {
            color: "#fff",
            fontSize: 15
          },
          show: true
        },
        data: optionData.yAxis
      }
    ],
    xAxis: [
      {
        show: false
      }
    ],
    series: optionData.series
  };
  return option;
}

export default {
  left1Data,
  left2Data,
  right1Data,
  right2Data,
  right3Data
};

 src/views/wel/offlineMapTiles/4/12/6.png