| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/layout/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/layout/index.vue","mtime":1708395041882},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBOYXZiYXIsIFNpZGViYXIsIEFwcE1haW4gfSBmcm9tICIuL2NvbXBvbmVudHMiOw0KaW1wb3J0IEJyZWFkY3J1bWIgZnJvbSAiQC9jb21wb25lbnRzL0JyZWFkY3J1bWIiOw0KaW1wb3J0IFJlc2l6ZU1peGluIGZyb20gIi4vbWl4aW4vUmVzaXplSGFuZGxlciI7DQppbXBvcnQgU29ja2V0IGZyb20gIkAvc29ja2V0L3NvY2tldCI7DQppbXBvcnQgeyBtc2dBbGFybVJlYWQgfSBmcm9tICJAL2FwaS9hbGFybUxpc3QiOw0KaW1wb3J0IHsgc2RrR2V0TWVzc2FnZSB9IGZyb20gIkAvYXBpL3NkayI7DQppbXBvcnQgc3RvcmUgZnJvbSAiQC9zdG9yZSI7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkxheW91dCIsDQogIGNvbXBvbmVudHM6IHsNCiAgICBOYXZiYXIsDQogICAgU2lkZWJhciwNCiAgICBCcmVhZGNydW1iLA0KICAgIEFwcE1haW4sDQogIH0sDQogIG1peGluczogW1Jlc2l6ZU1peGluXSwNCiAgd2F0Y2g6IHsNCiAgICAiJHJvdXRlLnBhdGgiKG5ld1ZhbHVlKSB7DQogICAgICBpZiAobmV3VmFsdWUgIT0gIi9kYXNoYm9hcmQiKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCJhcHAvb3BlblNpZGVCYXIiLCB7IHdpdGhvdXRBbmltYXRpb246IGZhbHNlIH0pOw0KICAgICAgfQ0KICAgIH0sDQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgaXNIb21lKCkgew0KICAgICAgcmV0dXJuIHRoaXMuJHJvdXRlLnBhdGggPT0gIi9kYXNoYm9hcmQiOw0KICAgIH0sDQogICAgc2lkZWJhcigpIHsNCiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5hcHAuc2lkZWJhcjsNCiAgICB9LA0KICAgIGRldmljZSgpIHsNCiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5hcHAuZGV2aWNlOw0KICAgIH0sDQogICAgZml4ZWRIZWFkZXIoKSB7DQogICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuc2V0dGluZ3MuZml4ZWRIZWFkZXI7DQogICAgfSwNCiAgICBjbGFzc09iaigpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgIGhpZGVTaWRlYmFyOiAhdGhpcy5zaWRlYmFyLm9wZW5lZCAmJiB0aGlzLmlzSG9tZSA9PSB0cnVlLA0KICAgICAgICBvcGVuU2lkZWJhcjogdGhpcy5zaWRlYmFyLm9wZW5lZCwNCiAgICAgICAgaXNob21lOiB0aGlzLmlzSG9tZSA9PSB0cnVlLA0KICAgICAgICB3aXRob3V0QW5pbWF0aW9uOiB0aGlzLnNpZGViYXIud2l0aG91dEFuaW1hdGlvbiwNCiAgICAgICAgLy8gbW9iaWxlOiB0aGlzLmRldmljZSA9PT0gJ21vYmlsZScgIC8vIOS4jeWGjeacieenu+WKqOerrw0KICAgICAgfTsNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB3YXJuaW5nU29ja2V0TGlzdDogW10sDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLnN0YXJ0V2ViU29ja2V0KCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBoYW5kbGVDbGlja091dHNpZGUoKSB7DQogICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgiYXBwL2Nsb3NlU2lkZUJhciIsIHsgd2l0aG91dEFuaW1hdGlvbjogZmFsc2UgfSk7DQogICAgfSwNCiAgICAvLyDlvIDlp4vov57mjqV3ZWJTb2NrZXQNCiAgICBzdGFydFdlYlNvY2tldCgpIHsNCiAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7DQogICAgICAgIGNvbnNvbGUubG9nKCJTb2NrZXTlu7rnq4vpk77mjqUiKTsNCiAgICAgICAgdGhpcy5zb2NrZXQgPSBuZXcgU29ja2V0KHsNCiAgICAgICAgICAic29ja2V0LW9wZW4iOiAoc29ja2V0KSA9PiB7DQogICAgICAgICAgICBjb25zb2xlLmxvZygiU29ja2V05byA5ZCv6L+e5o6lIik7DQogICAgICAgICAgICBzb2NrZXQuc2VuZExvZ2luKCk7DQoNCiAgICAgICAgICAgIHNka0dldE1lc3NhZ2UoKTsNCg0KICAgICAgICAgICAgcmVzb2x2ZSgpOw0KICAgICAgICAgIH0sDQogICAgICAgICAgInNvY2tldC1tZXNzYWdlIjogKHJlcykgPT4gew0KICAgICAgICAgICAgY29uc29sZS5sb2coIlNvY2tldOaOpeWPl+S/oeaBryIsIHJlcyk7DQogICAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gMTEwKSB7DQogICAgICAgICAgICAgIC8vIHRoaXMud2FybmluZ1NvY2tldC5zaG93ID0gdHJ1ZQ0KICAgICAgICAgICAgICAvLyB0aGlzLndhcm5pbmdTb2NrZXQuZGF0YSA9IHJlcy5kYXRhDQogICAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKHRoaXMud2FybmluZ1NvY2tldC5kYXRhKQ0KDQogICAgICAgICAgICAgIHRoaXMud2FybmluZ1NvY2tldExpc3QucHVzaCh7DQogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwNCiAgICAgICAgICAgICAgICBkYXRhOiByZXMuZGF0YSwNCiAgICAgICAgICAgICAgfSk7DQoNCiAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ2F1ZGlvJykpIHsNCiAgICAgICAgICAgICAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCJhdWRpbyIpLnBsYXkoKQ0KICAgICAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgICAgIHZhciBhdWRpbyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImF1ZGlvIikNCiAgICAgICAgICAgICAgICBhdWRpby5zcmMgPSAnLi92aWRlby5tcDMnDQogICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmQoYXVkaW8pDQogICAgICAgICAgICAgICAgYXVkaW8ucGxheSgpDQoNCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoYXVkaW8pDQogICAgICAgICAgICAgICAgfSwgMzAwMCkNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICB0aGlzLiRzdG9yZS5zdGF0ZS5hcHAud2FybmluZ1NvY2tldC5saXN0LnB1c2gocmVzLmRhdGEpOw0KICAgICAgICAgICAgICB0aGlzLiRzdG9yZS5zdGF0ZS5hcHAud2FybmluZ1NvY2tldC5saXN0ID0gSlNPTi5wYXJzZSgNCiAgICAgICAgICAgICAgICBKU09OLnN0cmluZ2lmeSh0aGlzLiRzdG9yZS5zdGF0ZS5hcHAud2FybmluZ1NvY2tldC5saXN0KQ0KICAgICAgICAgICAgICApOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0sDQogICAgICAgICAgInNvY2tldC1jbG9zZSI6ICgpID0+IHsNCiAgICAgICAgICAgIC8vIHRoaXMuJG1lc3NhZ2UuZXJyb3IoIui/nuaOpeezu+e7n+S4reaWrSIpOw0KICAgICAgICAgICAgdGhpcy5zdGFydFdlYlNvY2tldCgpOw0KICAgICAgICAgIH0sDQogICAgICAgICAgInNvY2tldC1lcnJvciI6ICgpID0+IHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoIui/nuaOpeezu+e7n+Wksei0pSzor7fliLfmlrDph43or5XmiJbogZTns7vlrqLmnI0iKTsNCiAgICAgICAgICB9LA0KICAgICAgICB9KTsNCiAgICAgICAgdGhpcy5zb2NrZXQuc2V0Vm0odGhpcyk7DQogICAgICAgIHRoaXMuc29ja2V0Lm9uSW5pdCgpOw0KICAgICAgfSk7DQogICAgfSwNCiAgICB3YXJuaW5nU29ja2V0QnV0dG9uKHR5cGUsIGluZGV4LCBkYXRhKSB7DQogICAgICBjb25zb2xlLmxvZyhkYXRhLCAnOTk5OTknKQ0KICAgICAgZm9yICgNCiAgICAgICAgdmFyIGkgPSAwOw0KICAgICAgICBpIDwgdGhpcy4kc3RvcmUuc3RhdGUuYXBwLndhcm5pbmdTb2NrZXQubGlzdC5sZW5ndGg7DQogICAgICAgIGkrKw0KICAgICAgKSB7DQogICAgICAgIGlmIChkYXRhLmlkID09PSB0aGlzLiRzdG9yZS5zdGF0ZS5hcHAud2FybmluZ1NvY2tldC5saXN0W2ldLmlkKSB7DQogICAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUuYXBwLndhcm5pbmdTb2NrZXQubGlzdC5zcGxpY2UoaSwgMSk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIGlmICh0eXBlID09PSAxKSB7DQogICAgICAgIG1zZ0FsYXJtUmVhZCh7IHB1c2hJZDogZGF0YS5wdXNoSWQgfSk7DQogICAgICAgIHNlc3Npb25TdG9yYWdlLnJvdyA9IEpTT04uc3RyaW5naWZ5KGRhdGEpDQogICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsNCiAgICAgICAgICBwYXRoOiAiL2FsYXJtRGV0YWlsIiwNCiAgICAgICAgICBxdWVyeTogew0KICAgICAgICAgICAgaWQ6IGRhdGEuaWQsDQogICAgICAgICAgICBjYW1lcmFDb2RlOiBkYXRhLmNhbWVyYUNvZGUgfHwgMjAwLA0KICAgICAgICAgICAgYWxhcm1JZDogZGF0YS5hbGFybUlkLA0KICAgICAgICAgIH0sDQogICAgICAgIH0pOw0KICAgICAgfSBlbHNlIGlmICh0eXBlID09PSAyKSB7DQogICAgICAgIC8vIHRoaXMuJHN0b3JlLmNvbW1pdCgnYXBwL3dhcm5pbmdTb2NrZXRBZGQnLCB0aGlzLndhcm5pbmdTb2NrZXQuZGF0YSkNCiAgICAgICAgY29uc29sZS5sb2coIuW3suivu+a2iOaBryIsIGRhdGEpOw0KICAgICAgICBtc2dBbGFybVJlYWQoeyBwdXNoSWQ6IGRhdGEucHVzaElkIH0pOw0KDQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgiYXBwL2hvbWVXYXJuaW5nQ2hhbmdlIik7DQogICAgICB9DQoNCiAgICAgIHRoaXMud2FybmluZ1NvY2tldExpc3RbaW5kZXhdLnNob3cgPSBmYWxzZTsNCiAgICAgIHRoaXMud2FybmluZ1NvY2tldExpc3Quc3BsaWNlKGluZGV4LCAxKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout","sourcesContent":["<template>\r\n <div :class=\"classObj\" class=\"app-wrapper\">\r\n <!-- <div v-if=\"device==='mobile'&&sidebar.opened\" class=\"drawer-bg\" @click=\"handleClickOutside\" /> -->\r\n\r\n <div :class=\"{ 'fixed-header': fixedHeader }\">\r\n <navbar />\r\n <breadcrumb v-if=\"isHome == false\" class=\"breadcrumb-container\" />\r\n </div>\r\n <sidebar v-if=\"!$store.state.app.videoListMagnify\" class=\"sidebar-container\" />\r\n <div class=\"main-container\">\r\n <app-main />\r\n </div>\r\n\r\n <el-dialog width=\"30%\" v-for=\"(item, index) in warningSocketList\" :visible.sync=\"item.show\"\r\n :top=\"100 + index * 40 + 'px'\" class=\"0\" title=\"报警信息提示\" :show-close=\"false\" :close-on-click-modal=\"false\">\r\n <!-- <div style=\"display: flex;align-items: center;\">\r\n <img style=\"width: 70px;height: 70px;margin-right: 15px;\" :src=\"warningSocket.data.imageUrls\">\r\n <div>\r\n <div> {{ warningSocket.data.railwayName }}</div>\r\n <div style=\"padding: 2px 10px;margin-top: 5px;border-radius: 5px;display: flex;\">\r\n <div style=\"margin-right: 10px;\">{{ warningSocket.data.alarmTime }}</div>\r\n <div style=\"margin-right: 10px;\">{{ warningSocket.data.releasedTime }}</div>\r\n <div style=\"margin-right: 10px;\">{{ warningSocket.data.alarmType == 1 ? '泥石流' : '' }}</div>\r\n <div style=\"margin-right: 15px;\">{{ warningSocket.data.lineDirStr }}</div>\r\n <div style=\"margin-right: 15px;\">里程位置{{ warningSocket.data.alarmMile }}</div>\r\n <div style=\"margin-right: 15px;\">里程范围 {{ warningSocket.data.beginMile }}</div>\r\n </div>\r\n </div>\r\n </div> -->\r\n\r\n <div class=\"warning-view\">\r\n <!-- <el-image style=\"color:cornflowerblue\" class=\"warning-image\" cursor:pointer :src=\"item.imageUrls[0]\"\r\n :preview-src-list=\"item.imageUrls\" fit=\"contain\"></el-image> -->\r\n <img style=\"width: 200px; margin-right: 15px\" :src=\"item.data.imageUrls && item.data.imageUrls[0]\" />\r\n <div class=\"warning-content\">\r\n <div class=\"text-base text-1\">\r\n 报警线路：{{ item.data.railwayName }}\r\n </div>\r\n <div class=\"text-base\">\r\n <span>{{\r\n item.data.alarmType == 1\r\n ? \"泥石流\"\r\n : item.data.alarmType == 2\r\n ? \"异物侵限\"\r\n : \"断轨监测\"\r\n }},</span>\r\n <span>{{ item.data.lineDirStr }},</span>\r\n <span>里程位置{{ item.data.alarmMile }}</span>\r\n </div>\r\n\r\n <!-- <div class=\"text-base\"></div> -->\r\n <!-- <div class=\"text-base\">行别：</div> -->\r\n\r\n <!-- <div class=\"text-base\">经度纬度：54,345,65.235</div> -->\r\n <div class=\"text-base\">{{ item.data.alarmTime }}</div>\r\n </div>\r\n </div>\r\n\r\n <span slot=\"footer\" class=\"dialog-footer\" style=\"display: flex; align-items: center; justify-content: center\">\r\n <div style=\"margin-right: 15px\" class=\"sp-button-submit\" @click=\"warningSocketButton(1, index, item.data)\">\r\n 立即处理\r\n </div>\r\n <div class=\"sp-button-reset\" @click=\"warningSocketButton(2, index, item.data)\">\r\n 我知道了\r\n </div>\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { Navbar, Sidebar, AppMain } from \"./components\";\r\nimport Breadcrumb from \"@/components/Breadcrumb\";\r\nimport ResizeMixin from \"./mixin/ResizeHandler\";\r\nimport Socket from \"@/socket/socket\";\r\nimport { msgAlarmRead } from \"@/api/alarmList\";\r\nimport { sdkGetMessage } from \"@/api/sdk\";\r\nimport store from \"@/store\";\r\n\r\nexport default {\r\n name: \"Layout\",\r\n components: {\r\n Navbar,\r\n Sidebar,\r\n Breadcrumb,\r\n AppMain,\r\n },\r\n mixins: [ResizeMixin],\r\n watch: {\r\n \"$route.path\"(newValue) {\r\n if (newValue != \"/dashboard\") {\r\n this.$store.dispatch(\"app/openSideBar\", { withoutAnimation: false });\r\n }\r\n },\r\n },\r\n computed: {\r\n isHome() {\r\n return this.$route.path == \"/dashboard\";\r\n },\r\n sidebar() {\r\n return this.$store.state.app.sidebar;\r\n },\r\n device() {\r\n return this.$store.state.app.device;\r\n },\r\n fixedHeader() {\r\n return this.$store.state.settings.fixedHeader;\r\n },\r\n classObj() {\r\n return {\r\n hideSidebar: !this.sidebar.opened && this.isHome == true,\r\n openSidebar: this.sidebar.opened,\r\n ishome: this.isHome == true,\r\n withoutAnimation: this.sidebar.withoutAnimation,\r\n // mobile: this.device === 'mobile' // 不再有移动端\r\n };\r\n },\r\n },\r\n data() {\r\n return {\r\n warningSocketList: [],\r\n };\r\n },\r\n mounted() {\r\n this.startWebSocket();\r\n },\r\n methods: {\r\n handleClickOutside() {\r\n this.$store.dispatch(\"app/closeSideBar\", { withoutAnimation: false });\r\n },\r\n // 开始连接webSocket\r\n startWebSocket() {\r\n return new Promise((resolve, reject) => {\r\n console.log(\"Socket建立链接\");\r\n this.socket = new Socket({\r\n \"socket-open\": (socket) => {\r\n console.log(\"Socket开启连接\");\r\n socket.sendLogin();\r\n\r\n sdkGetMessage();\r\n\r\n resolve();\r\n },\r\n \"socket-message\": (res) => {\r\n console.log(\"Socket接受信息\", res);\r\n if (res.code == 110) {\r\n // this.warningSocket.show = true\r\n // this.warningSocket.data = res.data\r\n // console.log(this.warningSocket.data)\r\n\r\n this.warningSocketList.push({\r\n show: true,\r\n data: res.data,\r\n });\r\n\r\n if (document.querySelector('audio')) {\r\n document.querySelector(\"audio\").play()\r\n } else {\r\n var audio = document.createElement(\"audio\")\r\n audio.src = './video.mp3'\r\n document.body.append(audio)\r\n audio.play()\r\n\r\n setTimeout(() => {\r\n document.body.removeChild(audio)\r\n }, 3000)\r\n }\r\n this.$store.state.app.warningSocket.list.push(res.data);\r\n this.$store.state.app.warningSocket.list = JSON.parse(\r\n JSON.stringify(this.$store.state.app.warningSocket.list)\r\n );\r\n }\r\n },\r\n \"socket-close\": () => {\r\n // this.$message.error(\"连接系统中断\");\r\n this.startWebSocket();\r\n },\r\n \"socket-error\": () => {\r\n this.$message.error(\"连接系统失败,请刷新重试或联系客服\");\r\n },\r\n });\r\n this.socket.setVm(this);\r\n this.socket.onInit();\r\n });\r\n },\r\n warningSocketButton(type, index, data) {\r\n console.log(data, '99999')\r\n for (\r\n var i = 0;\r\n i < this.$store.state.app.warningSocket.list.length;\r\n i++\r\n ) {\r\n if (data.id === this.$store.state.app.warningSocket.list[i].id) {\r\n this.$store.state.app.warningSocket.list.splice(i, 1);\r\n }\r\n }\r\n if (type === 1) {\r\n msgAlarmRead({ pushId: data.pushId });\r\n sessionStorage.row = JSON.stringify(data)\r\n this.$router.push({\r\n path: \"/alarmDetail\",\r\n query: {\r\n id: data.id,\r\n cameraCode: data.cameraCode || 200,\r\n alarmId: data.alarmId,\r\n },\r\n });\r\n } else if (type === 2) {\r\n // this.$store.commit('app/warningSocketAdd', this.warningSocket.data)\r\n console.log(\"已读消息\", data);\r\n msgAlarmRead({ pushId: data.pushId });\r\n\r\n this.$store.commit(\"app/homeWarningChange\");\r\n }\r\n\r\n this.warningSocketList[index].show = false;\r\n this.warningSocketList.splice(index, 1);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"~@/styles/mixin.scss\";\r\n@import \"~@/styles/variables.scss\";\r\n\r\n.nav-header {\r\n background: red;\r\n width: 100%;\r\n height: 50px;\r\n}\r\n\r\n.sidebar-container {\r\n top: 50px !important;\r\n height: calc(100% + 50px);\r\n}\r\n\r\n.home-list {\r\n width: 35%;\r\n\r\n ::v-deep .el-dialog__body {\r\n padding: 0 20px;\r\n }\r\n}\r\n\r\n.app-wrapper {\r\n @include clearfix;\r\n position: relative;\r\n height: 100%;\r\n width: 100%;\r\n\r\n &.mobile.openSidebar {\r\n position: fixed;\r\n top: 0;\r\n }\r\n}\r\n\r\n.drawer-bg {\r\n background: #000;\r\n opacity: 0.3;\r\n width: 100%;\r\n top: 0;\r\n height: 100%;\r\n position: absolute;\r\n z-index: 999;\r\n}\r\n\r\n.fixed-header {\r\n position: fixed;\r\n top: 50px;\r\n right: 0;\r\n // background-color: #F5F5F5;\r\n z-index: 9;\r\n width: calc(100% - #{$sideBarWidth});\r\n transition: width 0.28s;\r\n}\r\n\r\n.hideSidebar .fixed-header {\r\n width: 100%;\r\n}\r\n\r\n.mobile .fixed-header {\r\n width: 100%;\r\n}\r\n\r\n.warning-view {\r\n padding: 5px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 15px;\r\n\r\n .status-icon {\r\n padding: 3px 7px;\r\n background-color: #d68e15;\r\n position: absolute;\r\n right: 5px;\r\n top: 5px;\r\n font-size: 12px;\r\n border-radius: 5px;\r\n color: #fff;\r\n line-height: 1em;\r\n\r\n &.status-icon-2 {\r\n background-color: #70d2ff;\r\n }\r\n }\r\n\r\n .warning-image {\r\n width: 80px;\r\n height: 80px;\r\n border: 1px solid #fff;\r\n margin-right: 10px;\r\n }\r\n\r\n .warning-content {\r\n color: #8eacc8;\r\n font-size: 13px;\r\n flex: 1;\r\n\r\n .text-base {\r\n color: #333;\r\n margin-top: 4px;\r\n }\r\n\r\n .text-1 {\r\n margin-bottom: 10px;\r\n color: #2766dd;\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n .warning-operation {\r\n display: flex;\r\n font-size: 12px;\r\n color: #fff;\r\n margin-top: 4px;\r\n justify-content: flex-end;\r\n\r\n .button-1 {\r\n width: 60px;\r\n padding: 2px 0px;\r\n border-radius: 5px;\r\n border: 1px solid #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .button-2 {\r\n width: 60px;\r\n padding: 2px 0px;\r\n border-radius: 5px;\r\n margin-left: 5px;\r\n border: 1px solid #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
