diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/tab-index-checked.png b/src/assets/overview_images/tab-index-checked.png new file mode 100644 index 0000000..22f316b --- /dev/null +++ b/src/assets/overview_images/tab-index-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/tab-index-checked.png b/src/assets/overview_images/tab-index-checked.png new file mode 100644 index 0000000..22f316b --- /dev/null +++ b/src/assets/overview_images/tab-index-checked.png Binary files differ diff --git a/src/assets/overview_images/tab-index-unchecked.png b/src/assets/overview_images/tab-index-unchecked.png new file mode 100644 index 0000000..2a247c0 --- /dev/null +++ b/src/assets/overview_images/tab-index-unchecked.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/tab-index-checked.png b/src/assets/overview_images/tab-index-checked.png new file mode 100644 index 0000000..22f316b --- /dev/null +++ b/src/assets/overview_images/tab-index-checked.png Binary files differ diff --git a/src/assets/overview_images/tab-index-unchecked.png b/src/assets/overview_images/tab-index-unchecked.png new file mode 100644 index 0000000..2a247c0 --- /dev/null +++ b/src/assets/overview_images/tab-index-unchecked.png Binary files differ diff --git a/src/assets/overview_images/tab-top-bg.png b/src/assets/overview_images/tab-top-bg.png new file mode 100644 index 0000000..068c663 --- /dev/null +++ b/src/assets/overview_images/tab-top-bg.png Binary files differ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/tab-index-checked.png b/src/assets/overview_images/tab-index-checked.png new file mode 100644 index 0000000..22f316b --- /dev/null +++ b/src/assets/overview_images/tab-index-checked.png Binary files differ diff --git a/src/assets/overview_images/tab-index-unchecked.png b/src/assets/overview_images/tab-index-unchecked.png new file mode 100644 index 0000000..2a247c0 --- /dev/null +++ b/src/assets/overview_images/tab-index-unchecked.png Binary files differ diff --git a/src/assets/overview_images/tab-top-bg.png b/src/assets/overview_images/tab-top-bg.png new file mode 100644 index 0000000..068c663 --- /dev/null +++ b/src/assets/overview_images/tab-top-bg.png Binary files differ diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue index 7e27729..a5cf860 100644 --- a/src/views/ctrl/overview.vue +++ b/src/views/ctrl/overview.vue @@ -2,7 +2,7 @@
- + {{ title }}
@@ -53,7 +53,12 @@
-
报警列表
+
报警列表 + + + + +
-
- - - - - - - - - - +
- - - + + + + 全部 - + - 球机 + 摄像头 - - - 枪机 - - - + - 人脸识别 + 电子围栏 - - - 车牌识别 - - - + - 周界 + 温湿度 + + + + + 烟感 + + + + + 声光报警
- 园区平面图 - 3#一层 - 4#一层 - 4#五层 +
+
营区总览
+
三号楼
+
四号楼
+
+ +
+
+
三号楼一层
+
四号楼一层
+
四号楼五层
-
- - 设备名称 - {{ dataForm.name }} +
+ + + 设备名称 + {{ dataForm.name }} - 设备编号 - {{ dataForm.devcode }} + 设备编号 + {{ dataForm.devcode }} - 设备类型 - {{ dataForm.typeName }} + 设备类型 + {{ dataForm.typeName }} - - 设备型号 - {{ dataForm.model }} + + 设备型号 + {{ dataForm.model }} - - 在线状态 - {{ dataForm.onlineStatusName }} + + 在线状态 + {{ dataForm.onlineStatusName }} - - 是否开启 - {{ dataForm.deviceStatusName }} + + 是否开启 + {{ dataForm.deviceStatusName }} - - 安装日期 - {{ dataForm.installDate }} + + 安装日期 + {{ dataForm.installDate }} - - 安装位置 - {{ dataForm.position }} + + 安装位置 + {{ dataForm.position }} - - - {{ dataForm.inOutName }} + + + {{ dataForm.inOutName }}
@@ -223,11 +227,15 @@ width: 1440, height: 789 }, // 屏幕窗口尺寸 - round: true, - gun: true, - face: true, - car: true, - perimeter: true, + footLeft: 10, + showFence: true, + showTemp: false, + showSmoking: false, + showSound: false, + showSubTabGuider: false, + showFloorThree: false, + showFloorFour: false, + showDevDetail: false, alarmList: [], alarmColumns: [ { @@ -244,7 +252,7 @@ text: '报警时间', value: 'alarmTime', align: 'center', - width: 120 + width: 165 } ], // 显示列 tableShow: true, // 是否显示告警列表 @@ -265,38 +273,35 @@ isDoor: false } }, - activated() { - this.fetchData() - this.fetchDeviceData() - this.fetchAlarmNowData() - }, mounted() { - // this.getBgImageSize() - // this.reDrawDevs() + this.initWindowSize() + + this.fetchData() + this.fetchAlarmNowData() const that = this window.onresize = function() { - that.getBgImageSize() + that.reDrawDevs() } }, methods: { + initWindowSize() { + // 获取窗体尺寸 + this.winSize = { + width: document.documentElement.clientWidth, + height: document.documentElement.clientHeight + } + }, getBgImageSize() { // 获取图片尺寸 this.imgSize = { width: this.$refs['bgImg'].width, height: this.$refs['bgImg'].height } - // 获取窗体尺寸 - this.winSize = { - width: document.documentElement.clientWidth, - height: document.documentElement.clientHeight - } - - this.reDrawDevs() + // this.changeMap('tg_main') + // this.reDrawDevs() }, reDrawDevs() { - // this.getBgImageSize() - const halfLeft = (this.winSize.width - this.imgSize.width) / 2 // 调整球机的设备位置 @@ -304,12 +309,14 @@ this.devList.forEach(function(item) { const point = document.getElementById(item.id) - if (item.x !== '' && item.y !== '') { - point.style.position = 'absolute' - point.style.top = item.y * that.imgSize.height / that.imgSizeOriginal.height + 'px' - point.style.left = (item.x * that.imgSize.width / that.imgSizeOriginal.width + halfLeft) + 'px' - } else { - point.style.display = 'none' + if (point !== null) { + if (item.x !== '' && item.y !== '') { + point.style.position = 'absolute' + point.style.top = item.y * that.imgSize.height / that.imgSizeOriginal.height + 'px' + point.style.left = (item.x * that.imgSize.width / that.imgSizeOriginal.width + halfLeft) + 'px' + } else { + point.style.display = 'none' + } } }) }, @@ -328,6 +335,7 @@ overviewDeviceList(this.devListParams).then(response => { if (response.code === 200) { this.devList = response.data + this.reDrawDevs() } }) }, @@ -348,68 +356,128 @@ backToIndex() { this.$router.push('/ctrl') }, - selectDevByType(type) { - switch (type) { - case 'round': - this.round = !this.round - break - case 'gun': - this.gun = !this.gun - break - case 'face': - this.face = !this.face - break - case 'car': - this.car = !this.car - break - case 'perimeter': - this.perimeter = !this.perimeter - break + selectDevByType(type, event) { + // 遍历所有的设备类型 + const devTypes = document.querySelectorAll('.dev-icon') + for (let i = 0; i < devTypes.length; i++) { + if (devTypes[i].className.indexOf('dev-type-selected') > -1) { + devTypes[i].className = 'dev-icon el-col el-col-24' + } } + + // 添加选中的样式 + event.currentTarget.className += ' dev-type-selected' + + console.log(event.currentTarget) }, - setClass(key) { - const classObj = {} - classObj['point'] = true - return classObj - // switch (type) { - // case 'round': - // classObj['point-flicker-r'] = true - // return classObj - // - // case 'gun': - // classObj['point-flicker-g'] = true - // return classObj - // - // case 'face': - // classObj['point-flicker-f'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // - // case 'car': - // classObj['point-flicker-c'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // - // case 'perimeter': - // classObj['point-flicker-p'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // } + selectMapTab(tab, event) { + // 遍历所有的地图 + const mapTabs = document.querySelectorAll('.map-index-button') + for (let i = 0; i < mapTabs.length; i++) { + if (mapTabs[i].className.indexOf('index-selected') > -1) { + mapTabs[i].className = 'map-index-button' + } + } + + // 添加选中的样式 + event.currentTarget.className += ' index-selected' + + // 选中三层 + if (tab === 'three') { + this.showSubTabGuider = true + this.showFloorThree = true + this.showFloorFour = false + + this.$refs['sub-tab'].style.position = 'absolute' + this.$refs['sub-tab'].style.right = '290px' + this.$refs['sub-tab'].style.top = '135px' + + this.$refs['sub-tab-border'].style.position = 'absolute' + this.$refs['sub-tab-border'].style.right = '335px' + this.$refs['sub-tab-border'].style.top = '185px' + + this.$refs['sub-tab-floor-3'].style.position = 'absolute' + this.$refs['sub-tab-floor-3'].style.right = '340px' + this.$refs['sub-tab-floor-3'].style.top = '220px' + } else if (tab === 'four') { + this.showSubTabGuider = true + this.showFloorThree = false + this.showFloorFour = true + + this.$refs['sub-tab'].style.position = 'absolute' + this.$refs['sub-tab'].style.right = '290px' + this.$refs['sub-tab'].style.top = '210px' + + this.$refs['sub-tab-border'].style.position = 'absolute' + this.$refs['sub-tab-border'].style.right = '335px' + this.$refs['sub-tab-border'].style.top = '260px' + + this.$refs['sub-tab-floor-4-1'].style.position = 'absolute' + this.$refs['sub-tab-floor-4-1'].style.right = '340px' + this.$refs['sub-tab-floor-4-1'].style.top = '300px' + + this.$refs['sub-tab-floor-4-5'].style.position = 'absolute' + this.$refs['sub-tab-floor-4-5'].style.right = '340px' + this.$refs['sub-tab-floor-4-5'].style.top = '350px' + } else { + this.showSubTabGuider = false + this.showFloorThree = false + this.showFloorFour = false + this.changeMap('tg_main') + } }, changeMap(index) { this.bgImageSrc = tg_main this.imgSizeOriginal = { width: 2245, height: 1586 } + this.showFence = true + this.showTemp = false + this.showSound = false + this.showSmoking = false + + this.footLeft = (this.winSize.width - 3 * 210) / 2 + this.devListParams.picture = '1' if (index === 'tg_3_1') { this.bgImageSrc = tg_3_1 + + this.showFence = false + this.showTemp = false + this.showSmoking = false + this.showSound = false + this.footLeft = (this.winSize.width - 2 * 210) / 2 + + this.devListParams.picture = '2' } else if (index === 'tg_4_1') { this.bgImageSrc = tg_4_1 this.imgSizeOriginal = { width: 2218, height: 2169 } + + this.showFence = false + this.showTemp = true + this.showSmoking = true + this.showSound = true + this.footLeft = (this.winSize.width - 5 * 210) / 2 + + this.devListParams.picture = '3' } else if (index === 'tg_4_5') { this.bgImageSrc = tg_4_5 + + this.showFence = false + this.showTemp = false + this.showSmoking = false + this.showSound = false + this.footLeft = (this.winSize.width - 2 * 210) / 2 + + this.devListParams.picture = '4' } + + // 将二级菜单的指引区隐藏 + this.showSubTabGuider = false + this.showFloorThree = false + this.showFloorFour = false + + this.fetchDeviceData() }, - detailDev(dev) { + detailDev(dev, event) { getDetailDevice(dev.id).then(response => { if (response.code === 200) { this.dataForm = { @@ -438,6 +506,16 @@ this.$message.error(response.message) } }) + + // 弹窗显示设备详情 + const targetDev = event.currentTarget // 取到点击到的设备图标div + + this.showDevDetail = true + let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2)) + top = top + 100 + this.$refs['dev-detail-block'].style.position = 'absolute' + this.$refs['dev-detail-block'].style.top = top + 'px' + this.$refs['dev-detail-block'].style.left = targetDev.style.left }, alarmRowClick(dev, column, event) { @@ -460,7 +538,7 @@ .main-title { height: 90px; text-align: center; - padding-top: 21px; + padding-top: 20px; background: url("../../assets/overview_images/title-background-1920.png"); } @@ -477,14 +555,14 @@ height: 26px; position: fixed; left: 20px; - top: 12px; + top: 20px; } .exit-icon { width: 26px; height: 26px; position: fixed; right: 20px; - top: 12px; + top: 20px; } .home-icon img, .exit-icon img { width: 26px; @@ -499,8 +577,9 @@ } .map-overview { - margin-top: 30px; - height: calc(90vh - 140px); + margin-top: 50px; + /*width: 1100px;*/ + height: calc(90vh - 200px); text-align: center; position: relative; } @@ -551,12 +630,16 @@ z-index: 500; top: 300px; left: 20px; - width: 400px; + width: 480px; .map-alarm-div-header { line-height: 40px; padding-left: 10px; color: #00fff6; font-size: 24px; + .icon-right { + cursor: pointer; + margin-left: 20px; + } } .el-scrollbar { /*height: 200px;*/ @@ -573,18 +656,6 @@ .el-table { font-size: 12px; } - /*.el-table th {*/ - /* background-color: #0757A0;*/ - /* padding: 7px 0px;*/ - /*}*/ - .el-table td { - /*background-color: rgba(255, 234, 241, 0.8);*/ - padding: 5px 0px; - /*line-height: 1;*/ - } - .el-table td:hover { - /*background-color: rgba(255, 234, 241, 0.8);*/ - } .transition-box { margin-bottom: 10px; width: 200px; @@ -601,7 +672,7 @@ .alarm-now-block /deep/ .el-table th { background-color: #0757A0; - padding: 7px 0px; + padding: 12px 0px; font-size: 16px; color: #00fff6; font-weight: normal; @@ -609,66 +680,136 @@ .alarm-now-block /deep/ .el-table td { /*background-color: #0757A0;*/ - padding: 5px 0px; - font-size: 14px; + padding: 10px 0px; + font-size: 15px; color: #FFFFFF; font-weight: normal; } .alarm-now-block /deep/ .el-table__row td { - /*background-color: #0757A0;*/ - padding: 5px 0px; - font-size: 14px; - color: #FFFFFF; - font-weight: normal; + background-color: #023D83; + } + .alarm-now-block /deep/ .el-table__body tr:hover > td { + background-color: #0757A0; + } + .alarm-now-block /deep/ tr.el-table__row--striped td { + background-color: #0757A0; } .map-tab { position: absolute; - right: 30px; + right: 20px; top: 100px; - width: 100px; + width: 300px; button { margin: 5px 0px; } } + .tab-top { + position: relative; + width: 284px; + height: 24px; + background: url("../../assets/overview_images/tab-top-bg.png"); + } + .tab-bottom { + position: relative; + width: 284px; + height: 24px; + background: url("../../assets/overview_images/tab-bottom-bg.png"); + } + .map-index-button { + position: relative; + width: 284px; + height: 74px; + background: url("../../assets/overview_images/tab-index-unchecked.png"); + font-size: 32px; + line-height: 74px; + text-align: center; + color: #FFFFFF; + cursor: pointer; + } + .index-selected { + background: url("../../assets/overview_images/tab-index-checked.png"); + } + .sub-tab-guider { + width: 149px; + height: 50px; + background: url("../../assets/overview_images/sub-tab-guider.png"); + } + .sub-tab-border { + width: 204px; + height: 253px; + background: url("../../assets/overview_images/sub-tab-border.png"); + } + .sub-tab-content { + text-align: center; + color: #FFFFFF; + font-size: 28px; + cursor: pointer; + width: 200px; + } + .dev-detail-block { - position: absolute; - right: 30px; - top: 400px; - width: 300px; + /*position: absolute;*/ + /*right: 20px;*/ + /*bottom: 100px;*/ + width: 520px; + height: 335px; color: #00FFFF; - font-size: 12px; + font-size: 24px; font-family: "Microsoft YaHei"; + padding: 45px 60px; + line-height: 35px; + background: url("../../assets/overview_images/dev-info.png"); + .dev-detail-span { + margin-left: 20px; + } + .dev-detail-close::before { + content: "\2716"; + position: relative; + top: -20px; + right: -410px; + cursor: pointer; + } } .dev-footer { - position: fixed; - bottom: 50px; + position: absolute; + bottom: 25px; } .dev-icon { - width: calc(10vw - 5px); + width: 195px; + height: 105px; vertical-align: middle; - border: 1px solid #00ffff; - padding: 10px 5px !important; - margin-left: 5px; + line-height: 65px; + padding: 20px 30px !important; + margin-left: 15px; cursor: pointer; + background: url("../../assets/overview_images/dev-type-border-unchecked.png"); } + .dev-icon img { height: 40px; vertical-align:middle; } .dev-icon span { - font-size: 14px; + font-size: 20px; color: #00D2FF; - line-height: 40px; - height: 40px; + line-height: 65px; + height: 65px; vertical-align:middle; float: right; } + .dev-type-selected { + background: url("../../assets/overview_images/dev-type-border-checked.png"); + } + .dev-type-selected span { + color: #f58a88 !important; + } + @media(max-width: 1440px) { .main-title { height: 68px; @@ -744,443 +885,13 @@ diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/tab-index-checked.png b/src/assets/overview_images/tab-index-checked.png new file mode 100644 index 0000000..22f316b --- /dev/null +++ b/src/assets/overview_images/tab-index-checked.png Binary files differ diff --git a/src/assets/overview_images/tab-index-unchecked.png b/src/assets/overview_images/tab-index-unchecked.png new file mode 100644 index 0000000..2a247c0 --- /dev/null +++ b/src/assets/overview_images/tab-index-unchecked.png Binary files differ diff --git a/src/assets/overview_images/tab-top-bg.png b/src/assets/overview_images/tab-top-bg.png new file mode 100644 index 0000000..068c663 --- /dev/null +++ b/src/assets/overview_images/tab-top-bg.png Binary files differ diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue index 7e27729..a5cf860 100644 --- a/src/views/ctrl/overview.vue +++ b/src/views/ctrl/overview.vue @@ -2,7 +2,7 @@
- + {{ title }}
@@ -53,7 +53,12 @@
-
报警列表
+
报警列表 + + + + +
-
- - - - - - - - - - +
- - - + + + + 全部 - + - 球机 + 摄像头 - - - 枪机 - - - + - 人脸识别 + 电子围栏 - - - 车牌识别 - - - + - 周界 + 温湿度 + + + + + 烟感 + + + + + 声光报警
- 园区平面图 - 3#一层 - 4#一层 - 4#五层 +
+
营区总览
+
三号楼
+
四号楼
+
+ +
+
+
三号楼一层
+
四号楼一层
+
四号楼五层
-
- - 设备名称 - {{ dataForm.name }} +
+ + + 设备名称 + {{ dataForm.name }} - 设备编号 - {{ dataForm.devcode }} + 设备编号 + {{ dataForm.devcode }} - 设备类型 - {{ dataForm.typeName }} + 设备类型 + {{ dataForm.typeName }} - - 设备型号 - {{ dataForm.model }} + + 设备型号 + {{ dataForm.model }} - - 在线状态 - {{ dataForm.onlineStatusName }} + + 在线状态 + {{ dataForm.onlineStatusName }} - - 是否开启 - {{ dataForm.deviceStatusName }} + + 是否开启 + {{ dataForm.deviceStatusName }} - - 安装日期 - {{ dataForm.installDate }} + + 安装日期 + {{ dataForm.installDate }} - - 安装位置 - {{ dataForm.position }} + + 安装位置 + {{ dataForm.position }} - - - {{ dataForm.inOutName }} + + + {{ dataForm.inOutName }}
@@ -223,11 +227,15 @@ width: 1440, height: 789 }, // 屏幕窗口尺寸 - round: true, - gun: true, - face: true, - car: true, - perimeter: true, + footLeft: 10, + showFence: true, + showTemp: false, + showSmoking: false, + showSound: false, + showSubTabGuider: false, + showFloorThree: false, + showFloorFour: false, + showDevDetail: false, alarmList: [], alarmColumns: [ { @@ -244,7 +252,7 @@ text: '报警时间', value: 'alarmTime', align: 'center', - width: 120 + width: 165 } ], // 显示列 tableShow: true, // 是否显示告警列表 @@ -265,38 +273,35 @@ isDoor: false } }, - activated() { - this.fetchData() - this.fetchDeviceData() - this.fetchAlarmNowData() - }, mounted() { - // this.getBgImageSize() - // this.reDrawDevs() + this.initWindowSize() + + this.fetchData() + this.fetchAlarmNowData() const that = this window.onresize = function() { - that.getBgImageSize() + that.reDrawDevs() } }, methods: { + initWindowSize() { + // 获取窗体尺寸 + this.winSize = { + width: document.documentElement.clientWidth, + height: document.documentElement.clientHeight + } + }, getBgImageSize() { // 获取图片尺寸 this.imgSize = { width: this.$refs['bgImg'].width, height: this.$refs['bgImg'].height } - // 获取窗体尺寸 - this.winSize = { - width: document.documentElement.clientWidth, - height: document.documentElement.clientHeight - } - - this.reDrawDevs() + // this.changeMap('tg_main') + // this.reDrawDevs() }, reDrawDevs() { - // this.getBgImageSize() - const halfLeft = (this.winSize.width - this.imgSize.width) / 2 // 调整球机的设备位置 @@ -304,12 +309,14 @@ this.devList.forEach(function(item) { const point = document.getElementById(item.id) - if (item.x !== '' && item.y !== '') { - point.style.position = 'absolute' - point.style.top = item.y * that.imgSize.height / that.imgSizeOriginal.height + 'px' - point.style.left = (item.x * that.imgSize.width / that.imgSizeOriginal.width + halfLeft) + 'px' - } else { - point.style.display = 'none' + if (point !== null) { + if (item.x !== '' && item.y !== '') { + point.style.position = 'absolute' + point.style.top = item.y * that.imgSize.height / that.imgSizeOriginal.height + 'px' + point.style.left = (item.x * that.imgSize.width / that.imgSizeOriginal.width + halfLeft) + 'px' + } else { + point.style.display = 'none' + } } }) }, @@ -328,6 +335,7 @@ overviewDeviceList(this.devListParams).then(response => { if (response.code === 200) { this.devList = response.data + this.reDrawDevs() } }) }, @@ -348,68 +356,128 @@ backToIndex() { this.$router.push('/ctrl') }, - selectDevByType(type) { - switch (type) { - case 'round': - this.round = !this.round - break - case 'gun': - this.gun = !this.gun - break - case 'face': - this.face = !this.face - break - case 'car': - this.car = !this.car - break - case 'perimeter': - this.perimeter = !this.perimeter - break + selectDevByType(type, event) { + // 遍历所有的设备类型 + const devTypes = document.querySelectorAll('.dev-icon') + for (let i = 0; i < devTypes.length; i++) { + if (devTypes[i].className.indexOf('dev-type-selected') > -1) { + devTypes[i].className = 'dev-icon el-col el-col-24' + } } + + // 添加选中的样式 + event.currentTarget.className += ' dev-type-selected' + + console.log(event.currentTarget) }, - setClass(key) { - const classObj = {} - classObj['point'] = true - return classObj - // switch (type) { - // case 'round': - // classObj['point-flicker-r'] = true - // return classObj - // - // case 'gun': - // classObj['point-flicker-g'] = true - // return classObj - // - // case 'face': - // classObj['point-flicker-f'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // - // case 'car': - // classObj['point-flicker-c'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // - // case 'perimeter': - // classObj['point-flicker-p'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // } + selectMapTab(tab, event) { + // 遍历所有的地图 + const mapTabs = document.querySelectorAll('.map-index-button') + for (let i = 0; i < mapTabs.length; i++) { + if (mapTabs[i].className.indexOf('index-selected') > -1) { + mapTabs[i].className = 'map-index-button' + } + } + + // 添加选中的样式 + event.currentTarget.className += ' index-selected' + + // 选中三层 + if (tab === 'three') { + this.showSubTabGuider = true + this.showFloorThree = true + this.showFloorFour = false + + this.$refs['sub-tab'].style.position = 'absolute' + this.$refs['sub-tab'].style.right = '290px' + this.$refs['sub-tab'].style.top = '135px' + + this.$refs['sub-tab-border'].style.position = 'absolute' + this.$refs['sub-tab-border'].style.right = '335px' + this.$refs['sub-tab-border'].style.top = '185px' + + this.$refs['sub-tab-floor-3'].style.position = 'absolute' + this.$refs['sub-tab-floor-3'].style.right = '340px' + this.$refs['sub-tab-floor-3'].style.top = '220px' + } else if (tab === 'four') { + this.showSubTabGuider = true + this.showFloorThree = false + this.showFloorFour = true + + this.$refs['sub-tab'].style.position = 'absolute' + this.$refs['sub-tab'].style.right = '290px' + this.$refs['sub-tab'].style.top = '210px' + + this.$refs['sub-tab-border'].style.position = 'absolute' + this.$refs['sub-tab-border'].style.right = '335px' + this.$refs['sub-tab-border'].style.top = '260px' + + this.$refs['sub-tab-floor-4-1'].style.position = 'absolute' + this.$refs['sub-tab-floor-4-1'].style.right = '340px' + this.$refs['sub-tab-floor-4-1'].style.top = '300px' + + this.$refs['sub-tab-floor-4-5'].style.position = 'absolute' + this.$refs['sub-tab-floor-4-5'].style.right = '340px' + this.$refs['sub-tab-floor-4-5'].style.top = '350px' + } else { + this.showSubTabGuider = false + this.showFloorThree = false + this.showFloorFour = false + this.changeMap('tg_main') + } }, changeMap(index) { this.bgImageSrc = tg_main this.imgSizeOriginal = { width: 2245, height: 1586 } + this.showFence = true + this.showTemp = false + this.showSound = false + this.showSmoking = false + + this.footLeft = (this.winSize.width - 3 * 210) / 2 + this.devListParams.picture = '1' if (index === 'tg_3_1') { this.bgImageSrc = tg_3_1 + + this.showFence = false + this.showTemp = false + this.showSmoking = false + this.showSound = false + this.footLeft = (this.winSize.width - 2 * 210) / 2 + + this.devListParams.picture = '2' } else if (index === 'tg_4_1') { this.bgImageSrc = tg_4_1 this.imgSizeOriginal = { width: 2218, height: 2169 } + + this.showFence = false + this.showTemp = true + this.showSmoking = true + this.showSound = true + this.footLeft = (this.winSize.width - 5 * 210) / 2 + + this.devListParams.picture = '3' } else if (index === 'tg_4_5') { this.bgImageSrc = tg_4_5 + + this.showFence = false + this.showTemp = false + this.showSmoking = false + this.showSound = false + this.footLeft = (this.winSize.width - 2 * 210) / 2 + + this.devListParams.picture = '4' } + + // 将二级菜单的指引区隐藏 + this.showSubTabGuider = false + this.showFloorThree = false + this.showFloorFour = false + + this.fetchDeviceData() }, - detailDev(dev) { + detailDev(dev, event) { getDetailDevice(dev.id).then(response => { if (response.code === 200) { this.dataForm = { @@ -438,6 +506,16 @@ this.$message.error(response.message) } }) + + // 弹窗显示设备详情 + const targetDev = event.currentTarget // 取到点击到的设备图标div + + this.showDevDetail = true + let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2)) + top = top + 100 + this.$refs['dev-detail-block'].style.position = 'absolute' + this.$refs['dev-detail-block'].style.top = top + 'px' + this.$refs['dev-detail-block'].style.left = targetDev.style.left }, alarmRowClick(dev, column, event) { @@ -460,7 +538,7 @@ .main-title { height: 90px; text-align: center; - padding-top: 21px; + padding-top: 20px; background: url("../../assets/overview_images/title-background-1920.png"); } @@ -477,14 +555,14 @@ height: 26px; position: fixed; left: 20px; - top: 12px; + top: 20px; } .exit-icon { width: 26px; height: 26px; position: fixed; right: 20px; - top: 12px; + top: 20px; } .home-icon img, .exit-icon img { width: 26px; @@ -499,8 +577,9 @@ } .map-overview { - margin-top: 30px; - height: calc(90vh - 140px); + margin-top: 50px; + /*width: 1100px;*/ + height: calc(90vh - 200px); text-align: center; position: relative; } @@ -551,12 +630,16 @@ z-index: 500; top: 300px; left: 20px; - width: 400px; + width: 480px; .map-alarm-div-header { line-height: 40px; padding-left: 10px; color: #00fff6; font-size: 24px; + .icon-right { + cursor: pointer; + margin-left: 20px; + } } .el-scrollbar { /*height: 200px;*/ @@ -573,18 +656,6 @@ .el-table { font-size: 12px; } - /*.el-table th {*/ - /* background-color: #0757A0;*/ - /* padding: 7px 0px;*/ - /*}*/ - .el-table td { - /*background-color: rgba(255, 234, 241, 0.8);*/ - padding: 5px 0px; - /*line-height: 1;*/ - } - .el-table td:hover { - /*background-color: rgba(255, 234, 241, 0.8);*/ - } .transition-box { margin-bottom: 10px; width: 200px; @@ -601,7 +672,7 @@ .alarm-now-block /deep/ .el-table th { background-color: #0757A0; - padding: 7px 0px; + padding: 12px 0px; font-size: 16px; color: #00fff6; font-weight: normal; @@ -609,66 +680,136 @@ .alarm-now-block /deep/ .el-table td { /*background-color: #0757A0;*/ - padding: 5px 0px; - font-size: 14px; + padding: 10px 0px; + font-size: 15px; color: #FFFFFF; font-weight: normal; } .alarm-now-block /deep/ .el-table__row td { - /*background-color: #0757A0;*/ - padding: 5px 0px; - font-size: 14px; - color: #FFFFFF; - font-weight: normal; + background-color: #023D83; + } + .alarm-now-block /deep/ .el-table__body tr:hover > td { + background-color: #0757A0; + } + .alarm-now-block /deep/ tr.el-table__row--striped td { + background-color: #0757A0; } .map-tab { position: absolute; - right: 30px; + right: 20px; top: 100px; - width: 100px; + width: 300px; button { margin: 5px 0px; } } + .tab-top { + position: relative; + width: 284px; + height: 24px; + background: url("../../assets/overview_images/tab-top-bg.png"); + } + .tab-bottom { + position: relative; + width: 284px; + height: 24px; + background: url("../../assets/overview_images/tab-bottom-bg.png"); + } + .map-index-button { + position: relative; + width: 284px; + height: 74px; + background: url("../../assets/overview_images/tab-index-unchecked.png"); + font-size: 32px; + line-height: 74px; + text-align: center; + color: #FFFFFF; + cursor: pointer; + } + .index-selected { + background: url("../../assets/overview_images/tab-index-checked.png"); + } + .sub-tab-guider { + width: 149px; + height: 50px; + background: url("../../assets/overview_images/sub-tab-guider.png"); + } + .sub-tab-border { + width: 204px; + height: 253px; + background: url("../../assets/overview_images/sub-tab-border.png"); + } + .sub-tab-content { + text-align: center; + color: #FFFFFF; + font-size: 28px; + cursor: pointer; + width: 200px; + } + .dev-detail-block { - position: absolute; - right: 30px; - top: 400px; - width: 300px; + /*position: absolute;*/ + /*right: 20px;*/ + /*bottom: 100px;*/ + width: 520px; + height: 335px; color: #00FFFF; - font-size: 12px; + font-size: 24px; font-family: "Microsoft YaHei"; + padding: 45px 60px; + line-height: 35px; + background: url("../../assets/overview_images/dev-info.png"); + .dev-detail-span { + margin-left: 20px; + } + .dev-detail-close::before { + content: "\2716"; + position: relative; + top: -20px; + right: -410px; + cursor: pointer; + } } .dev-footer { - position: fixed; - bottom: 50px; + position: absolute; + bottom: 25px; } .dev-icon { - width: calc(10vw - 5px); + width: 195px; + height: 105px; vertical-align: middle; - border: 1px solid #00ffff; - padding: 10px 5px !important; - margin-left: 5px; + line-height: 65px; + padding: 20px 30px !important; + margin-left: 15px; cursor: pointer; + background: url("../../assets/overview_images/dev-type-border-unchecked.png"); } + .dev-icon img { height: 40px; vertical-align:middle; } .dev-icon span { - font-size: 14px; + font-size: 20px; color: #00D2FF; - line-height: 40px; - height: 40px; + line-height: 65px; + height: 65px; vertical-align:middle; float: right; } + .dev-type-selected { + background: url("../../assets/overview_images/dev-type-border-checked.png"); + } + .dev-type-selected span { + color: #f58a88 !important; + } + @media(max-width: 1440px) { .main-title { height: 68px; @@ -744,443 +885,13 @@ diff --git a/src/views/overview/doorIndex.vue b/src/views/overview/doorIndex.vue index ea153f4..32902b4 100644 --- a/src/views/overview/doorIndex.vue +++ b/src/views/overview/doorIndex.vue @@ -2,7 +2,7 @@
- + {{ title }}
@@ -100,7 +100,7 @@ - + 全部 diff --git a/src/assets/overview_images/dev-info.png b/src/assets/overview_images/dev-info.png new file mode 100644 index 0000000..fd31e2b --- /dev/null +++ b/src/assets/overview_images/dev-info.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-checked.png b/src/assets/overview_images/dev-type-border-checked.png new file mode 100644 index 0000000..045df39 --- /dev/null +++ b/src/assets/overview_images/dev-type-border-checked.png Binary files differ diff --git a/src/assets/overview_images/dev-type-border-unchecked.png b/src/assets/overview_images/dev-type-border-unchecked.png new file mode 100644 index 0000000..b66c9fb --- /dev/null +++ b/src/assets/overview_images/dev-type-border-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-checked.png b/src/assets/overview_images/icons/icon-all-checked.png new file mode 100644 index 0000000..9511644 --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all-unchecked.png b/src/assets/overview_images/icons/icon-all-unchecked.png new file mode 100644 index 0000000..ac6ec4d --- /dev/null +++ b/src/assets/overview_images/icons/icon-all-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-all.png b/src/assets/overview_images/icons/icon-all.png deleted file mode 100644 index 9511644..0000000 --- a/src/assets/overview_images/icons/icon-all.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-camera-point.png b/src/assets/overview_images/icons/icon-camera-point.png new file mode 100644 index 0000000..b6700bf --- /dev/null +++ b/src/assets/overview_images/icons/icon-camera-point.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-iris.png b/src/assets/overview_images/icons/icon-iris.png deleted file mode 100644 index bc33109..0000000 --- a/src/assets/overview_images/icons/icon-iris.png +++ /dev/null Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-checked.png b/src/assets/overview_images/icons/icon-sound-checked.png new file mode 100644 index 0000000..c6d4625 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-checked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound-unchecked.png b/src/assets/overview_images/icons/icon-sound-unchecked.png new file mode 100644 index 0000000..7dc8a9d --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound-unchecked.png Binary files differ diff --git a/src/assets/overview_images/icons/icon-sound.png b/src/assets/overview_images/icons/icon-sound.png new file mode 100644 index 0000000..bc33109 --- /dev/null +++ b/src/assets/overview_images/icons/icon-sound.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-border.png b/src/assets/overview_images/sub-tab-border.png new file mode 100644 index 0000000..008d28d --- /dev/null +++ b/src/assets/overview_images/sub-tab-border.png Binary files differ diff --git a/src/assets/overview_images/sub-tab-guider.png b/src/assets/overview_images/sub-tab-guider.png new file mode 100644 index 0000000..8080266 --- /dev/null +++ b/src/assets/overview_images/sub-tab-guider.png Binary files differ diff --git a/src/assets/overview_images/tab-bottom-bg.png b/src/assets/overview_images/tab-bottom-bg.png new file mode 100644 index 0000000..1c2c817 --- /dev/null +++ b/src/assets/overview_images/tab-bottom-bg.png Binary files differ diff --git a/src/assets/overview_images/tab-index-checked.png b/src/assets/overview_images/tab-index-checked.png new file mode 100644 index 0000000..22f316b --- /dev/null +++ b/src/assets/overview_images/tab-index-checked.png Binary files differ diff --git a/src/assets/overview_images/tab-index-unchecked.png b/src/assets/overview_images/tab-index-unchecked.png new file mode 100644 index 0000000..2a247c0 --- /dev/null +++ b/src/assets/overview_images/tab-index-unchecked.png Binary files differ diff --git a/src/assets/overview_images/tab-top-bg.png b/src/assets/overview_images/tab-top-bg.png new file mode 100644 index 0000000..068c663 --- /dev/null +++ b/src/assets/overview_images/tab-top-bg.png Binary files differ diff --git a/src/views/ctrl/overview.vue b/src/views/ctrl/overview.vue index 7e27729..a5cf860 100644 --- a/src/views/ctrl/overview.vue +++ b/src/views/ctrl/overview.vue @@ -2,7 +2,7 @@
- + {{ title }}
@@ -53,7 +53,12 @@
-
报警列表
+
报警列表 + + + + +
-
- - - - - - - - - - +
- - - + + + + 全部 - + - 球机 + 摄像头 - - - 枪机 - - - + - 人脸识别 + 电子围栏 - - - 车牌识别 - - - + - 周界 + 温湿度 + + + + + 烟感 + + + + + 声光报警
- 园区平面图 - 3#一层 - 4#一层 - 4#五层 +
+
营区总览
+
三号楼
+
四号楼
+
+ +
+
+
三号楼一层
+
四号楼一层
+
四号楼五层
-
- - 设备名称 - {{ dataForm.name }} +
+ + + 设备名称 + {{ dataForm.name }} - 设备编号 - {{ dataForm.devcode }} + 设备编号 + {{ dataForm.devcode }} - 设备类型 - {{ dataForm.typeName }} + 设备类型 + {{ dataForm.typeName }} - - 设备型号 - {{ dataForm.model }} + + 设备型号 + {{ dataForm.model }} - - 在线状态 - {{ dataForm.onlineStatusName }} + + 在线状态 + {{ dataForm.onlineStatusName }} - - 是否开启 - {{ dataForm.deviceStatusName }} + + 是否开启 + {{ dataForm.deviceStatusName }} - - 安装日期 - {{ dataForm.installDate }} + + 安装日期 + {{ dataForm.installDate }} - - 安装位置 - {{ dataForm.position }} + + 安装位置 + {{ dataForm.position }} - - - {{ dataForm.inOutName }} + + + {{ dataForm.inOutName }}
@@ -223,11 +227,15 @@ width: 1440, height: 789 }, // 屏幕窗口尺寸 - round: true, - gun: true, - face: true, - car: true, - perimeter: true, + footLeft: 10, + showFence: true, + showTemp: false, + showSmoking: false, + showSound: false, + showSubTabGuider: false, + showFloorThree: false, + showFloorFour: false, + showDevDetail: false, alarmList: [], alarmColumns: [ { @@ -244,7 +252,7 @@ text: '报警时间', value: 'alarmTime', align: 'center', - width: 120 + width: 165 } ], // 显示列 tableShow: true, // 是否显示告警列表 @@ -265,38 +273,35 @@ isDoor: false } }, - activated() { - this.fetchData() - this.fetchDeviceData() - this.fetchAlarmNowData() - }, mounted() { - // this.getBgImageSize() - // this.reDrawDevs() + this.initWindowSize() + + this.fetchData() + this.fetchAlarmNowData() const that = this window.onresize = function() { - that.getBgImageSize() + that.reDrawDevs() } }, methods: { + initWindowSize() { + // 获取窗体尺寸 + this.winSize = { + width: document.documentElement.clientWidth, + height: document.documentElement.clientHeight + } + }, getBgImageSize() { // 获取图片尺寸 this.imgSize = { width: this.$refs['bgImg'].width, height: this.$refs['bgImg'].height } - // 获取窗体尺寸 - this.winSize = { - width: document.documentElement.clientWidth, - height: document.documentElement.clientHeight - } - - this.reDrawDevs() + // this.changeMap('tg_main') + // this.reDrawDevs() }, reDrawDevs() { - // this.getBgImageSize() - const halfLeft = (this.winSize.width - this.imgSize.width) / 2 // 调整球机的设备位置 @@ -304,12 +309,14 @@ this.devList.forEach(function(item) { const point = document.getElementById(item.id) - if (item.x !== '' && item.y !== '') { - point.style.position = 'absolute' - point.style.top = item.y * that.imgSize.height / that.imgSizeOriginal.height + 'px' - point.style.left = (item.x * that.imgSize.width / that.imgSizeOriginal.width + halfLeft) + 'px' - } else { - point.style.display = 'none' + if (point !== null) { + if (item.x !== '' && item.y !== '') { + point.style.position = 'absolute' + point.style.top = item.y * that.imgSize.height / that.imgSizeOriginal.height + 'px' + point.style.left = (item.x * that.imgSize.width / that.imgSizeOriginal.width + halfLeft) + 'px' + } else { + point.style.display = 'none' + } } }) }, @@ -328,6 +335,7 @@ overviewDeviceList(this.devListParams).then(response => { if (response.code === 200) { this.devList = response.data + this.reDrawDevs() } }) }, @@ -348,68 +356,128 @@ backToIndex() { this.$router.push('/ctrl') }, - selectDevByType(type) { - switch (type) { - case 'round': - this.round = !this.round - break - case 'gun': - this.gun = !this.gun - break - case 'face': - this.face = !this.face - break - case 'car': - this.car = !this.car - break - case 'perimeter': - this.perimeter = !this.perimeter - break + selectDevByType(type, event) { + // 遍历所有的设备类型 + const devTypes = document.querySelectorAll('.dev-icon') + for (let i = 0; i < devTypes.length; i++) { + if (devTypes[i].className.indexOf('dev-type-selected') > -1) { + devTypes[i].className = 'dev-icon el-col el-col-24' + } } + + // 添加选中的样式 + event.currentTarget.className += ' dev-type-selected' + + console.log(event.currentTarget) }, - setClass(key) { - const classObj = {} - classObj['point'] = true - return classObj - // switch (type) { - // case 'round': - // classObj['point-flicker-r'] = true - // return classObj - // - // case 'gun': - // classObj['point-flicker-g'] = true - // return classObj - // - // case 'face': - // classObj['point-flicker-f'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // - // case 'car': - // classObj['point-flicker-c'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // - // case 'perimeter': - // classObj['point-flicker-p'] = true - // classObj['point-cam-' + key + '-loc'] = true - // return classObj - // } + selectMapTab(tab, event) { + // 遍历所有的地图 + const mapTabs = document.querySelectorAll('.map-index-button') + for (let i = 0; i < mapTabs.length; i++) { + if (mapTabs[i].className.indexOf('index-selected') > -1) { + mapTabs[i].className = 'map-index-button' + } + } + + // 添加选中的样式 + event.currentTarget.className += ' index-selected' + + // 选中三层 + if (tab === 'three') { + this.showSubTabGuider = true + this.showFloorThree = true + this.showFloorFour = false + + this.$refs['sub-tab'].style.position = 'absolute' + this.$refs['sub-tab'].style.right = '290px' + this.$refs['sub-tab'].style.top = '135px' + + this.$refs['sub-tab-border'].style.position = 'absolute' + this.$refs['sub-tab-border'].style.right = '335px' + this.$refs['sub-tab-border'].style.top = '185px' + + this.$refs['sub-tab-floor-3'].style.position = 'absolute' + this.$refs['sub-tab-floor-3'].style.right = '340px' + this.$refs['sub-tab-floor-3'].style.top = '220px' + } else if (tab === 'four') { + this.showSubTabGuider = true + this.showFloorThree = false + this.showFloorFour = true + + this.$refs['sub-tab'].style.position = 'absolute' + this.$refs['sub-tab'].style.right = '290px' + this.$refs['sub-tab'].style.top = '210px' + + this.$refs['sub-tab-border'].style.position = 'absolute' + this.$refs['sub-tab-border'].style.right = '335px' + this.$refs['sub-tab-border'].style.top = '260px' + + this.$refs['sub-tab-floor-4-1'].style.position = 'absolute' + this.$refs['sub-tab-floor-4-1'].style.right = '340px' + this.$refs['sub-tab-floor-4-1'].style.top = '300px' + + this.$refs['sub-tab-floor-4-5'].style.position = 'absolute' + this.$refs['sub-tab-floor-4-5'].style.right = '340px' + this.$refs['sub-tab-floor-4-5'].style.top = '350px' + } else { + this.showSubTabGuider = false + this.showFloorThree = false + this.showFloorFour = false + this.changeMap('tg_main') + } }, changeMap(index) { this.bgImageSrc = tg_main this.imgSizeOriginal = { width: 2245, height: 1586 } + this.showFence = true + this.showTemp = false + this.showSound = false + this.showSmoking = false + + this.footLeft = (this.winSize.width - 3 * 210) / 2 + this.devListParams.picture = '1' if (index === 'tg_3_1') { this.bgImageSrc = tg_3_1 + + this.showFence = false + this.showTemp = false + this.showSmoking = false + this.showSound = false + this.footLeft = (this.winSize.width - 2 * 210) / 2 + + this.devListParams.picture = '2' } else if (index === 'tg_4_1') { this.bgImageSrc = tg_4_1 this.imgSizeOriginal = { width: 2218, height: 2169 } + + this.showFence = false + this.showTemp = true + this.showSmoking = true + this.showSound = true + this.footLeft = (this.winSize.width - 5 * 210) / 2 + + this.devListParams.picture = '3' } else if (index === 'tg_4_5') { this.bgImageSrc = tg_4_5 + + this.showFence = false + this.showTemp = false + this.showSmoking = false + this.showSound = false + this.footLeft = (this.winSize.width - 2 * 210) / 2 + + this.devListParams.picture = '4' } + + // 将二级菜单的指引区隐藏 + this.showSubTabGuider = false + this.showFloorThree = false + this.showFloorFour = false + + this.fetchDeviceData() }, - detailDev(dev) { + detailDev(dev, event) { getDetailDevice(dev.id).then(response => { if (response.code === 200) { this.dataForm = { @@ -438,6 +506,16 @@ this.$message.error(response.message) } }) + + // 弹窗显示设备详情 + const targetDev = event.currentTarget // 取到点击到的设备图标div + + this.showDevDetail = true + let top = parseInt(targetDev.style.top.substring(0, targetDev.style.top.length - 2)) + top = top + 100 + this.$refs['dev-detail-block'].style.position = 'absolute' + this.$refs['dev-detail-block'].style.top = top + 'px' + this.$refs['dev-detail-block'].style.left = targetDev.style.left }, alarmRowClick(dev, column, event) { @@ -460,7 +538,7 @@ .main-title { height: 90px; text-align: center; - padding-top: 21px; + padding-top: 20px; background: url("../../assets/overview_images/title-background-1920.png"); } @@ -477,14 +555,14 @@ height: 26px; position: fixed; left: 20px; - top: 12px; + top: 20px; } .exit-icon { width: 26px; height: 26px; position: fixed; right: 20px; - top: 12px; + top: 20px; } .home-icon img, .exit-icon img { width: 26px; @@ -499,8 +577,9 @@ } .map-overview { - margin-top: 30px; - height: calc(90vh - 140px); + margin-top: 50px; + /*width: 1100px;*/ + height: calc(90vh - 200px); text-align: center; position: relative; } @@ -551,12 +630,16 @@ z-index: 500; top: 300px; left: 20px; - width: 400px; + width: 480px; .map-alarm-div-header { line-height: 40px; padding-left: 10px; color: #00fff6; font-size: 24px; + .icon-right { + cursor: pointer; + margin-left: 20px; + } } .el-scrollbar { /*height: 200px;*/ @@ -573,18 +656,6 @@ .el-table { font-size: 12px; } - /*.el-table th {*/ - /* background-color: #0757A0;*/ - /* padding: 7px 0px;*/ - /*}*/ - .el-table td { - /*background-color: rgba(255, 234, 241, 0.8);*/ - padding: 5px 0px; - /*line-height: 1;*/ - } - .el-table td:hover { - /*background-color: rgba(255, 234, 241, 0.8);*/ - } .transition-box { margin-bottom: 10px; width: 200px; @@ -601,7 +672,7 @@ .alarm-now-block /deep/ .el-table th { background-color: #0757A0; - padding: 7px 0px; + padding: 12px 0px; font-size: 16px; color: #00fff6; font-weight: normal; @@ -609,66 +680,136 @@ .alarm-now-block /deep/ .el-table td { /*background-color: #0757A0;*/ - padding: 5px 0px; - font-size: 14px; + padding: 10px 0px; + font-size: 15px; color: #FFFFFF; font-weight: normal; } .alarm-now-block /deep/ .el-table__row td { - /*background-color: #0757A0;*/ - padding: 5px 0px; - font-size: 14px; - color: #FFFFFF; - font-weight: normal; + background-color: #023D83; + } + .alarm-now-block /deep/ .el-table__body tr:hover > td { + background-color: #0757A0; + } + .alarm-now-block /deep/ tr.el-table__row--striped td { + background-color: #0757A0; } .map-tab { position: absolute; - right: 30px; + right: 20px; top: 100px; - width: 100px; + width: 300px; button { margin: 5px 0px; } } + .tab-top { + position: relative; + width: 284px; + height: 24px; + background: url("../../assets/overview_images/tab-top-bg.png"); + } + .tab-bottom { + position: relative; + width: 284px; + height: 24px; + background: url("../../assets/overview_images/tab-bottom-bg.png"); + } + .map-index-button { + position: relative; + width: 284px; + height: 74px; + background: url("../../assets/overview_images/tab-index-unchecked.png"); + font-size: 32px; + line-height: 74px; + text-align: center; + color: #FFFFFF; + cursor: pointer; + } + .index-selected { + background: url("../../assets/overview_images/tab-index-checked.png"); + } + .sub-tab-guider { + width: 149px; + height: 50px; + background: url("../../assets/overview_images/sub-tab-guider.png"); + } + .sub-tab-border { + width: 204px; + height: 253px; + background: url("../../assets/overview_images/sub-tab-border.png"); + } + .sub-tab-content { + text-align: center; + color: #FFFFFF; + font-size: 28px; + cursor: pointer; + width: 200px; + } + .dev-detail-block { - position: absolute; - right: 30px; - top: 400px; - width: 300px; + /*position: absolute;*/ + /*right: 20px;*/ + /*bottom: 100px;*/ + width: 520px; + height: 335px; color: #00FFFF; - font-size: 12px; + font-size: 24px; font-family: "Microsoft YaHei"; + padding: 45px 60px; + line-height: 35px; + background: url("../../assets/overview_images/dev-info.png"); + .dev-detail-span { + margin-left: 20px; + } + .dev-detail-close::before { + content: "\2716"; + position: relative; + top: -20px; + right: -410px; + cursor: pointer; + } } .dev-footer { - position: fixed; - bottom: 50px; + position: absolute; + bottom: 25px; } .dev-icon { - width: calc(10vw - 5px); + width: 195px; + height: 105px; vertical-align: middle; - border: 1px solid #00ffff; - padding: 10px 5px !important; - margin-left: 5px; + line-height: 65px; + padding: 20px 30px !important; + margin-left: 15px; cursor: pointer; + background: url("../../assets/overview_images/dev-type-border-unchecked.png"); } + .dev-icon img { height: 40px; vertical-align:middle; } .dev-icon span { - font-size: 14px; + font-size: 20px; color: #00D2FF; - line-height: 40px; - height: 40px; + line-height: 65px; + height: 65px; vertical-align:middle; float: right; } + .dev-type-selected { + background: url("../../assets/overview_images/dev-type-border-checked.png"); + } + .dev-type-selected span { + color: #f58a88 !important; + } + @media(max-width: 1440px) { .main-title { height: 68px; @@ -744,443 +885,13 @@ diff --git a/src/views/overview/doorIndex.vue b/src/views/overview/doorIndex.vue index ea153f4..32902b4 100644 --- a/src/views/overview/doorIndex.vue +++ b/src/views/overview/doorIndex.vue @@ -2,7 +2,7 @@
- + {{ title }}
@@ -100,7 +100,7 @@ - + 全部 diff --git a/src/views/video/history.vue b/src/views/video/history.vue index f25e447..bc55857 100644 --- a/src/views/video/history.vue +++ b/src/views/video/history.vue @@ -1,4 +1,8 @@ -