{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js??ref--0-0!/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/babel.config.js","mtime":1708395041663},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnB1c2guanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3Qua2V5cy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IE5hdmJhciwgU2lkZWJhciwgQXBwTWFpbiB9IGZyb20gIi4vY29tcG9uZW50cyI7CmltcG9ydCBCcmVhZGNydW1iIGZyb20gIkAvY29tcG9uZW50cy9CcmVhZGNydW1iIjsKaW1wb3J0IFJlc2l6ZU1peGluIGZyb20gIi4vbWl4aW4vUmVzaXplSGFuZGxlciI7CmltcG9ydCBTb2NrZXQgZnJvbSAiQC9zb2NrZXQvc29ja2V0IjsKaW1wb3J0IHsgbXNnQWxhcm1SZWFkIH0gZnJvbSAiQC9hcGkvYWxhcm1MaXN0IjsKaW1wb3J0IHsgc2RrR2V0TWVzc2FnZSB9IGZyb20gIkAvYXBpL3NkayI7CmltcG9ydCBzdG9yZSBmcm9tICJAL3N0b3JlIjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJMYXlvdXQiLAogIGNvbXBvbmVudHM6IHsKICAgIE5hdmJhcjogTmF2YmFyLAogICAgU2lkZWJhcjogU2lkZWJhciwKICAgIEJyZWFkY3J1bWI6IEJyZWFkY3J1bWIsCiAgICBBcHBNYWluOiBBcHBNYWluCiAgfSwKICBtaXhpbnM6IFtSZXNpemVNaXhpbl0sCiAgd2F0Y2g6IHsKICAgICIkcm91dGUucGF0aCI6IGZ1bmN0aW9uICRyb3V0ZVBhdGgobmV3VmFsdWUpIHsKICAgICAgaWYgKG5ld1ZhbHVlICE9ICIvZGFzaGJvYXJkIikgewogICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCJhcHAvb3BlblNpZGVCYXIiLCB7CiAgICAgICAgICB3aXRob3V0QW5pbWF0aW9uOiBmYWxzZQogICAgICAgIH0pOwogICAgICB9CiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgaXNIb21lOiBmdW5jdGlvbiBpc0hvbWUoKSB7CiAgICAgIHJldHVybiB0aGlzLiRyb3V0ZS5wYXRoID09ICIvZGFzaGJvYXJkIjsKICAgIH0sCiAgICBzaWRlYmFyOiBmdW5jdGlvbiBzaWRlYmFyKCkgewogICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuYXBwLnNpZGViYXI7CiAgICB9LAogICAgZGV2aWNlOiBmdW5jdGlvbiBkZXZpY2UoKSB7CiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5hcHAuZGV2aWNlOwogICAgfSwKICAgIGZpeGVkSGVhZGVyOiBmdW5jdGlvbiBmaXhlZEhlYWRlcigpIHsKICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLmZpeGVkSGVhZGVyOwogICAgfSwKICAgIGNsYXNzT2JqOiBmdW5jdGlvbiBjbGFzc09iaigpIHsKICAgICAgcmV0dXJuIHsKICAgICAgICBoaWRlU2lkZWJhcjogIXRoaXMuc2lkZWJhci5vcGVuZWQgJiYgdGhpcy5pc0hvbWUgPT0gdHJ1ZSwKICAgICAgICBvcGVuU2lkZWJhcjogdGhpcy5zaWRlYmFyLm9wZW5lZCwKICAgICAgICBpc2hvbWU6IHRoaXMuaXNIb21lID09IHRydWUsCiAgICAgICAgd2l0aG91dEFuaW1hdGlvbjogdGhpcy5zaWRlYmFyLndpdGhvdXRBbmltYXRpb24KICAgICAgICAvLyBtb2JpbGU6IHRoaXMuZGV2aWNlID09PSAnbW9iaWxlJyAgLy8g5LiN5YaN5pyJ56e75Yqo56uvCiAgICAgIH07CiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgd2FybmluZ1NvY2tldExpc3Q6IFtdCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuc3RhcnRXZWJTb2NrZXQoKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGhhbmRsZUNsaWNrT3V0c2lkZTogZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKCkgewogICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgiYXBwL2Nsb3NlU2lkZUJhciIsIHsKICAgICAgICB3aXRob3V0QW5pbWF0aW9uOiBmYWxzZQogICAgICB9KTsKICAgIH0sCiAgICAvLyDlvIDlp4vov57mjqV3ZWJTb2NrZXQKICAgIHN0YXJ0V2ViU29ja2V0OiBmdW5jdGlvbiBzdGFydFdlYlNvY2tldCgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKGZ1bmN0aW9uIChyZXNvbHZlLCByZWplY3QpIHsKICAgICAgICBjb25zb2xlLmxvZygiU29ja2V05bu656uL6ZO+5o6lIik7CiAgICAgICAgX3RoaXMuc29ja2V0ID0gbmV3IFNvY2tldCh7CiAgICAgICAgICAic29ja2V0LW9wZW4iOiBmdW5jdGlvbiBzb2NrZXRPcGVuKHNvY2tldCkgewogICAgICAgICAgICBjb25zb2xlLmxvZygiU29ja2V05byA5ZCv6L+e5o6lIik7CiAgICAgICAgICAgIHNvY2tldC5zZW5kTG9naW4oKTsKICAgICAgICAgICAgc2RrR2V0TWVzc2FnZSgpOwogICAgICAgICAgICByZXNvbHZlKCk7CiAgICAgICAgICB9LAogICAgICAgICAgInNvY2tldC1tZXNzYWdlIjogZnVuY3Rpb24gc29ja2V0TWVzc2FnZShyZXMpIHsKICAgICAgICAgICAgY29uc29sZS5sb2coIlNvY2tldOaOpeWPl+S/oeaBryIsIHJlcyk7CiAgICAgICAgICAgIGlmIChyZXMuY29kZSA9PSAxMTApIHsKICAgICAgICAgICAgICAvLyB0aGlzLndhcm5pbmdTb2NrZXQuc2hvdyA9IHRydWUKICAgICAgICAgICAgICAvLyB0aGlzLndhcm5pbmdTb2NrZXQuZGF0YSA9IHJlcy5kYXRhCiAgICAgICAgICAgICAgLy8gY29uc29sZS5sb2codGhpcy53YXJuaW5nU29ja2V0LmRhdGEpCgogICAgICAgICAgICAgIF90aGlzLndhcm5pbmdTb2NrZXRMaXN0LnB1c2goewogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgICAgIGRhdGE6IHJlcy5kYXRhCiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ2F1ZGlvJykpIHsKICAgICAgICAgICAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImF1ZGlvIikucGxheSgpOwogICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICB2YXIgYXVkaW8gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCJhdWRpbyIpOwogICAgICAgICAgICAgICAgYXVkaW8uc3JjID0gJy4vdmlkZW8ubXAzJzsKICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kKGF1ZGlvKTsKICAgICAgICAgICAgICAgIGF1ZGlvLnBsYXkoKTsKICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gKCkgewogICAgICAgICAgICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKGF1ZGlvKTsKICAgICAgICAgICAgICAgIH0sIDMwMDApOwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgICBfdGhpcy4kc3RvcmUuc3RhdGUuYXBwLndhcm5pbmdTb2NrZXQubGlzdC5wdXNoKHJlcy5kYXRhKTsKICAgICAgICAgICAgICBfdGhpcy4kc3RvcmUuc3RhdGUuYXBwLndhcm5pbmdTb2NrZXQubGlzdCA9IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkoX3RoaXMuJHN0b3JlLnN0YXRlLmFwcC53YXJuaW5nU29ja2V0Lmxpc3QpKTsKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgICJzb2NrZXQtY2xvc2UiOiBmdW5jdGlvbiBzb2NrZXRDbG9zZSgpIHsKICAgICAgICAgICAgLy8gdGhpcy4kbWVzc2FnZS5lcnJvcigi6L+e5o6l57O757uf5Lit5patIik7CiAgICAgICAgICAgIF90aGlzLnN0YXJ0V2ViU29ja2V0KCk7CiAgICAgICAgICB9LAogICAgICAgICAgInNvY2tldC1lcnJvciI6IGZ1bmN0aW9uIHNvY2tldEVycm9yKCkgewogICAgICAgICAgICBfdGhpcy4kbWVzc2FnZS5lcnJvcigi6L+e5o6l57O757uf5aSx6LSlLOivt+WIt+aWsOmHjeivleaIluiBlOezu+WuouacjSIpOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICAgIF90aGlzLnNvY2tldC5zZXRWbShfdGhpcyk7CiAgICAgICAgX3RoaXMuc29ja2V0Lm9uSW5pdCgpOwogICAgICB9KTsKICAgIH0sCiAgICB3YXJuaW5nU29ja2V0QnV0dG9uOiBmdW5jdGlvbiB3YXJuaW5nU29ja2V0QnV0dG9uKHR5cGUsIGluZGV4LCBkYXRhKSB7CiAgICAgIGNvbnNvbGUubG9nKGRhdGEsICc5OTk5OScpOwogICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHRoaXMuJHN0b3JlLnN0YXRlLmFwcC53YXJuaW5nU29ja2V0Lmxpc3QubGVuZ3RoOyBpKyspIHsKICAgICAgICBpZiAoZGF0YS5pZCA9PT0gdGhpcy4kc3RvcmUuc3RhdGUuYXBwLndhcm5pbmdTb2NrZXQubGlzdFtpXS5pZCkgewogICAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUuYXBwLndhcm5pbmdTb2NrZXQubGlzdC5zcGxpY2UoaSwgMSk7CiAgICAgICAgfQogICAgICB9CiAgICAgIGlmICh0eXBlID09PSAxKSB7CiAgICAgICAgbXNnQWxhcm1SZWFkKHsKICAgICAgICAgIHB1c2hJZDogZGF0YS5wdXNoSWQKICAgICAgICB9KTsKICAgICAgICBzZXNzaW9uU3RvcmFnZS5yb3cgPSBKU09OLnN0cmluZ2lmeShkYXRhKTsKICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7CiAgICAgICAgICBwYXRoOiAiL2FsYXJtRGV0YWlsIiwKICAgICAgICAgIHF1ZXJ5OiB7CiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBjYW1lcmFDb2RlOiBkYXRhLmNhbWVyYUNvZGUgfHwgMjAwLAogICAgICAgICAgICBhbGFybUlkOiBkYXRhLmFsYXJtSWQKICAgICAgICAgIH0KICAgICAgICB9KTsKICAgICAgfSBlbHNlIGlmICh0eXBlID09PSAyKSB7CiAgICAgICAgLy8gdGhpcy4kc3RvcmUuY29tbWl0KCdhcHAvd2FybmluZ1NvY2tldEFkZCcsIHRoaXMud2FybmluZ1NvY2tldC5kYXRhKQogICAgICAgIGNvbnNvbGUubG9nKCLlt7Lor7vmtojmga8iLCBkYXRhKTsKICAgICAgICBtc2dBbGFybVJlYWQoewogICAgICAgICAgcHVzaElkOiBkYXRhLnB1c2hJZAogICAgICAgIH0pOwogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgiYXBwL2hvbWVXYXJuaW5nQ2hhbmdlIik7CiAgICAgIH0KICAgICAgdGhpcy53YXJuaW5nU29ja2V0TGlzdFtpbmRleF0uc2hvdyA9IGZhbHNlOwogICAgICB0aGlzLndhcm5pbmdTb2NrZXRMaXN0LnNwbGljZShpbmRleCwgMSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["Navbar","Sidebar","AppMain","Breadcrumb","ResizeMixin","Socket","msgAlarmRead","sdkGetMessage","store","name","components","mixins","watch","$routePath","newValue","$store","dispatch","withoutAnimation","computed","isHome","$route","path","sidebar","state","app","device","fixedHeader","settings","classObj","hideSidebar","opened","openSidebar","ishome","data","warningSocketList","mounted","startWebSocket","methods","handleClickOutside","_this","Promise","resolve","reject","console","log","socket","socketOpen","sendLogin","socketMessage","res","code","push","show","document","querySelector","play","audio","createElement","src","body","append","setTimeout","removeChild","warningSocket","list","JSON","parse","stringify","socketClose","socketError","$message","error","setVm","onInit","warningSocketButton","type","index","i","length","id","splice","pushId","sessionStorage","row","$router","query","cameraCode","alarmId","commit"],"sources":["src/layout/index.vue"],"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"],"mappings":"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"}]}