| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/layout/components/Navbar.vue?vue&type=style&index=1&id=d16d6306&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/layout/components/Navbar.vue","mtime":1708395041882},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLm5hdmJhciB7CiAgaGVpZ2h0OiAwcHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgLy8gYmFja2dyb3VuZDogI2ZmZjsKICBib3gtc2hhZG93OiAwIDFweCA0cHggcmdiYSgwLCAyMSwgNDEsIDAuMDgpOwoKICAuaGFtYnVyZ2VyLWNvbnRhaW5lciB7CiAgICBkaXNwbGF5OiBub25lOwogICAgbGluZS1oZWlnaHQ6IDQ2cHg7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICBmbG9hdDogbGVmdDsKICAgIGN1cnNvcjogcG9pbnRlcjsKCiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3M7CiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50OwoKICAgICY6aG92ZXIgewogICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDI1KTsKICAgIH0KICB9CgogIC5icmVhZGNydW1iLWNvbnRhaW5lciB7CiAgICBmbG9hdDogbGVmdDsKICB9CgogIC5yaWdodC1tZW51IHsKICAgIGZsb2F0OiByaWdodDsKICAgIGhlaWdodDogMTAwJTsKICAgIGxpbmUtaGVpZ2h0OiA1MHB4OwoKICAgIC5xckNvZGUgewogICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4OwogICAgICBib3JkZXItcmFkaXVzOiAzcHg7CiAgICAgIGZvbnQtc2l6ZTogMTZweDsKICAgICAgYmFja2dyb3VuZDogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQodG9wLCAjMDI1MWFmLCAjMDBjN2ZiKTsKICAgICAgbGluZS1oZWlnaHQ6IDI1cHg7CiAgICAgIGhlaWdodDogMjVweDsKICAgICAgd2lkdGg6IDcwcHg7CiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIH0KCiAgICAmOmZvY3VzIHsKICAgICAgb3V0bGluZTogbm9uZTsKICAgIH0KCiAgICAuY2xzIHsKICAgICAgd2lkdGg6IDc0cHg7CiAgICAgIGhlaWdodDogMjRweDsKICAgICAgLy8gYm9yZGVyOiAxcHggc29saWQgIzAwMDAwMDsKICAgICAgYm9yZGVyLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoCiAgICAgICAgICAxNTFkZWcsCiAgICAgICAgICByZ2JhKDAsIDEwNSwgMjM3LCAwLjYpLAogICAgICAgICAgcmdiYSgwLCAxOTksIDI1MSwgMC42KQogICAgICAgICkKICAgICAgICAzIDM7CiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsKICAgICAgY29sb3I6ICNmZmY7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICBtYXJnaW4tbGVmdDogMTBweDsKICAgICAgYmFja2dyb3VuZDogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQodG9wLCAjMDI1MWFmLCAjMDBjN2ZiKTsKICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgfQoKICAgICY6Zm9jdXMgewogICAgICBvdXRsaW5lOiBub25lOwogICAgfQoKICAgIC5yaWdodC1tZW51LWl0ZW0gewogICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgIHBhZGRpbmc6IDAgOHB4OwogICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgIGZvbnQtc2l6ZTogMThweDsKICAgICAgY29sb3I6ICM1YTVlNjY7CiAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTsKCiAgICAgICYuaG92ZXItZWZmZWN0IHsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzOwoKICAgICAgICAmOmhvdmVyIHsKICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4wMjUpOwogICAgICAgIH0KICAgICAgfQogICAgfQoKICAgIC5hdmF0YXItY29udGFpbmVyIHsKICAgICAgbWFyZ2luLXJpZ2h0OiAzMHB4OwoKICAgICAgLmF2YXRhci13cmFwcGVyIHsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwoKICAgICAgICAudXNlci1hdmF0YXIgewogICAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICAgICAgd2lkdGg6IDI4LjVweDsKICAgICAgICAgIGhlaWdodDogMjguNXB4OwogICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOwogICAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7CiAgICAgICAgfQoKICAgICAgICAuZWwtaWNvbi1jYXJldC1ib3R0b20gewogICAgICAgICAgbWFyZ2luLWxlZnQ6IDVweDsKICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsKICAgICAgICAgIGNvbG9yOiAjMDU1NmRiOwogICAgICAgIH0KICAgICAgfQogICAgfQogIH0KfQoKLm1zZ0FsYXJtTWVzc2FnZSB7CiAgYm94LXNoYWRvdzogbm9uZTsKICBtYXJnaW4tdG9wOiA1cHg7CgogIC5tZXNzYWdlIHsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGNvbG9yOiAjNGQ4NWY0OwogIH0KCiAgLy8gLm1lc3NhZ2U6aG92ZXIgewogIC8vICAgYmFja2dyb3VuZDogIzRkODVmNDsKICAvLyB9CgogIC8vIC5tZXNzYWdlOmFjdGl2ZSB7CiAgLy8gICBiYWNrZ3JvdW5kOiAjMTQ0ZWJmOwogIC8vIH0KCiAgLm1zZ0FsYXJtTWVzc2FnZS1oZWFkIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgICBwYWRkaW5nLWJvdHRvbTogOHB4OwogICAgbWFyZ2luLXRvcDogNXB4OwogICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmMmYyZjI7CiAgICBjb2xvcjogIzMzMzMzMzsKICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIC8vIHdpZHRoOiAxMDAlOwogICAgLy8gY29sb3I6ICNmZmY7CgogICAgJi5uby1ob21lIHsKICAgICAgY29sb3I6ICMwMDA7CiAgICB9CiAgfQoKICAubXNnQWxhcm1NZXNzYWdlLWxpc3QgewogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICBmb250LXNpemU6IDE0cHg7CiAgICBtYXgtaGVpZ2h0OiA0MTJweDsKICAgIG92ZXJmbG93LXk6IGF1dG87CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgcGFkZGluZzogMjRweDsKICAgIG1hcmdpbi10b3A6IDVweDsKICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgIC8vIGJveC1zaGFkb3c6IDBweCAycHggNHB4IDBweCByZ2JhKDIyMSwgMjE3LCAyMTcsIDEpOwoKICAgIC5tc2dBbGFybU1lc3NhZ2UtaXRlbSB7CiAgICAgIHBhZGRpbmctYm90dG9tOiA4cHg7CiAgICAgIG1hcmdpbi10b3A6IDVweDsKICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMjQyLCAyNDIsIDI0MiwgMSk7CiAgICAgIGN1cnNvcjogcG9pbnRlcjsKCiAgICAgIC8vIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjQyLDI0MiwyNDIsMSk7CiAgICAgIC5pdGVtLXRpdGxlIHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CgogICAgICAgIC5pdGVtLXRleHQxIHsKICAgICAgICAgIGZsZXgtc2hyaW5rOiAwOwogICAgICAgICAgY29sb3I6IHJlZDsKICAgICAgICAgIC8vIG1hcmdpbi1yaWdodDogMTBweDsKICAgICAgICB9CgogICAgICAgIC5pdGVtLXRleHQyIHsKICAgICAgICAgIGZsZXg6IDE7CiAgICAgICAgICBjb2xvcjogIzAwMDAwMDsKICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgICB9CgogICAgICAgIC5pdGVtLXRleHQzIHsKICAgICAgICAgIGZsZXgtc2hyaW5rOiAwOwogICAgICAgIH0KICAgICAgfQoKICAgICAgLml0ZW0tY29udGVudCB7CiAgICAgICAgLy8gcGFkZGluZzogNXB4IDIwcHg7CiAgICAgICAgLy8gd2lkdGg6IDUyMHB4OwogICAgICAgIGhlaWdodDogMzNweDsKICAgICAgICBsaW5lLWhlaWdodDogMzNweDsKICAgICAgICBwYWRkaW5nLWxlZnQ6IDEycHg7CiAgICAgICAgYmFja2dyb3VuZDogI2Y1ZjVmNTsKICAgICAgICBtYXJnaW4tdG9wOiA1cHg7CiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4OwogICAgICAgIGNvbG9yOiAjNTY1NjU2OwogICAgICAgIGZvbnQtc2l6ZTogMTJweDsKICAgICAgfQogICAgfQogIH0KfQo="},{"version":3,"sources":["Navbar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8TA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Navbar.vue","sourceRoot":"src/layout/components","sourcesContent":["<template>\n <div class=\"navbar\">\n <div class=\"nav-header\">\n <!-- <span class=\"nav-heander-name\">重载铁路线路环境机车远程监视系统</span> -->\n <span class=\"nav-heander-name\">{{ projectName }}</span>\n <img class=\"titleImg\" src=\"@/assets/表头背景.png\" />\n <img class=\"logo\" src=\"@/assets/机车LOGO.png\" />\n <div\n class=\"right-menu\"\n style=\"display: flex; align-items: center; line-height: 1em\"\n >\n <el-popover\n v-model=\"allMessageShow\"\n placement=\"bottom-end\"\n width=\"500\"\n trigger=\"click\"\n ref=\"popoveraite\"\n popper-class=\"home-el-popover\"\n style=\"cursor: pointer\"\n >\n <!-- <img src=\"../../assets/tishi.png\" alt=\"\"> -->\n <div class=\"msgAlarmMessage\">\n <!-- <div\n class=\"msgAlarmMessage-head\"\n :class=\"{ 'no-home': isHome == false }\"\n >\n <div>\n 共{{ $store.state.app.warningSocket.list.length }}条消息\n </div>\n <div class=\"message\" @click=\"toMessageAll\">全部消息</div>\n </div> -->\n <div class=\"msgAlarmMessage-list\">\n <div\n class=\"msgAlarmMessage-head\"\n :class=\"{ 'no-home': isHome == false }\"\n >\n <div>\n 共{{ $store.state.app.warningSocket.list.length }}条消息\n </div>\n <div class=\"message\" @click=\"toMessageAll\">更多消息</div>\n </div>\n <div\n v-for=\"item in $store.state.app.warningSocket.list\"\n @click=\"linkClick(item)\"\n class=\"msgAlarmMessage-item\"\n >\n <div class=\"item-title\">\n <div class=\"item-text1\">【报警】</div>\n <div class=\"item-text2\">{{ item.railwayName }}</div>\n <!-- <div class=\"item-text3\">{{ item.releasedTime }}</div> -->\n </div>\n <div class=\"item-content\">\n <span>{{ item.alarmTime }}</span>\n <span style=\"display: inline-block; margin-left: 5px\"\n >,里程位置{{ item.alarmMile }},</span\n >\n <span>{{ item.lineDir == 1 ? \"上行\" : \"下行\" }},</span>\n <span style=\"display: inline-block; margin-left: 5px\">{{\n item.alarmType == 1 ? \"泥石流\" : \"\"\n }}</span>\n\n <!-- {{ item.alarmType === 1 ? \"泥石流\" : \"\" }} -->\n <!-- {{ item.lineDirStr }} 里程位置 里程范围\n {{ item.beginMile }}-{{ item.endMile }} -->\n </div>\n </div>\n </div>\n </div>\n\n <el-badge\n slot=\"reference\"\n :value=\"$store.state.app.warningSocket.list.length==0?'':$store.state.app.warningSocket.list.length\"\n class=\"item\"\n >\n <img\n :src=\"\n !isHome\n ? require('../../assets/xiaoxi-1.png')\n : require('../../assets/xiaoxi-1.png')\n \"\n alt=\"\"\n />\n </el-badge>\n </el-popover>\n\n <div\n style=\"\n width: 1px;\n height: 60%;\n background-color: none;\n margin-left: 0px;\n margin-right: 20px;\n \"\n />\n <el-dropdown class=\"avatar-container\" trigger=\"click\">\n <div class=\"avatar-wrapper\">\n <img\n :src=\"\n !isHome\n ? require('../../assets/btn_cards1.png')\n : require('../../assets/btn_cards1.png')\n \"\n class=\"user-avatar\"\n />\n <div :style=\"{ color: isHome == true ? '#fff' : '#fff' }\">\n {{ name }}\n </div>\n <i style=\"color: #fff\" class=\"el-icon-caret-bottom\" />\n </div>\n <el-dropdown-menu slot=\"dropdown\" class=\"user-dropdown\">\n <!-- <router-link to=\"/\">\n <el-dropdown-item>\n Home\n </el-dropdown-item>\n </router-link> -->\n <el-dropdown-item divided @click.native=\"logout\">\n <span style=\"display: block\">退出登陆</span>\n </el-dropdown-item>\n <el-dropdown-item>\n <span style=\"display: block\" @click=\"personalCenter()\"\n >个人中心</span\n >\n </el-dropdown-item>\n <el-dropdown-item>\n <span style=\"display: block\" @click=\"updatePwd\">修改密码</span>\n </el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n <updatePwd\n v-if=\"updatePwdData.dialogVisible\"\n :updatePwdData=\"updatePwdData\"\n @updatePwdBtn=\"updatePwdBtn\"\n >\n </updatePwd>\n </div>\n </div>\n <hamburger\n :is-active=\"sidebar.opened\"\n class=\"hamburger-container\"\n @toggleClick=\"toggleSideBar\"\n />\n </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport Breadcrumb from \"@/components/Breadcrumb\";\nimport Hamburger from \"@/components/Hamburger\";\nimport store from \"@/store\";\nimport { msgAlarmWebAlarm, readById } from \"@/api/alarmList\";\nimport updatePwd from \"./updatePwd.vue\";\nimport { updatepwd } from \"@/api/sysManage\";\nimport { projectName } from '@/api/user'\nexport default {\n components: {\n Breadcrumb,\n Hamburger,\n updatePwd,\n },\n computed: {\n ...mapGetters([\"sidebar\", \"avatar\", \"name\"]),\n isHome() {\n return this.$route.path == \"/dashboard\";\n },\n },\n created() { \n projectName().then(res => { \n this.projectName = res \n }) \n },\n data() {\n return {\n updatePwdData: {\n dialogVisible: false,\n },\n allMessageShow: false,\n qrCodeData: {\n dialogVisible: true,\n },\n projectName:'',\n };\n },\n mounted() {\n msgAlarmWebAlarm().then((res) => {\n let data = res.data.webAlarm;\n if (data.length > 0) {\n data.forEach((element) => {\n this.$store.commit(\"app/warningSocketAdd\", element);\n });\n }\n });\n },\n methods: {\n updatePwdBtn(payload) {\n updatepwd(payload).then((res) => {\n if (res.code == 200) {\n this.$message({\n type: \"success\",\n message: \"修改成功!\",\n });\n this.updatePwdData.dialogVisible = false;\n } else {\n this.$message({\n type: \"error\",\n message: res.msg,\n });\n }\n });\n },\n linkClick(item) {\n readById({\n pushId: item.pushId,\n }).then((res) => {\n if (res.code == \"200\") {\n for (\n var i = 0;\n i < this.$store.state.app.warningSocket.list.length;\n i++\n ) {\n if (item.id === this.$store.state.app.warningSocket.list[i].id) {\n this.$store.state.app.warningSocket.list.splice(i, 1);\n }\n }\n }\n });\n this.$router.push({ path: \"/alarmDetail?id=\" + item.id });\n },\n updatePwd() {\n this.updatePwdData.dialogVisible = true;\n },\n showQrcode() {\n this.qrCodeData.dialogVisible = true;\n },\n toggleSideBar() {\n this.$store.dispatch(\"app/toggleSideBar\");\n },\n async logout() {\n // await this.$store.dispatch('user/logout')\n // this.$router.push(`/login?redirect=${this.$route.fullPath}`)\n store.dispatch(\"user/resetToken\").then(() => {\n location.reload();\n });\n },\n homeClearScreenClick() {\n this.$store.commit(\"app/homeClearScreenClick\");\n },\n // 去全部消息\n toMessageAll() {\n this.allMessageShow = false;\n this.$router.push(\"/message/list\");\n },\n //跳转个人中心\n personalCenter() {\n this.$router.push(\"/personalCenter/list\");\n },\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.nav-header {\n position: relative;\n width: 100%;\n height: 50px;\n position: fixed;\n top: 0px;\n left: 0;\n background-color: #2250c8;\n /* background: linear-gradient(187deg, #0b244f 0%, #05448c 100%); */\n color: #fff;\n line-height: 50px;\n padding-left: 15px;\n .nav-heander-name {\n position: absolute;\n z-index: 60;\n text-indent: 60px;\n font-size: 20px;\n letter-spacing: 4px;\n font-weight: 800;\n }\n .titleImg {\n display: block;\n position: absolute;\n left: -183px;\n top: -24px;\n z-index: 50;\n }\n .logo {\n position: absolute;\n z-index: 50;\n }\n}\n\n.nav-headers {\n width: 100%;\n height: 50px;\n position: fixed;\n top: 15px;\n left: 0;\n background-color: #2250c8;\n /* background: linear-gradient(187deg, #0b244f 0%, #05448c 100%); */\n color: #fff;\n line-height: 50px;\n padding-left: 56px;\n}\n\n.el-badge__content {\n background-color: #ff0000;\n}\n\n.home-el-popover {\n background: transparent !important;\n border: none;\n padding: 0;\n box-shadow: none;\n}\n</style>\n<style lang=\"scss\" scoped>\n.navbar {\n height: 0px;\n overflow: hidden;\n position: relative;\n // background: #fff;\n box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);\n\n .hamburger-container {\n display: none;\n line-height: 46px;\n height: 100%;\n float: left;\n cursor: pointer;\n\n transition: background 0.3s;\n -webkit-tap-highlight-color: transparent;\n\n &:hover {\n background: rgba(0, 0, 0, 0.025);\n }\n }\n\n .breadcrumb-container {\n float: left;\n }\n\n .right-menu {\n float: right;\n height: 100%;\n line-height: 50px;\n\n .qrCode {\n cursor: pointer;\n margin-left: 10px;\n border-radius: 3px;\n font-size: 16px;\n background: -webkit-linear-gradient(top, #0251af, #00c7fb);\n line-height: 25px;\n height: 25px;\n width: 70px;\n text-align: center;\n }\n\n &:focus {\n outline: none;\n }\n\n .cls {\n width: 74px;\n height: 24px;\n // border: 1px solid #000000;\n border-image: linear-gradient(\n 151deg,\n rgba(0, 105, 237, 0.6),\n rgba(0, 199, 251, 0.6)\n )\n 3 3;\n border-radius: 3px;\n color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 10px;\n background: -webkit-linear-gradient(top, #0251af, #00c7fb);\n cursor: pointer;\n }\n\n &:focus {\n outline: none;\n }\n\n .right-menu-item {\n display: inline-block;\n padding: 0 8px;\n height: 100%;\n font-size: 18px;\n color: #5a5e66;\n vertical-align: text-bottom;\n\n &.hover-effect {\n cursor: pointer;\n transition: background 0.3s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.025);\n }\n }\n }\n\n .avatar-container {\n margin-right: 30px;\n\n .avatar-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n\n .user-avatar {\n cursor: pointer;\n width: 28.5px;\n height: 28.5px;\n border-radius: 50%;\n margin-right: 5px;\n }\n\n .el-icon-caret-bottom {\n margin-left: 5px;\n cursor: pointer;\n font-size: 12px;\n color: #0556db;\n }\n }\n }\n }\n}\n\n.msgAlarmMessage {\n box-shadow: none;\n margin-top: 5px;\n\n .message {\n cursor: pointer;\n color: #4d85f4;\n }\n\n // .message:hover {\n // background: #4d85f4;\n // }\n\n // .message:active {\n // background: #144ebf;\n // }\n\n .msgAlarmMessage-head {\n display: flex;\n justify-content: space-between;\n padding-bottom: 8px;\n margin-top: 5px;\n border-bottom: 1px solid #f2f2f2;\n color: #333333;\n font-size: 12px;\n // width: 100%;\n // color: #fff;\n\n &.no-home {\n color: #000;\n }\n }\n\n .msgAlarmMessage-list {\n display: flex;\n flex-direction: column;\n font-size: 14px;\n max-height: 412px;\n overflow-y: auto;\n background-color: #fff;\n padding: 24px;\n margin-top: 5px;\n border-radius: 2px;\n // box-shadow: 0px 2px 4px 0px rgba(221, 217, 217, 1);\n\n .msgAlarmMessage-item {\n padding-bottom: 8px;\n margin-top: 5px;\n border-bottom: 1px solid rgba(242, 242, 242, 1);\n cursor: pointer;\n\n // border: 1px solid rgba(242,242,242,1);\n .item-title {\n display: flex;\n align-items: center;\n\n .item-text1 {\n flex-shrink: 0;\n color: red;\n // margin-right: 10px;\n }\n\n .item-text2 {\n flex: 1;\n color: #000000;\n font-size: 14px;\n }\n\n .item-text3 {\n flex-shrink: 0;\n }\n }\n\n .item-content {\n // padding: 5px 20px;\n // width: 520px;\n height: 33px;\n line-height: 33px;\n padding-left: 12px;\n background: #f5f5f5;\n margin-top: 5px;\n border-radius: 5px;\n color: #565656;\n font-size: 12px;\n }\n }\n }\n}\n</style>\n"]}]}
|
