From 0259b4e7ff965db01fcfbee17ba5501a9337f932 Mon Sep 17 00:00:00 2001
From: Rain_ <904416525@qq.com>
Date: Wed, 16 Jul 2025 09:03:29 +0800
Subject: [PATCH] =?UTF-8?q?flx:=E4=BC=81=E4=B8=9A=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=8C=96=E5=A4=A7=E5=B1=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             | 1007 +++++++++++++++--
 .../images/companyBigScreen/device-ai.png     |  Bin 0 -> 1311 bytes
 .../companyBigScreen/device-barriergate.png   |  Bin 0 -> 813 bytes
 .../device-bodyworncamera.png                 |  Bin 0 -> 996 bytes
 .../images/companyBigScreen/device-edge.png   |  Bin 0 -> 899 bytes
 src/assets/js/api/companyBigScreen.js         |  178 +--
 .../equipmentCenter/equipmentCenter.html      |    2 +-
 src/pages/index/index.html                    |    7 +-
 .../companyBigScreen/components/b-dialog.vue  |   86 +-
 .../companyBigScreen/components/card.vue      |   22 +-
 .../companyBigScreen/components/device.vue    |  119 +-
 .../components/deviceDialog.vue               |  222 ++++
 .../components/deviceListDialog.vue           |   91 ++
 .../companyAdmin/companyBigScreen/index.vue   |  295 +++--
 14 files changed, 1735 insertions(+), 294 deletions(-)
 create mode 100644 src/assets/images/companyBigScreen/device-ai.png
 create mode 100644 src/assets/images/companyBigScreen/device-barriergate.png
 create mode 100644 src/assets/images/companyBigScreen/device-bodyworncamera.png
 create mode 100644 src/assets/images/companyBigScreen/device-edge.png
 create mode 100644 src/views/companyAdmin/companyBigScreen/components/deviceDialog.vue
 create mode 100644 src/views/companyAdmin/companyBigScreen/components/deviceListDialog.vue

diff --git a/package-lock.json b/package-lock.json
index 0f80aee0..e55104b2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1800,6 +1800,29 @@
         "webpack": "^4.0.0"
       }
     },
+    "node_modules/@intervolga/optimize-cssnano-plugin/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/@intervolga/optimize-cssnano-plugin/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.8",
       "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
@@ -5178,34 +5201,6 @@
         "source-map-js": "^1.2.1"
       }
     },
-    "node_modules/@vue/compiler-sfc/node_modules/postcss": {
-      "version": "8.5.4",
-      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.4.tgz",
-      "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/@vue/compiler-ssr": {
       "version": "3.5.16",
       "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.16.tgz",
@@ -5251,6 +5246,29 @@
         "yallist": "^2.1.2"
       }
     },
+    "node_modules/@vue/component-compiler-utils/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/@vue/component-compiler-utils/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/@vue/component-compiler-utils/node_modules/yallist": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-2.1.2.tgz",
@@ -6382,6 +6400,23 @@
       "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
       "dev": true
     },
+    "node_modules/autoprefixer/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -9233,6 +9268,29 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/css-loader/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/css-loader/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/css-parse": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/css-parse/-/css-parse-2.0.0.tgz",
@@ -9377,6 +9435,29 @@
         "node": ">4"
       }
     },
+    "node_modules/cssnano-preset-default/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/cssnano-preset-default/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/cssnano-preset-default/node_modules/postcss-normalize-string": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
@@ -9427,6 +9508,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/cssnano-util-raw-cache/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/cssnano-util-raw-cache/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/cssnano-util-same-parent": {
       "version": "4.0.1",
       "resolved": "https://registry.npmmirror.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz",
@@ -9436,6 +9540,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/cssnano/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/cssnano/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/csso": {
       "version": "4.2.0",
       "resolved": "https://registry.npmmirror.com/csso/-/csso-4.2.0.tgz",
@@ -12935,6 +13062,29 @@
         "node": ">= 6"
       }
     },
+    "node_modules/icss-utils/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/icss-utils/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz",
@@ -16725,6 +16875,50 @@
       }
     },
     "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmmirror.com/postcss-calc/-/postcss-calc-7.0.5.tgz",
+      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^7.0.27",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/postcss-calc/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-calc/node_modules/postcss": {
       "version": "7.0.39",
       "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
       "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
@@ -16741,17 +16935,6 @@
         "url": "https://opencollective.com/postcss/"
       }
     },
-    "node_modules/postcss-calc": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmmirror.com/postcss-calc/-/postcss-calc-7.0.5.tgz",
-      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^7.0.27",
-        "postcss-selector-parser": "^6.0.2",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
     "node_modules/postcss-colormin": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
@@ -16768,6 +16951,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-colormin/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-colormin/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-colormin/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -16787,6 +16993,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-convert-values/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-convert-values/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-convert-values/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -16805,6 +17034,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-discard-comments/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-discard-comments/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-discard-duplicates": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz",
@@ -16817,6 +17069,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-discard-duplicates/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-discard-duplicates/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-discard-empty": {
       "version": "4.0.1",
       "resolved": "https://registry.npmmirror.com/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz",
@@ -16829,6 +17104,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-discard-empty/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-discard-empty/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-discard-overridden": {
       "version": "4.0.1",
       "resolved": "https://registry.npmmirror.com/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz",
@@ -16841,6 +17139,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-discard-overridden/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-discard-overridden/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-discard-unused": {
       "version": "2.2.3",
       "resolved": "https://registry.npmmirror.com/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz",
@@ -17188,6 +17509,29 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/postcss-loader/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-loader/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-loader/node_modules/schema-utils": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/schema-utils/-/schema-utils-1.0.0.tgz",
@@ -17328,6 +17672,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-merge-longhand/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-merge-longhand/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-merge-longhand/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17351,6 +17718,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-merge-rules/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-merge-rules/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-merge-rules/node_modules/postcss-selector-parser": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -17383,6 +17773,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-minify-font-values/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-minify-font-values/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-minify-font-values/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17404,6 +17817,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-minify-gradients/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-minify-gradients/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-minify-gradients/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17427,6 +17863,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-minify-params/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-minify-params/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-minify-params/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17448,6 +17907,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-minify-selectors/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-minify-selectors/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-minify-selectors/node_modules/postcss-selector-parser": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -17474,6 +17956,29 @@
         "node": ">= 6"
       }
     },
+    "node_modules/postcss-modules-extract-imports/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-modules-extract-imports/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-modules-local-by-default": {
       "version": "3.0.3",
       "resolved": "https://registry.npmmirror.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
@@ -17489,6 +17994,29 @@
         "node": ">= 6"
       }
     },
+    "node_modules/postcss-modules-local-by-default/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-modules-local-by-default/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-modules-scope": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
@@ -17502,6 +18030,29 @@
         "node": ">= 6"
       }
     },
+    "node_modules/postcss-modules-scope/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-modules-scope/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-modules-values": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz",
@@ -17512,6 +18063,29 @@
         "postcss": "^7.0.6"
       }
     },
+    "node_modules/postcss-modules-values/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-modules-values/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-charset": {
       "version": "4.0.1",
       "resolved": "https://registry.npmmirror.com/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
@@ -17524,6 +18098,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-charset/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-charset/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-display-values": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
@@ -17538,6 +18135,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-display-values/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-display-values/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-display-values/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17559,6 +18179,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-positions/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-positions/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-positions/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17580,6 +18223,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-repeat-style/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-repeat-style/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-repeat-style/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17614,6 +18280,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-timing-functions/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-timing-functions/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-timing-functions/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17634,6 +18323,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-unicode/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-unicode/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-unicode/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17664,6 +18376,29 @@
         "node": ">=6"
       }
     },
+    "node_modules/postcss-normalize-url/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-url/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-url/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17683,6 +18418,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-normalize-whitespace/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-normalize-whitespace/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-normalize-whitespace/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17703,6 +18461,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-ordered-values/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-ordered-values/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-ordered-values/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17834,6 +18615,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-reduce-initial/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-reduce-initial/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-reduce-transforms": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
@@ -17849,6 +18653,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-reduce-transforms/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-reduce-transforms/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-reduce-transforms/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -17986,6 +18813,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-svgo/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-svgo/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-svgo/node_modules/postcss-value-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
@@ -18006,6 +18856,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/postcss-unique-selectors/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/postcss-unique-selectors/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
@@ -18117,12 +18990,6 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/postcss/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
-      "dev": true
-    },
     "node_modules/prepend-http": {
       "version": "1.0.4",
       "resolved": "https://registry.npmmirror.com/prepend-http/-/prepend-http-1.0.4.tgz",
@@ -20622,6 +21489,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/stylehacks/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "node_modules/stylehacks/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
     "node_modules/stylehacks/node_modules/postcss-selector-parser": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -25102,33 +25992,6 @@
         "prettier": "^1.18.2 || ^2.0.0"
       }
     },
-    "node_modules/vue/node_modules/postcss": {
-      "version": "8.5.4",
-      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.4.tgz",
-      "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/vue2-scale-box": {
       "version": "0.1.7",
       "resolved": "https://registry.npmmirror.com/vue2-scale-box/-/vue2-scale-box-0.1.7.tgz",
diff --git a/src/assets/images/companyBigScreen/device-ai.png b/src/assets/images/companyBigScreen/device-ai.png
new file mode 100644
index 0000000000000000000000000000000000000000..82609a2ac8a2b019f7424fa427afcee8c6c4ad70
GIT binary patch
literal 1311
zcmV+)1>pLLP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1hh#+K~#7F-CBuN
z8!-?a@=}01VABCqz*2$T0Zs)t6|7SMqym`=2o<bT0i=R872pmg8n5ICS;t6wVDsP8
z+e6Yye>8_y62OQ+#8ReOrZ;RMWGdjZfk-KGK70=1lEg%&r7@y0oF;Jw(U<_1CqtY;
zv{C}OlBo%hro1H_D`e;95dy+BYK(f6cLT=){O@^vpu7vlcaEDlljxPB9;x#!wyIq?
z@~fjFj%|pkQ;Dj&rGt#HiK{m5FpL@*n$wl2zzoS_TpOtFGNVnWz`7FUgqVuTdFl$}
zqd|wzMj_q<(Ub{?jT+td9W$pq;<Cabhp4JM!?4pyfxx^_MtzJ=UKpJfzK>wsPIIyA
zyr<3lP=>8Ue5ldyc{%pg2O9J{#TfCWtJ5yj=qK9MPIK{$ZZ)U=ROlyuZWf+7KI$ZD
zNOWwXHU#<|n{brBu?e^{-+yc<JIzJNz8kCTj?-6Q0$XX;FfQ)ZbtY5c$frnA$-bSR
zot=FL2EG6vcaR6&Su<@I^%j!E4@&a>TBdEFENSRDFpxrc0(tl=JN;@V`R+HP-iyAG
zbvEX+2L&*YLO2H-)ma-)5Jw3EfNjH>SnC^QXRqp!MvGK5q&0e`L}ke=N?<}cvcmDb
zr=bb2%m!uJITlHLD;p;wWu*Qb5}|}tIkM>eRI4=Ely(Yq{R7>xmBh^N%q+(ev*Qi4
z8luw{c$fzAiXCB+xV&6KE741j-KAo!Z<N$YeP>2~%#K&GAJ;lT+-Y&J-8(HJDbqtw
zWC`X7>XnI^*&gu1Qz{<7uMJN_dTCRgwVGYv``=1VcuIoOR*KywX}X`2kcT4tVrfdL
zu0+;chvI~%WXQHx(3&V|)Lf=-q`j0kl$T!X8)d(RkvBE+IpHY_K9d=0giTc~tvu6?
ziEJOvh>hI{E4y0AL}6niQy1rDha<wue4tS`zE8p_VJu+#|7ib8HF&sITq6&UkO1^A
zK2(YAUvb(al@@R~4J*|993*+(0mG9MM7Z?i<*w@I%+h)fPd*S~Uy$BFI^Kn&h#H#H
z%t6AFY-6R`5~$)o5x)17&yo7tXp9;t17*!=rVdZNLAGDYi(aalgPQz&kt6aG4#}<5
z`&5L&k&S)+K;fxyz0`5oR;e|l!wyH&Ncqxw9>tFPoOrCQ=Q2`$qSQ`f5IeS!LO7;!
z`w_x+-?o4__OY{v@bt<llroq81^(qy0&T#})qMdx&}w55$kT$GKzP1=&z%{v3DXB<
z2k1xq7TRg3jhwh$fPWdMfVkku*)8;+5F2>7^Uz@690iWIf#ySO%a(RXo~=4lv%m!1
zdqq^Kj0md1aUsyZWgFTsFYLmLoJK|@USoJC^FC0w%I&zouyh6Xj|Tmld$BEBZ{1@g
z-sKF*t}dhk!yC-Oa}?N3%?0`$(i}6-pKwWMpU+bD7sw}GW7?s%{)qNToLM(Sv<}o2
zIOI{|9*930WkYrvBU&SKS*I6Z{E%3Ko*0hpS?L=O(U?H%QHeS_nC;Q6@5Ewh{h>r{
zVEzH|eq!lIflC}aoaH<^VEmAnCUn|FZD9JWt2#-dHW<VyuYk`6gZP_DHID3g{{h<9
V!YoNNvONF*002ovPDHLkV1i)hX)pi)

literal 0
HcmV?d00001

diff --git a/src/assets/images/companyBigScreen/device-barriergate.png b/src/assets/images/companyBigScreen/device-barriergate.png
new file mode 100644
index 0000000000000000000000000000000000000000..a291374c2ca4c0b3fd01528fad695c4e42d39fb2
GIT binary patch
literal 813
zcmV+|1JeA7P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0>Vi|K~#7F?V62o
z+b|4;p<V~@2304BJ3-wE>P!%4f?5+Ko*>QyPA5n@f!qnw4XjLHZ-C;3&`Ia$KcXl*
z{O)jyB!<=#NC2cw<nees9?xh9nl@zSklslU1PPr2B6i08up!5MqG1WiF+&S>ju(9H
ze6DMt(fNY<VUmmX2Z`DT8VmAZk79ea$BxDXJRx?+c8JBklLJcUuoek_$PQcS|1b3j
zn_3~PYj^TNOGF|r+{&M^*mIrelNJoG%HfyTS}YNph*ef|Cn;FH3X$;YLN8zI5kq@f
z_P@1hsf2@C6GG|{^(xZjRj&UVi3yRu1c*hjeQ2HbxOma9Z`nstq`#q-u*n*+*t4E5
zkNTWx8*o?FPZtj#^aB@is7x*LhOeplNGL@=3nC_Z4v((n_)|`2+6;3y!FlHlz{MWk
z>AeltkUkuD^ssvDk>Az?d%YHNRvh8}q^{4=1}!#$2g7$RHWgcu@gPW}aVWMW<JG9i
zob4L4tRX@n4nq|}Q;$L1S2B?})@x{YAtEoS1*7pWX9WbjiV6=xQjfiQRK#uN_(aC5
z-{kzBS~3d3Y*Gz8m(J~tmbR;0vpJhBB9x^+y6%rT70g)y@kK1k-I{77#=WgxgJ+{I
zUd`i7uzD547p37`hwD1mWU2ExArq7?`&d7}CureKKTtQ)fE1?ZA`aJ9dN0)bsHUQz
z$Blw69u76(<AH)IQ!h>n`glSbp=`K<wCKn6f7Bw?^al60A6>-ssBi$W*cG|Lvf$&I
zIOZO{-KeATs}|1Eg)MHyUhq*ebbr$TxURGi2kwWQr>+DiVvD}_wVL2653gN_1+D};
z+kkf^xOUxY3orQG@qz~;AxC%*pF3XghlR}sx~*RT>~%TlEFZr?9%je(8T?lOeh!~I
rRqJ8w1JB7GSTVhj$K&yMJRg_;oX1gP2_Jv>00000NkvXXu0mjf@Vjo?

literal 0
HcmV?d00001

diff --git a/src/assets/images/companyBigScreen/device-bodyworncamera.png b/src/assets/images/companyBigScreen/device-bodyworncamera.png
new file mode 100644
index 0000000000000000000000000000000000000000..e23993afb059b6c4a703393e58ef0177b4b1842b
GIT binary patch
literal 996
zcmV<A0~`E_P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH19?eAK~#7F?V62s
z(=ZUnFFXba6CfraognT6EfXXgP$oz=C`^zr0bzo;6C_MvcY=lqj?<F@hZE<{mTVm3
z-+TA$*eA*V=))(;016OsO!i3jg5ASD)0S+e(K6CFQDzw(40NAQqtWQ|B?nP3iJjA7
z1=qoW1i!iD@Csz!!}Tzh95jN(Os)xy;9fBZ?mMrcJq~1hZ@K?%#|J|;@z(fw(MAoY
zWC_^~*#?}bd$PGdTE6(#iS=8<zl7eyE38LGHYGDY64LlDeVNApu8gFosTy8`t5It^
za5X1k$QJ0LI-nYVM~5Y}4OXw=g-^FET(>c=jmM{CWA8KezgK5`C*Eg)6@XB%n&8J0
zu{$y&lw-Uf7j68#HFi*NhOWj;;rci9HL5I+i`)8ZV^sEO2&IBxbH+cbB9@iOYkKCd
z%~1h_f;zz~?^~?hS`!aSm#{px?7BD~m-3D^O0WI#j$KP>r2PRkpmZs?_qWB0pA^ce
zO$@;~J>Zi+PuTS}gt1}gQ-Aypfy5BZAB^|cCkW%2og07LLzh4{*gznKejIJZC3d8B
zIG$jQ(fI;7L?X7}oSjb~jA==}LBtl!`|TZsF)zutSy1L9^BuEy<?qn2MwvXw*cI{*
zdJk&~msl127wq1)VsYoDhBJ0=B0UU*f-)}!|6<&$9%1ox0+AK&i{T}Nf;y5y8e0=Q
z49rlTEhYH(A9a!j-9#ivux95$^RL-3^0tu9j?%VC^Vd@fE>Jm!oc7*Za7#T2^UKLT
zP@a31pP@qr0+dFzeN+nSNzSCLvsAOiGpzxYvo;6?^<-EQY@q9V8OlOuCFu<+k@UoB
z(nn63b|Ej@%xyqnz%^$ZndM{~O7~on#`<nSxqI1WlRgqH?nO7^@2V6Ip<q44H7rHB
zwU%lj6s%81_5c+@SF1~``L%(Rf9yVdj-2c(xPH37P)-8w)nr4}+A}Sw54RzhbKGCb
z*)=<m8Hlv6)HT74BMBb%hx^VTxbF;t`_3S^?+k+b&LH@|M>!3(bJr;}2)YG<we%nm
z3hGdOejfuAK5~=N$7<3!w8sGgh$Z+QS^(XuXHZ$OzNUSkhxrMAK16AP1l;mZ5W|Yc
zl_U0Vjo=inhmGW*Y0?R}t&Xl^Yxjm)bbiT6tYQCEoZT-<p_^EtDcP+g*76JX${>at
SytT#v0000<MNUMnLSTY{AIQ1@

literal 0
HcmV?d00001

diff --git a/src/assets/images/companyBigScreen/device-edge.png b/src/assets/images/companyBigScreen/device-edge.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b809e58d5041270b113735b6294b64a5adfad84
GIT binary patch
literal 899
zcmV-}1AP36P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0~kp}K~#7F?V5pc
zn=llHpL-p^8<Y*o1|bvF8<b99ZxA|x(+M0;V0QwuK`s-(22Lk<eL9f~h9}Si5kTR)
z(>W*qcKH3!F9`rx7!E{SQ`=L^igutDfR89+g~=+Jcc#hEhT0X)sP{JD17svYdlHx{
z#dv*0IeVBJsK@Iwc1L|SfH^=18X_M~QnJaLrUQ(zIh>@Z@7lo>L0LFSNnk3V4yPv^
zo|F1tFecbPoTOwp*0@G@;nc-+2p<W$52r4COqk)Y;Up!2p+Fr@C!8LlFk9J(PzS|@
zS^(1|r*^+ut@1YEmo@>Jjp*eWrfXIaP`jW-m^B(k9So|n<IaC}1k}_NnLrn?+fHXH
zBqm=g#;B_1iCP5nCZ+bPI<7gx2YQLY4^lFGU+&<>a0LEP%O1|~Z_qJ6cV0nzS!e{u
z-jWIEb*!kje%H2`p9=WC#?P?JZVL4sf;X-(aVqoh!K7<iX{`-^&zi5cLi*KW@BnMW
z!~r~@b+_ajpU$x4lrED4zur!uzBEmX{wimvhoS0wwA8u<_08%gLgq7DMt9{F1l0E+
z(C$%2r)jB;A57m7^cuE|GO%T|f0#a{{mJzI1xNHTysK7&wqnXGcS_bSsTSHZqunst
z6!g&OO&`OiY8*K&>T6?FxGF~mt&^Qk-<0O6kpo|i2S%G3v|EGr6?)Rwu%sFh@{9Vj
zLCd8wH(W%xn1@Z3<EmjA0+OKXRb>~3CDn)r3OZ|Ct+Z^bVG25SiZTorE)=bCW!N-D
zJu%w2+EHjzMk@(AD_j{?X78AOZov==gO1a7KCNAD9=I`=f~;~mqqSYpS<!X#z@e&f
zVfq7smJ7ca9p3SGX;={rpk0IPdmC9U0QipeDNUhb^|ZiPs7<hqZaJlWXEE$MH=%|4
z@g%jfQFC8ddGBp?^g{X7Yscb>V%f<pX~WX-9@)p4@b+$D8#@>o)Q>;faC0TJd`bsk
zf9>}>jL)5=PI;;yFX~4NGs|CX10$nOXUk*F%Aez&;%WQkUW)ze=%CJ=Zw-=v)bjH2
Z{s-GQ5*o^sFvI`=002ovPDHLkV1kEamEZsX

literal 0
HcmV?d00001

diff --git a/src/assets/js/api/companyBigScreen.js b/src/assets/js/api/companyBigScreen.js
index 755efa25..7eb0a8b7 100644
--- a/src/assets/js/api/companyBigScreen.js
+++ b/src/assets/js/api/companyBigScreen.js
@@ -1,7 +1,7 @@
 /**
  * api接口统一管理
  */
- import {post, get} from '../http'
+import { post, get } from '../http'
 
 //  统计企业下项目类型统计
 export const selectCompanyProjectTypeCountApi = data => post('xmgl/companyBigScreen/selectCompanyProjectTypeCount', data);
@@ -51,114 +51,114 @@ export const getComapnyStatisticsList = data => post('xmgl/company/getComapnySta
 
 
 //获取全部设备信息
-export const getAllEquipment = data => post('/xmgl/projectDevStatistics/selectAllDevStatisticsCount',data)
-//获取环境预警信息
-export const getAllenviromentDangerInfo = data => post('/xmgl/projectDevStatistics/selectEnvironmentAlarmStatisticsCount',data)
-//获取升降机预警信息
-export const getAllLifterDangerInfo = data => post('/xmgl/projectDevStatistics/selectLifterAlarmStatisticsCount',data)
-//获取塔吊预警信息
-export const getAllTowerDangerInfo = data => post('/xmgl/projectDevStatistics/selectTowerAlarmStatisticsCount',data)
-//获取环境报警列表
-export const getDangeralarmList = data => post('xmgl/projectDevStatistics/selectComapnyEnvironmentAlarmCount',data)
-//获取AI视频预警信息
-export const getAiVideoInfo = data => post('xmgl/aiStatistic/selectAiStatistic',data)
-//获取环境预警信息
-export const getEnvironmentInfo = data => post('xmgl/environmentDev/selectTotalEnvironmentCountStatistics',data)
-// 近七天管理人员出勤统计
-export const getSevenDaysAttendance = data => post('xmgl/workerStatistic/selectSevenDaysWorkerAttendanceCount',data)
-// 设备在线情况
-export const getDevOnlineList = data => post('xmgl/projectDevStatistics/selectProjectDevStatisticList',data)
+export const getAllEquipment = data => post('/xmgl/projectDevStatistics/selectAllDevStatisticsCount', data)
+    //获取环境预警信息
+export const getAllenviromentDangerInfo = data => post('/xmgl/projectDevStatistics/selectEnvironmentAlarmStatisticsCount', data)
+    //获取升降机预警信息
+export const getAllLifterDangerInfo = data => post('/xmgl/projectDevStatistics/selectLifterAlarmStatisticsCount', data)
+    //获取塔吊预警信息
+export const getAllTowerDangerInfo = data => post('/xmgl/projectDevStatistics/selectTowerAlarmStatisticsCount', data)
+    //获取环境报警列表
+export const getDangeralarmList = data => post('xmgl/projectDevStatistics/selectComapnyEnvironmentAlarmCount', data)
+    //获取AI视频预警信息
+export const getAiVideoInfo = data => post('xmgl/aiStatistic/selectAiStatistic', data)
+    //获取环境预警信息
+export const getEnvironmentInfo = data => post('xmgl/environmentDev/selectTotalEnvironmentCountStatistics', data)
+    // 近七天管理人员出勤统计
+export const getSevenDaysAttendance = data => post('xmgl/workerStatistic/selectSevenDaysWorkerAttendanceCount', data)
+    // 设备在线情况
+export const getDevOnlineList = data => post('xmgl/projectDevStatistics/selectProjectDevStatisticList', data)
 
 
 
 // 塔吊报警表格数据
-export const getTowerCraneInfo = data => post('xmgl/towerAlarm/selectComapnyTowerAlarmCount',data)
-// 升降机报警表格数据
-export const getElevatorInfo = data => post('xmgl/lifterAlarm/selectComapnyLifterAlarmCount',data)
+export const getTowerCraneInfo = data => post('xmgl/towerAlarm/selectComapnyTowerAlarmCount', data)
+    // 升降机报警表格数据
+export const getElevatorInfo = data => post('xmgl/lifterAlarm/selectComapnyLifterAlarmCount', data)
 
 
 //获取当日AI预警情况
-export const getNowAIDangerDetail = data => post('/xmgl/aiStatistic/selectAiAlarmAnalyseCountList',data)
-//获取AI实时预警列表
-export const getAIDangerList = data => post('/xmgl/aiStatistic/selectAiAlarmRecordList',data)
-//获取AI预警类型统计
-export const getAITypeStatistics = data => post('/xmgl/aiStatistic/selectAiAnalyseHardWareAlarmTypeCount',data)
-//获取AI接入情况
-export const getAIOnlineDetail = data => post('/xmgl/aiStatistic/selectAiDevCount',data)
-//获取AI预警项目列表
-export const getAIDangerProgramList = data => post('/xmgl/aiStatistic/selectProjectAiAlarmCountList',data)
-// 获取AI预警分析列表
-export const getAIDangerAnalysisList = data => post('xmgl/aiStatistic/selectProjectAiStatisticList',data)
+export const getNowAIDangerDetail = data => post('/xmgl/aiStatistic/selectAiAlarmAnalyseCountList', data)
+    //获取AI实时预警列表
+export const getAIDangerList = data => post('/xmgl/aiStatistic/selectAiAlarmRecordList', data)
+    //获取AI预警类型统计
+export const getAITypeStatistics = data => post('/xmgl/aiStatistic/selectAiAnalyseHardWareAlarmTypeCount', data)
+    //获取AI接入情况
+export const getAIOnlineDetail = data => post('/xmgl/aiStatistic/selectAiDevCount', data)
+    //获取AI预警项目列表
+export const getAIDangerProgramList = data => post('/xmgl/aiStatistic/selectProjectAiAlarmCountList', data)
+    // 获取AI预警分析列表
+export const getAIDangerAnalysisList = data => post('xmgl/aiStatistic/selectProjectAiStatisticList', data)
 
 
 
 //(劳务管理页面)
 //获取各区域考勤情况
-export const getAreaAttendance = data => post('/xmgl/workerStatistic/selectAreaWorkAttendanceCountList',data)
-//获取项目出勤率列表
-export const getAttendancerateList = data => post('/xmgl/workerStatistic/selectProjectAttendanceWarningList',data)
-//获取工友籍贯统计
-export const getWorkerNativePlace = data => post('/xmgl/workerStatistic/selectProvinceWorkerCountList',data)
-//今日出勤统计
-export const getAttendanceStatisticsToday = data => post('/xmgl/workerStatistic/selectTodayWorkerAttendanceCount',data)
-//用工统计分析
-export const getUsePeopleInfo = data => post('/xmgl/workerStatistic/selectWorkerAgeGroupStatistics',data)
-//工种分析列表
-export const getJobAnalysisList = data => post('/xmgl/workerStatistic/selectWorkerTypeCountList',data)
+export const getAreaAttendance = data => post('/xmgl/workerStatistic/selectAreaWorkAttendanceCountList', data)
+    //获取项目出勤率列表
+export const getAttendancerateList = data => post('/xmgl/workerStatistic/selectProjectAttendanceWarningList', data)
+    //获取工友籍贯统计
+export const getWorkerNativePlace = data => post('/xmgl/workerStatistic/selectProvinceWorkerCountList', data)
+    //今日出勤统计
+export const getAttendanceStatisticsToday = data => post('/xmgl/workerStatistic/selectTodayWorkerAttendanceCount', data)
+    //用工统计分析
+export const getUsePeopleInfo = data => post('/xmgl/workerStatistic/selectWorkerAgeGroupStatistics', data)
+    //工种分析列表
+export const getJobAnalysisList = data => post('/xmgl/workerStatistic/selectWorkerTypeCountList', data)
 
 
 //(劳务管理弹窗)
 //人员管理列表
-export const getPersonManage = data => post('/xmgl/workerStatistic/selectWorkerPageList',data)
-//组织结构列表
-export const getOrganizationList = data => post('/xmgl/workerStatistic/selectOrganizationList',data)
-//查询单位的出勤列表
-export const getAttandanceList = data => post('/xmgl/workerStatistic/selectEnterpriseWorkerAttendancePageList',data)
-//获取项目危险预警
-export const getDangerList = data => post('/xmgl/workerStatistic/selectWorkerAttendancePageList',data)
+export const getPersonManage = data => post('/xmgl/workerStatistic/selectWorkerPageList', data)
+    //组织结构列表
+export const getOrganizationList = data => post('/xmgl/workerStatistic/selectOrganizationList', data)
+    //查询单位的出勤列表
+export const getAttandanceList = data => post('/xmgl/workerStatistic/selectEnterpriseWorkerAttendancePageList', data)
+    //获取项目危险预警
+export const getDangerList = data => post('/xmgl/workerStatistic/selectWorkerAttendancePageList', data)
 
 
 //（总览页面）
 //获取今日出勤率数据
-export const getTodayAttendanceRate = data => post('/xmgl/workerStatistic/selectTodayWorkAttendanceRatioCount',data)
-//获取视频接入情况统计
-export const getVideoOnlineDetail = data => post('/xmgl/projectDevStatistics/selectVideoDevAccessCount',data)
-//获取扬尘接入统计
-export const getRaiseDustDetail = data => post('/xmgl/projectDevStatistics/selectEnvironmentDevAccessCount',data)
-//获取项目统计
-export const getAllProjectNum = data => post('/xmgl/projectDevStatistics/selectCompanyProjectTypeCount',data)
+export const getTodayAttendanceRate = data => post('/xmgl/workerStatistic/selectTodayWorkAttendanceRatioCount', data)
+    //获取视频接入情况统计
+export const getVideoOnlineDetail = data => post('/xmgl/projectDevStatistics/selectVideoDevAccessCount', data)
+    //获取扬尘接入统计
+export const getRaiseDustDetail = data => post('/xmgl/projectDevStatistics/selectEnvironmentDevAccessCount', data)
+    //获取项目统计
+export const getAllProjectNum = data => post('/xmgl/projectDevStatistics/selectCompanyProjectTypeCount', data)
 
 
 //(质量安全)
 //获取项目评分统计
-export const getProjectScoreList = data => post('/xmgl/engineeringScore/selectEngineeringScoreCountList',data)
-//获取项目工程评分汇总
-export const getAllScore= data => post('/xmgl/engineeringScore/selectEngineeringScoreTotal',data)
-//查询项目本年管理行为评分信息统计
-export const getAllYearScore= data => post('/xmgl/managerialBehaviorScore/selectThisYearManagerialBehaviorScoreTotal',data)
-//查询分页列表查询管理行为评分信息
-export const getYearManageInfo= data => post('/xmgl/managerialBehaviorScore/selectPageList',data)
-//查询一线公司或工管中心检查情况统计
-export const getManageAndCenterDetailList= data => post('/xmgl/managerialBehaviorScore/selectManagerialBehaviorScoreCountList',data)
-//(进度管控)
-//项目概括
-export const getProjectStatistics= data => post('/xmgl/panoramaPlanStatistics/selectProjectStatistics',data)
-//关键里程碑延期预警
-export const getDanger= data => post('/xmgl/panoramaPlanStatistics/selectKeyNodeEarlyWarningStatistics',data)
-//项目延期黑榜
-export const getBlackList= data => post('/xmgl/panoramaPlanStatistics/selectProjectDelayBlackList',data)
-//项目延期情况统计
-export const getProjectDetailList= data => post('/xmgl/panoramaPlanStatistics/selectProjectDelayStatisticsList',data)
-//项目区域延期对比
-export const getAreaList= data => post('/xmgl/panoramaPlanStatistics/selectRegionDelayComparisonList',data)
-//项目区域延期情况
-export const getAreaDelayDetail= data => post('/xmgl/panoramaPlanStatistics/selectRegionDelayStatisticsList',data)
-//项目区域进度红黑榜
-export const getAreaBlackAndRedList= data => post('/xmgl/panoramaPlanStatistics/selectRegionRedBlackList',data)
-//考勤预警列表
-export const getProjectDelayList= data => post('/xmgl/panoramaPlanStatistics/selectProjectNodeDelayList',data)
-//区域延期列表
-export const getAreaDamgerList= data => post('/xmgl/panoramaPlanStatistics/selectProjectEarlyWarningList',data)
+export const getProjectScoreList = data => post('/xmgl/engineeringScore/selectEngineeringScoreCountList', data)
+    //获取项目工程评分汇总
+export const getAllScore = data => post('/xmgl/engineeringScore/selectEngineeringScoreTotal', data)
+    //查询项目本年管理行为评分信息统计
+export const getAllYearScore = data => post('/xmgl/managerialBehaviorScore/selectThisYearManagerialBehaviorScoreTotal', data)
+    //查询分页列表查询管理行为评分信息
+export const getYearManageInfo = data => post('/xmgl/managerialBehaviorScore/selectPageList', data)
+    //查询一线公司或工管中心检查情况统计
+export const getManageAndCenterDetailList = data => post('/xmgl/managerialBehaviorScore/selectManagerialBehaviorScoreCountList', data)
+    //(进度管控)
+    //项目概括
+export const getProjectStatistics = data => post('/xmgl/panoramaPlanStatistics/selectProjectStatistics', data)
+    //关键里程碑延期预警
+export const getDanger = data => post('/xmgl/panoramaPlanStatistics/selectKeyNodeEarlyWarningStatistics', data)
+    //项目延期黑榜
+export const getBlackList = data => post('/xmgl/panoramaPlanStatistics/selectProjectDelayBlackList', data)
+    //项目延期情况统计
+export const getProjectDetailList = data => post('/xmgl/panoramaPlanStatistics/selectProjectDelayStatisticsList', data)
+    //项目区域延期对比
+export const getAreaList = data => post('/xmgl/panoramaPlanStatistics/selectRegionDelayComparisonList', data)
+    //项目区域延期情况
+export const getAreaDelayDetail = data => post('/xmgl/panoramaPlanStatistics/selectRegionDelayStatisticsList', data)
+    //项目区域进度红黑榜
+export const getAreaBlackAndRedList = data => post('/xmgl/panoramaPlanStatistics/selectRegionRedBlackList', data)
+    //考勤预警列表
+export const getProjectDelayList = data => post('/xmgl/panoramaPlanStatistics/selectProjectNodeDelayList', data)
+    //区域延期列表
+export const getAreaDamgerList = data => post('/xmgl/panoramaPlanStatistics/selectProjectEarlyWarningList', data)
 
 
 // 查询项目信息
@@ -166,3 +166,11 @@ export const getCompanyInfo = data => post('/xmgl/company/queryBySn', data)
 
 // 查询项目列表
 export const getProjectList = data => post('/xmgl/project/selectProjectListByCompany', data)
+
+// 列表查询企业大屏配置信息
+export const getCompanyBigScreenConfigListApi = data => get('/xmgl/companyBigScreenConfig/list', data)
+    // 保存企业大屏配置信息
+export const saveEntityCompanyBigScreenConfigApi = data => post('/xmgl/companyBigScreenConfig/saveEntity', data)
+
+// 根据企业账号查询该公司的管辖区域范围（总公司看子级的管辖区域范围，其他公司他自己的管辖区域范围）
+export const getRangeAddrByUserIdCompanyBigScreenApi = data => post('/xmgl/companyBigScreen/getRangeAddrByUserId', data)
\ No newline at end of file
diff --git a/src/pages/equipmentCenter/equipmentCenter.html b/src/pages/equipmentCenter/equipmentCenter.html
index b460c937..739a591f 100644
--- a/src/pages/equipmentCenter/equipmentCenter.html
+++ b/src/pages/equipmentCenter/equipmentCenter.html
@@ -8,7 +8,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
     <title>设备中台</title>
     <link rel="stylesheet" href="<%= BASE_URL %>/css/font/myFont.css" />
-    <script src="https://webapi.amap.com/maps?v=1.4.14&key=1eb65a4a1e436b5314d23b773cd4e658&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.MouseTool,AMap.Geocoder,AMap.Driving" defer="defer"></script>
+    <script src="https://webapi.amap.com/maps?v=2.0&key=e54076dbf392c14b95373a8aad479579&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.MouseTool,AMap.Geocoder,AMap.Driving,AMap.DistrictSearch" defer="defer"></script>
     <script src="/js/ckplayer/ckplayer.js"></script>
     <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.0.1.52.js"></script>
     <script src="/js/config.js"></script>
diff --git a/src/pages/index/index.html b/src/pages/index/index.html
index 1050eaca..4195cdcc 100644
--- a/src/pages/index/index.html
+++ b/src/pages/index/index.html
@@ -37,7 +37,12 @@
     <title>
         智慧工地云平台
     </title>
-    <script src="https://webapi.amap.com/maps?v=1.4.14&key=1eb65a4a1e436b5314d23b773cd4e658&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.MouseTool,AMap.Geocoder,AMap.Driving" defer="defer"></script>
+    <script src="https://webapi.amap.com/maps?v=2.0&key=e54076dbf392c14b95373a8aad479579&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.MouseTool,AMap.Geocoder,AMap.Driving,AMap.DistrictSearch" defer="defer"></script>
+    <script type="text/javascript">
+        window._AMapSecurityConfig = {
+            securityJsCode: "5753c41f7a3e6bce6b328cfb81918895",
+        };
+    </script>
     <!-- <script
     src="https://webapi.amap.com/maps?v=1.4.14&key=1eb65a4a1e436b5314d23b773cd4e658&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.MouseTool,AMap.Geocoder,AMap.Driving"
     defer="defer"></script> -->
diff --git a/src/views/companyAdmin/companyBigScreen/components/b-dialog.vue b/src/views/companyAdmin/companyBigScreen/components/b-dialog.vue
index 5c898af3..9755dcfc 100644
--- a/src/views/companyAdmin/companyBigScreen/components/b-dialog.vue
+++ b/src/views/companyAdmin/companyBigScreen/components/b-dialog.vue
@@ -3,21 +3,39 @@
     custom-class="bigdata-dialog"
     :visible.sync="innerVisible"
     :show-close="false"
-    width="728px"
+    :width="!listShow ? '728px' : '1200px'"
     @close="handleCancel"
     :closable="false"
     append-to-body
   >
     <span slot="title" class="bigdata-dialog-title">
       <span>{{ title }}</span>
-      <img class="bigdata-dialog-close" src="@/assets/images/companyBigScreen/dialog-close.png" alt="关闭" @click="handleCancel" />
+      <img
+        class="bigdata-dialog-close"
+        src="@/assets/images/companyBigScreen/dialog-close.png"
+        alt="关闭"
+        @click="handleCancel"
+      />
     </span>
 
     <span slot="footer" class="dialog-footer">
-      <div class="info-dialog-footer">
-        <el-button class="cancel-btn" type="danger" @click="handleCancel">取消</el-button>
-        <el-button class="confirm-btn" type="primary" @click="handleConfirm">确定</el-button>
+      <div class="info-dialog-footer" v-if="!listShow">
+        <el-button class="cancel-btn" type="danger" @click="handleCancel"
+          >取消</el-button
+        >
+        <el-button class="confirm-btn" type="primary" @click="handleConfirm"
+          >确定</el-button
+        >
       </div>
+      <pagination
+        v-else
+        :total="Number(pageInfo.total)"
+        :page.sync="pageInfo.pageNo"
+        :limit.sync="pageInfo.pageSize"
+        @pagination="onPagination"
+        :pageSizes="[...$store.state.PAGESIZRS]"
+        layout="total,sizes, prev, pager, next, jumper"
+      />
     </span>
     <el-scrollbar style="height: 100%; overflow-x: hidden">
       <div class="bigdata-dialog-content">
@@ -27,45 +45,71 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-const emit = defineEmits(['update:visible', 'confirm'])
+import { ref, watch } from "vue";
+const emit = defineEmits(["update:visible", "confirm"]);
 
 const props = defineProps({
   visible: {
     type: Boolean,
-    default: false
+    default: false,
   },
   title: {
     type: String,
-    default: ''
-  }
-})
+    default: "",
+  },
+  listShow: {
+    type: Boolean,
+    default: false,
+  },
+  pageInfo: {
+    type: Object,
+    default: () => ({
+      pageNo: 1,
+      pageSize: 10,
+      total: 0,
+    }),
+  },
+});
 
 watch(
   () => props.visible,
-  newVal => {
-    innerVisible.value = newVal
+  (newVal) => {
+    innerVisible.value = newVal;
   }
-)
+);
 
 // 新增的属性
-const innerVisible = ref(false)
+const innerVisible = ref(false);
 
 const handleCancel = () => {
-  innerVisible.value = false
-  emit('update:visible', false)
-}
+  innerVisible.value = false;
+  emit("update:visible", false);
+};
 const handleConfirm = () => {
-  emit('confirm')
-}
+  emit("confirm");
+};
+
+const onPagination = () => {
+  emit("pagination", props.pageInfo);
+};
 </script>
+<style scoped lang="less">
+:deep(.pagination-container) {
+  background-color: transparent;
+  padding: 0;
+  .el-pagination__total,
+  .el-pagination__jump {
+    color: white;
+  }
+}
+</style>
 <style lang="less">
 .bigdata-dialog {
   height: 540px;
   width: 728px;
   background-color: transparent !important;
   padding: 0 !important;
-  background-image: url('~@/assets/images/companyBigScreen/dialog-bg.png');
+  background-image: url("~@/assets/images/companyBigScreen/dialog-bg.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   .el-dialog__body {
diff --git a/src/views/companyAdmin/companyBigScreen/components/card.vue b/src/views/companyAdmin/companyBigScreen/components/card.vue
index 9b9d65c2..f36305b5 100644
--- a/src/views/companyAdmin/companyBigScreen/components/card.vue
+++ b/src/views/companyAdmin/companyBigScreen/components/card.vue
@@ -2,7 +2,10 @@
   <div class="big-card">
     <div class="card-header">
       <span class="card-title">{{ title }}</span>
-      <img v-if="isEdit" @click="handleEdit" class="card-header-icon" src="@/assets/images/companyBigScreen/card-edit-icon.png" alt="icon" />
+      <div class="card-right" v-if="isEdit">
+         <span @click="handleSubTitle" v-if="subTitle" class="card-subtitle">{{ subTitle }}</span>
+         <img @click="handleEdit" class="card-header-icon" src="@/assets/images/companyBigScreen/card-edit-icon.png" alt="icon" />
+      </div>
     </div>
     <div class="card-body">
       <slot></slot>
@@ -20,12 +23,19 @@ const props = defineProps({
   isEdit: {
     type: Boolean,
     default: true
+  },
+  subTitle: {
+    type: String,
+    default: ''
   }
 })
 const handleEdit = () => {
   console.log('编辑')
   emit('edit')
 }
+const handleSubTitle = () => {
+  emit('subTitle')
+}
 </script>
 
 <style scoped lang="less">
@@ -55,6 +65,15 @@ const handleEdit = () => {
       color: #ffffff;
       text-align: left;
     }
+    .card-right {
+      display: flex;
+      .card-subtitle {
+        font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
+        font-weight: 400;
+        font-size: 16px;
+        color: #74E3FF;
+      }
+    }
     .card-header-icon {
       visibility: hidden;
       width: 24px;
@@ -62,6 +81,7 @@ const handleEdit = () => {
       cursor: pointer;
       user-select: none;
       -webkit-user-drag: none;
+      margin-left: 40px;
     }
   }
   .card-body {
diff --git a/src/views/companyAdmin/companyBigScreen/components/device.vue b/src/views/companyAdmin/companyBigScreen/components/device.vue
index fd34287e..40f6faca 100644
--- a/src/views/companyAdmin/companyBigScreen/components/device.vue
+++ b/src/views/companyAdmin/companyBigScreen/components/device.vue
@@ -1,8 +1,8 @@
 <template>
-  <Card title="设备数量" :isEdit="false">
+  <Card title="设备数量" subTitle="各项目设备列表" @subTitle="onDeviceListDialogShow" @edit="handleEdit">
     <el-scrollbar style="height: 100%; overflow-x: hidden">
       <div class="device-tabs">
-        <div class="device-item">
+        <div class="device-item" v-if="companyBigScreenConfigList.enableVideoDev == 1">
           <div class="device-item-icon">
             <img src="@/assets/images/companyBigScreen/device-monitor.png" alt="" />
           </div>
@@ -11,7 +11,7 @@
             <span class="value">{{ deviceInfo.videoNum }}</span>
           </div>
         </div>
-        <div class="device-item">
+        <div class="device-item" v-if="companyBigScreenConfigList.enableDustDev == 1">
           <div class="device-item-icon">
             <img src="@/assets/images/companyBigScreen/device-dust.png" alt="" />
           </div>
@@ -20,34 +20,101 @@
             <span class="value">{{ deviceInfo.environmentDevNum }}</span>
           </div>
         </div>
+        <div class="device-item" v-if="companyBigScreenConfigList.enablePoliceCameraDev == 1">
+          <div class="device-item-icon">
+            <img src="@/assets/images/companyBigScreen/device-bodyworncamera.png" alt="" />
+          </div>
+          <div class="device-item-value">
+            <span>执法记录仪</span>
+            <span class="value">{{ deviceInfo.policeCameraNum }}</span>
+          </div>
+        </div>
+        <div class="device-item" v-if="companyBigScreenConfigList.enableCarCameraDev == 1">
+          <div class="device-item-icon">
+            <img src="@/assets/images/companyBigScreen/device-barriergate.png" alt="" />
+          </div>
+          <div class="device-item-value">
+            <span>车辆道闸</span>
+            <span class="value">{{ deviceInfo.carCameraNum }}</span>
+          </div>
+        </div>
+        <div class="device-item" v-if="companyBigScreenConfigList.enableAiAnalyseDev == 1">
+          <div class="device-item-icon">
+            <img src="@/assets/images/companyBigScreen/device-ai.png" alt="" />
+          </div>
+          <div class="device-item-value">
+            <span>AI设备</span>
+            <span class="value">{{ deviceInfo.aiAnalyseHardNum }}</span>
+          </div>
+        </div>
+        <div class="device-item" v-if="companyBigScreenConfigList.enableFrontierProtectionDev == 1">
+          <div class="device-item-icon">
+            <img src="@/assets/images/companyBigScreen/device-edge.png" alt="" />
+          </div>
+          <div class="device-item-value">
+            <span>临边防护监测</span>
+            <span class="value">{{ deviceInfo.frontierProtectionDevNum }}</span>
+          </div>
+        </div>
       </div>
-      <el-table :data="tableList" tooltip-effect="dark">
-        <el-table-column label="项目名称" align="center">
-          <template slot-scope="scope">{{ scope.row.projectName }}</template>
-        </el-table-column>
-        <el-table-column label="摄像头数量" align="center">
-          <template slot-scope="scope">{{ scope.row.videoNum }}</template>
-        </el-table-column>
-        <el-table-column label="扬尘设备数量" align="center">
-          <template slot-scope="scope">{{ scope.row.environmentDevNum }}</template>
-        </el-table-column>
-      </el-table>
     </el-scrollbar>
+    <DeviceDialog ref="deviceDialogRef" @refresh="getDeviceConfig" />
+    <DeviceListDialog ref="deviceListDialogRef" />
   </Card>
 </template>
 
 <script setup>
-import Card from './card.vue'
-import { ref } from 'vue'
-
+import Card from './card.vue';
+import { ref, onMounted } from 'vue';
+import DeviceDialog from './deviceDialog.vue';
+import DeviceListDialog from './deviceListDialog.vue';
+import {
+  getCompanyBigScreenConfigListApi
+} from "@/assets/js/api/companyBigScreen.js";
 const deviceInfo = ref({})
 const tableList = ref([])
+const deviceDialogRef = ref(null)
+const companyBigScreenConfigList = ref({})
+const deviceListDialogRef = ref(null)
+const projectSn = ref('');
 
 const initDeviceData = (data) => {
   console.log(data, 'DeviceData')
   deviceInfo.value = data
   tableList.value = data.projectDevStatList || []
 }
+const getDeviceConfig = () => {
+  getCompanyBigScreenConfigList();
+};
+
+const handleEdit = () => {
+  deviceDialogRef.value.showModal(companyBigScreenConfigList.value)
+}
+
+const onDeviceListDialogShow = () => {
+  console.log("设备列表", tableList.value)
+  deviceListDialogRef.value.showModal({
+    tableList: tableList.value,
+    companyBigScreenConfigList: companyBigScreenConfigList.value
+  })
+}
+
+onMounted(() => {
+  projectSn.value = JSON.parse(sessionStorage.getItem("vuex")).userInfo.sn;
+  getCompanyBigScreenConfigList();
+})
+
+// 列表查询企业大屏配置信息
+const getCompanyBigScreenConfigList = () => {
+  const data = { sn: projectSn.value };
+  getCompanyBigScreenConfigListApi(data).then((res) => {
+    if (res.code == 200) {
+      if(res.result.length > 0) {
+        companyBigScreenConfigList.value = res.result[0];
+      }
+    }
+  });
+};
 
 defineExpose({
   initDeviceData
@@ -63,6 +130,7 @@ defineExpose({
   height: 66px;
   width: 100%;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 0 20px;
@@ -71,6 +139,9 @@ defineExpose({
   background-repeat: no-repeat;
   box-sizing: border-box;
   margin-bottom: 12px;
+  > .device-item:nth-child(n + 3) {
+    margin-top: 20px;
+  }
   .device-item {
     display: flex;
     align-items: center;
@@ -112,20 +183,6 @@ defineExpose({
     }
   }
 }
-::v-deep(.el-table thead) {
-  font-size: 16px;
-  color: #ffffff;
-  background-image: url('~@/assets/images/companyBigScreen/device-th-bg.png');
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-}
-::v-deep(.el-table tr) {
-  background-color: transparent;
-  color: #ffffff;
-}
-::v-deep(.el-table th.el-table__cell) {
-  background-color: transparent;
-}
 ::v-deep(.el-scrollbar__wrap) {
   overflow-x: hidden;
 }
diff --git a/src/views/companyAdmin/companyBigScreen/components/deviceDialog.vue b/src/views/companyAdmin/companyBigScreen/components/deviceDialog.vue
new file mode 100644
index 00000000..ffda9bec
--- /dev/null
+++ b/src/views/companyAdmin/companyBigScreen/components/deviceDialog.vue
@@ -0,0 +1,222 @@
+<template>
+  <BDialog title="设备管理" :visible.sync="visible" @close="closeModal" @confirm="handleConfirm">
+    <div class="info-dialog">
+      <el-form :model="fromData" :inline="true" label-width="100px" label-position="top">
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="摄像头数量统计">
+              <el-switch v-model="fromData.enableVideoDev" />
+            </el-form-item>
+            <el-form-item label="扬尘设备监测数量统计">
+              <el-switch v-model="fromData.enableDustDev" />
+            </el-form-item>
+            <el-form-item label="执法记录仪监测数量统计">
+              <el-switch v-model="fromData.enablePoliceCameraDev" />
+            </el-form-item>
+            <el-form-item label="车辆道闸设备监测数量统计">
+              <el-switch v-model="fromData.enableCarCameraDev" />
+            </el-form-item>
+            <el-form-item label="AI设备监测数量统计">
+              <el-switch v-model="fromData.enableAiAnalyseDev" />
+            </el-form-item>
+            <el-form-item label="临边防护监测数量统计">
+              <el-switch v-model="fromData.enableFrontierProtectionDev" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </BDialog>
+</template>
+<script setup>
+import BDialog from './b-dialog.vue'
+import { ref } from 'vue'
+import store from '@/store'
+import { Message } from 'element-ui'
+import {
+  saveEntityCompanyBigScreenConfigApi
+} from "@/assets/js/api/companyBigScreen.js";
+
+const visible = ref(false)
+const editId = ref(null)
+const emit = defineEmits(['refresh'])
+function showModal(data) {
+  if (data) {
+    fromData.value.enableVideoDev = data.enableVideoDev == 1 ? true : false;
+    fromData.value.enableDustDev = data.enableDustDev == 1 ? true : false;
+    fromData.value.enablePoliceCameraDev = data.enablePoliceCameraDev == 1 ? true : false;
+    fromData.value.enableCarCameraDev = data.enableCarCameraDev == 1 ? true : false;
+    fromData.value.enableAiAnalyseDev = data.enableAiAnalyseDev == 1 ? true : false;
+    fromData.value.enableFrontierProtectionDev = data.enableFrontierProtectionDev == 1 ? true : false;
+  }
+  visible.value = true
+}
+function closeModal() {
+  visible.value = false
+}
+
+const fromData = ref({
+  enableVideoDev: false,
+  enableDustDev: false,
+  enablePoliceCameraDev: false,
+  enableCarCameraDev: false,
+  enableAiAnalyseDev: false,
+  enableFrontierProtectionDev: false,
+})
+
+const handleConfirm = () => {
+  const params = {
+    // projectSn: store.state.userInfo.sn,
+    companySn: store.state.userInfo.sn,
+    enableVideoDev: fromData.value.enableVideoDev ? 1 : 0,
+    enableDustDev: fromData.value.enableDustDev ? 1 : 0,
+    enablePoliceCameraDev: fromData.value.enablePoliceCameraDev ? 1 : 0,
+    enableCarCameraDev: fromData.value.enableCarCameraDev ? 1 : 0,
+    enableAiAnalyseDev: fromData.value.enableAiAnalyseDev ? 1 : 0,
+    enableFrontierProtectionDev: fromData.value.enableFrontierProtectionDev ? 1 : 0,
+  }
+  saveEntityCompanyBigScreenConfigApi(params).then(res => {
+    console.log(res)
+    if (res.code === 200) {
+      Message.success('操作成功')
+      emit('refresh')
+      closeModal()
+    }
+  })
+}
+
+defineExpose({
+  showModal
+})
+</script>
+
+<style scoped lang="less">
+:deep(.el-form-item) {
+  width: 100%;
+  display: inline-flex;
+  margin-bottom: 0px;
+
+  .el-form-item__label {
+    padding: 0;
+  }
+
+  .el-form-item__content {
+    text-align: right;
+    flex: 1;
+  }
+}
+
+.company-info-dialog {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+::v-deep(.el-form-item__label) {
+  color: #fff;
+}
+
+::v-deep(.el-input__inner) {
+  background: rgba(27, 68, 121, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid #7e98c8;
+  color: #fff;
+}
+
+::v-deep(.el-textarea__inner) {
+  background: rgba(27, 68, 121, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid #7e98c8;
+  color: #fff;
+}
+
+::v-deep(.el-scrollbar__wrap) {
+  overflow-x: hidden;
+}
+
+.block {
+  height: 1px;
+  width: 100%;
+}
+
+.info-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .info-item {
+    width: 100%;
+    display: flex;
+    gap: 10px;
+    position: relative;
+
+    .info-label {
+      width: 50%;
+      vertical-align: middle;
+      font-size: 14px;
+      color: #fff;
+      line-height: 40px;
+      padding: 0 12px 0 0;
+      box-sizing: border-box;
+    }
+
+    .info-delete {
+      cursor: pointer;
+      font-size: 16px;
+      color: #fff;
+      position: absolute;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    .info-input {
+      width: calc(50% - 16px);
+    }
+  }
+}
+
+.info-tip {
+  font-size: 12px;
+  color: #fff;
+  line-height: 36px;
+  box-sizing: border-box;
+}
+</style>
+<style lang="less">
+.b-upload .el-upload {
+  border: 1px dashed rgba(96, 143, 243, 0.3);
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  background: #0e2749;
+  box-sizing: border-box;
+}
+
+.b-upload .el-upload:hover {
+  border-color: #608ff3;
+}
+
+.b-upload-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 294px;
+  height: 166px;
+  line-height: 166px;
+  text-align: center;
+}
+
+.b-upload-img {
+  width: 294px;
+  height: 166px;
+  display: block;
+}
+
+.b-upload-close {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  font-size: 16px;
+  color: red;
+}
+</style>
diff --git a/src/views/companyAdmin/companyBigScreen/components/deviceListDialog.vue b/src/views/companyAdmin/companyBigScreen/components/deviceListDialog.vue
new file mode 100644
index 00000000..46bed0a0
--- /dev/null
+++ b/src/views/companyAdmin/companyBigScreen/components/deviceListDialog.vue
@@ -0,0 +1,91 @@
+<template>
+    <BDialog title="设备列表" :pageInfo="pageInfo" :listShow="true" :visible.sync="visible" @pagination="onPagination" @close="closeModal">
+        <div class="info-dialog">
+            <el-table :data="tableListUp" :height="370" tooltip-effect="dark">
+                <el-table-column label="项目名称" align="center">
+                    <template slot-scope="scope">{{ scope.row.projectName }}</template>
+                </el-table-column>
+                <el-table-column v-if="companyBigScreenConfigList.enableVideoDev == 1" label="摄像头数量" align="center">
+                    <template slot-scope="scope">{{ scope.row.videoNum }}</template>
+                </el-table-column>
+                <el-table-column v-if="companyBigScreenConfigList.enableDustDev == 1" label="扬尘设备数量" align="center">
+                    <template slot-scope="scope">{{ scope.row.environmentDevNum }}</template>
+                </el-table-column>
+                <el-table-column v-if="companyBigScreenConfigList.enablePoliceCameraDev == 1" label="执法记录仪设备监测数量" align="center">
+                    <template slot-scope="scope">{{ scope.row.policeCameraNum }}</template>
+                </el-table-column>
+                <el-table-column v-if="companyBigScreenConfigList.enableCarCameraDev == 1" label="车辆道闸设备监测数量" align="center">
+                    <template slot-scope="scope">{{ scope.row.carCameraNum }}</template>
+                </el-table-column>
+                <el-table-column v-if="companyBigScreenConfigList.enableAiAnalyseDev == 1" label="AI设备监测数量" align="center">
+                    <template slot-scope="scope">{{ scope.row.aiAnalyseHardNum }}</template>
+                </el-table-column>
+                <el-table-column v-if="companyBigScreenConfigList.enableFrontierProtectionDev == 1" label="临边防护监测数量" align="center">
+                    <template slot-scope="scope">{{ scope.row.frontierProtectionDevNum }}</template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </BDialog>
+</template>
+<script setup>
+import BDialog from './b-dialog.vue'
+import { computed, reactive, ref } from 'vue'
+import store from '@/store'
+import { Message } from 'element-ui'
+
+const visible = ref(false)
+const tableList = ref([])
+const pageInfo = reactive({
+    pageNo: 1,
+    pageSize: 10,
+    total: 0,
+})
+const companyBigScreenConfigList = ref({});
+
+const emit = defineEmits(['refresh'])
+function showModal(data) {
+    console.log(334455, data)
+    tableList.value = data.tableList;
+    companyBigScreenConfigList.value = data.companyBigScreenConfigList;
+    pageInfo.total = data.tableList.length;
+    visible.value = true
+}
+function closeModal() {
+    visible.value = false
+}
+
+const fromData = ref({
+    isCustom: false,
+})
+const onPagination = (data) => {
+    pageInfo.pageNo = data.pageNo;
+    pageInfo.pageSize = data.pageSize;
+}
+
+const tableListUp = computed(() => {
+    return tableList.value.length > 0 ? tableList.value.slice((pageInfo.pageNo - 1) * pageInfo.pageSize, pageInfo.pageNo * pageInfo.pageSize) : []
+})
+
+defineExpose({
+    showModal
+})
+</script>
+
+<style scoped lang="less">
+::v-deep(.el-table thead) {
+    font-size: 16px;
+    color: #ffffff;
+    background-image: url('~@/assets/images/companyBigScreen/device-th-bg.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+
+::v-deep(.el-table tr) {
+    background-color: transparent;
+    color: #ffffff;
+}
+
+::v-deep(.el-table th.el-table__cell) {
+    background-color: transparent;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/companyAdmin/companyBigScreen/index.vue b/src/views/companyAdmin/companyBigScreen/index.vue
index cd9744f8..e4c2718c 100644
--- a/src/views/companyAdmin/companyBigScreen/index.vue
+++ b/src/views/companyAdmin/companyBigScreen/index.vue
@@ -1,15 +1,9 @@
 <template>
   <div class="bigScreen-wrap">
     <headers></headers>
-    <transition
-      enter-class="animate__fadeInRight"
-      enter-to-class="animate__fadeInRight"
-      enter-active-class="animate__fadeInRight"
-      leave-class="animate__fadeOutRight"
-      leave-to-class="animate__fadeOutRight"
-      leave-active-class="animate__fadeOutRight"
-      appear
-    >
+    <transition enter-class="animate__fadeInRight" enter-to-class="animate__fadeInRight"
+      enter-active-class="animate__fadeInRight" leave-class="animate__fadeOutRight"
+      leave-to-class="animate__fadeOutRight" leave-active-class="animate__fadeOutRight" appear>
       <right ref="rightRef" />
     </transition>
     <div class="map-container" id="map">
@@ -19,118 +13,248 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import Statistics from './components/statistics.vue'
-import headers from './components/header.vue'
-import right from './components/right.vue'
+import { ref, onMounted } from "vue";
+import Statistics from "./components/statistics.vue";
+import headers from "./components/header.vue";
+import right from "./components/right.vue";
 import {
   getProjectList,
   selectCooperateEnterpriseList,
   selectAllProjectInfoList,
-} from '@/assets/js/api/companyBigScreen.js'
+  getRangeAddrByUserIdCompanyBigScreenApi
+} from "@/assets/js/api/companyBigScreen.js";
 
 // 响应式数据
-const mapObj = ref(null)
-const projectSn = ref('')
-const CooperateEnterpriseList = ref([])
-const allProjectData = ref([])
-const statisticsData = ref(null)
-const statisticsRef = ref(null)
-const rightRef = ref(null)
+const mapObj = ref(null);
+const projectSn = ref("");
+const CooperateEnterpriseList = ref([]);
+const allProjectData = ref([]);
+const statisticsData = ref(null);
+const statisticsRef = ref(null);
+const rightRef = ref(null);
 
 // 初始化地图
 const initMap = () => {
-  mapObj.value = new AMap.Map('map', {
-    resizeEnable: true,
+  mapObj.value = new AMap.Map("map", {
     zoom: 5,
-    mapStyle: 'amap://styles/darkblue',
+    expandZoomRange: true, // 开启显示范围设置
+    zooms: [3, 20],
+    center: [116.333926, 39.997245],
+    zoomEnable: true, // 是否可以缩放地图
+    resizeEnable: true,
+    mapStyle: "amap://styles/darkblue",
     rotateEnable: true,
     pitchEnable: true,
     pitch: 50,
     buildingAnimation: true,
     expandZoomRange: true,
-    zooms: [3, 20],
-    center: [116.333926, 39.997245]
-  })
-}
+  });
+  getAllProjectInfoList();
+};
 
 // 添加标记
-const addMarker = () => {
-  mapObj.value.clearMap()
+const addMarker = (maskPolygon) => {
+  mapObj.value.clearMap();
   allProjectData.value.forEach((data, i) => {
-    const lng = data.longitude
-    const lat = data.latitude
-    const IconUrl = new AMap.Icon({
-      size: new AMap.Size(36, 36),
-      image: require('@/assets/images/companyBigScreen/location.svg'),
-      imageSize: new AMap.Size(36, 36),
-      imageOffset: new AMap.Pixel(0, 0)
-    })
-    const marker = new AMap.Marker({
-      icon: IconUrl,
-      map: mapObj.value,
-      position: [lng, lat],
-      offset: new AMap.Pixel(-20, -20)
-    })
-    marker.setLabel({
-      direction: 'bottom',
-      content: `<div class="marker-content">${data.projectName}</div>`
-    })
-    marker.on('click', (e) => {
-      console.log('点击了坐标点', data)
-      marker.value = marker
-      mapObj.value.setCenter([e.lnglat.getLng(), e.lnglat.getLat()])
-    })
-  })
-  mapObj.value.setFitView()
-}
+    const lng = data.longitude;
+    const lat = data.latitude;
+    const isPointInRing = AMap.GeometryUtil.isPointInRing(
+      [lng, lat],
+      maskPolygon
+    );
+    // console.log(maskPolygon, isPointInRing,data);
+
+    // 判断是否在掩模内
+    if (isPointInRing) {
+      const IconUrl = new AMap.Icon({
+        size: new AMap.Size(36, 36),
+        image: require("@/assets/images/companyBigScreen/location.svg"),
+        imageSize: new AMap.Size(36, 36),
+        imageOffset: new AMap.Pixel(0, 0),
+      });
+      const marker = new AMap.Marker({
+        icon: IconUrl,
+        map: mapObj.value,
+        position: [lng, lat],
+        offset: new AMap.Pixel(-20, -20),
+      });
+      marker.setLabel({
+        direction: "bottom",
+        content: `<div class="marker-content">${data.projectName}</div>`,
+      });
+      marker.on("click", (e) => {
+        console.log("点击了坐标点", data);
+        marker.value = marker;
+        mapObj.value.setCenter([e.lnglat.getLng(), e.lnglat.getLat()]);
+      });
+    }
+  });
+  // mapObj.value.setFitView();
+};
 
 // 获取合作企业列表
 const getCooperateEnterpriseList = () => {
-  const data = { sn: projectSn.value }
-  selectCooperateEnterpriseList(data).then(res => {
+  const data = { sn: projectSn.value };
+  selectCooperateEnterpriseList(data).then((res) => {
     if (res.code == 200) {
-      CooperateEnterpriseList.value = res.result
+      CooperateEnterpriseList.value = res.result;
     }
-  })
-}
+  });
+};
 
 // 获取所有项目信息
-const getAllProjectInfoList = () => {
-  const data = { sn: projectSn.value }
-  selectAllProjectInfoList(data).then(res => {
+const getAllProjectInfoList = (maskPolygon) => {
+  const data = { sn: projectSn.value };
+  selectAllProjectInfoList(data).then((res) => {
     if (res.code == 200) {
-      allProjectData.value = res.result
-      addMarker()
+      allProjectData.value = res.result;
+      addMarker(maskPolygon);
     }
-  })
-}
+  });
+};
 
 // 获取项目列表数据
 const getProjectListData = async () => {
-  const res = await getProjectList({ companySn: projectSn.value })
+  const res = await getProjectList({ companySn: projectSn.value });
   statisticsData.value = {
     buildProject: res.result.buildProject,
     projectTotal: res.result.projectTotal,
     completeProject: res.result.completeProject,
-    newProject: res.result.newProject
-  }
-  statisticsRef.value.initData(statisticsData.value)
-  rightRef.value.initData(res.result)
-}
+    newProject: res.result.newProject,
+  };
+  statisticsRef.value.initData(statisticsData.value);
+  console.log(333333, res);
+  rightRef.value.initData(res.result);
+};
+const getRangeAddrByUserIdCompanyBigScreen = () => {
+  getRangeAddrByUserIdCompanyBigScreenApi({
+    companySn: projectSn.value
+  }).then((res) => {
+    if (res.code == 200) {
+      const resultList = res.result.reduce((prev, cur) => {
+        const rangeAddrList = cur.rangeAddr && JSON.parse(cur.rangeAddr);
+        console.log(rangeAddrList instanceof Array,cur)
+        if(rangeAddrList instanceof Array && rangeAddrList.length > 0) {
+          rangeAddrList.forEach(item => {
+            console.log(prev.includes(item))
+            if(prev.includes(item)) return
+            prev.push(item)
+          })
+        }
+        return prev
+      }, []);
+      showProvinceMask(resultList);
+      console.log(112233, resultList);
+    }
+  });
+};
 
 // 生命周期钩子
 onMounted(() => {
-  projectSn.value = JSON.parse(sessionStorage.getItem('vuex')).userInfo.sn
-  initMap()
-  getProjectListData()
-  getCooperateEnterpriseList()
-  getAllProjectInfoList()
-})
+  projectSn.value = JSON.parse(sessionStorage.getItem("vuex")).userInfo.sn;
+  getRangeAddrByUserIdCompanyBigScreen();
+  // showProvinceMask(["广东省", "浙江省", "上饶市"]);
+  // initMap();
+  getProjectListData();
+  getCooperateEnterpriseList();
+});
+const directCities = ["北京市", "天津市", "上海市", "重庆市"];
+const specialRegions = ["香港特别行政区", "澳门特别行政区"];
+function getLevelByName(name) {
+  if (
+    name.endsWith("省") ||
+    name.endsWith("自治区") ||
+    specialRegions.includes(name) ||
+    directCities.includes(name)
+  ) {
+    return "province";
+  }
+  if (name.endsWith("市")) {
+    // 不是直辖市就是地级市
+    return directCities.includes(name) ? "province" : "city";
+  }
+  // 其它情况可根据需要补充
+  return "district";
+}
+const showProvinceMask = (provinceNames) => {
+  const maskBoundaries = [];
+  const maskPolygon = provinceNames.reduce((prev, cur) => {
+    prev.push([]);
+    return prev
+  }, []);
+  const mask = [];
+  let center = null; // 用第一个省份的中心点
+  // 递归查询所有省份
+  const searchNext = (index) => {
+    if (index >= provinceNames.length) {
+      // 所有省份查完，初始化地图
+      mapObj.value = new AMap.Map("map", {
+        mask: mask, // 多区域掩模
+        zoom: 7,
+        expandZoomRange: true,
+        zooms: [3, 20],
+        center: center,
+        viewMode: "3D",
+        zoomEnable: true,
+        resizeEnable: true,
+        mapStyle: "amap://styles/darkblue",
+        backgroundColor: "transparent",
+      });
+      getAllProjectInfoList(maskPolygon);
+
+      maskBoundaries.forEach((item) => {
+        // 绘制所有省份边界高亮
+        const polygon = new AMap.Polygon({
+          path: item,
+          strokeColor: "#1791fc",
+          strokeWeight: 2,
+          fillColor: "#1791fc",
+          fillOpacity: 0.1,
+          zIndex: 11,
+        });
+        mapObj.value.add(polygon);
+      });
+      return;
+    }
+    const level = getLevelByName(provinceNames[index]);
+    // 查询当前省份
+    const district = new AMap.DistrictSearch({
+      subdistrict: 0,
+      extensions: "all",
+      level: level,
+    });
+    district.search(provinceNames[index], (status, result) => {
+      if (status === "complete" && result.districtList.length) {
+        const boundaries = result.districtList[0].boundaries;
+        console.log(11122223332, boundaries, index)
+        if (boundaries.length) {
+          for (let i = 0; i < boundaries.length; i++) {
+            mask.push([boundaries[i]]);
+            let arr = boundaries[i];
+            arr.map((item) => {
+              maskPolygon[index].push([item.lng, item.lat]);
+            });
+            maskBoundaries.push(boundaries[i]); // 多区域掩模
+          }
+          
+          if (!center) {
+            // 只用第一个省份的中心点
+            const c = result.districtList[0].center;
+            center = [c.lng, c.lat];
+          }
+        }
+      }
+      // 递归查下一个
+      searchNext(index + 1);
+    });
+  };
+  searchNext(0);
+};
 </script>
 
 <style lang="less" scoped>
-@import './animate/animate.min.css';
+@import "./animate/animate.min.css";
+
 .bigScreen-wrap {
   width: 100%;
   height: 100%;
@@ -139,24 +263,28 @@ onMounted(() => {
   position: relative;
   color: #fff;
   // background: #0a141c;
-  background: url('~@/assets/images/companyBigScreen/big-screen-bg.png') center no-repeat;
+  background: url("~@/assets/images/companyBigScreen/big-screen-bg.png") center no-repeat;
   background-size: 100% 100%;
   overflow: hidden;
+
   :deep(.amap-marker-label) {
     padding: 0;
     border: none;
     background: transparent;
   }
 }
+
 .active-color {
   color: #02fbe2;
 }
+
 .map-container {
   width: calc(100% - 60px - 450px);
   height: calc(100% - 66px - 40px);
   position: absolute;
   top: 86px;
   left: 20px;
+  background: transparent !important;
 }
 
 /*滚动条整体部分,必须要设置*/
@@ -165,16 +293,19 @@ onMounted(() => {
   height: 26px;
   background-color: transparent;
 }
+
 /*滚动条的轨道*/
 ::-webkit-scrollbar-track {
   background-color: transparent;
 }
+
 /*滚动条的滑块按钮*/
 ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: rgba(4, 106, 169, 0.3);
   box-shadow: inset 0 0 5px rgba(4, 186, 169, 0.3);
 }
+
 /*滚动条的上下两端的按钮*/
 ::-webkit-scrollbar-button {
   height: 0;