{"version":3,"sources":["webpack:///./src/views/layout/components/alarmList.vue?5331","webpack:///src/views/layout/components/alarmList.vue","webpack:///./src/views/layout/components/alarmList.vue?893c","webpack:///./src/views/layout/components/alarmList.vue","webpack:///./src/api/alarm.js","webpack:///./src/views/layout/components/alarmList.vue?8428"],"names":["render","_vm","this","_h","$createElement","_c","_self","alarmList","length","staticClass","_v","_s","$t","ref","_l","item","index","key","refInFor","getLevel","alarmLevel","deviceName","alarmInfo","_e","staticRenderFns","name","computed","cachedViews","$store","state","tagsView","$route","fullPath","filters","data","nowTime","disArr","mounted","getTipAlarmList","beforeDestroy","clearInterval","methods","val","setAlarmList","msgBox","offsetWidth","box","arr","moveLeft","getMargin","obj","marg","Number","setInterval","startDis","Math","abs","that","outbox","component","getDeptAlarmDetails","request","url","method","params","clearAlarmStatus","alarmId","getAlarmList","updateAlarmReadStatus","getDeviceLogList","getAlarmLevel","getAlarmStatus","getAlarmTypeLevel","getAlarmTypeStatus"],"mappings":"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","file":"js/chunk-0d87864c.b5cef838.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.alarmList.length > 0)?_c('div',{staticClass:\"alarm-container\"},[_c('div',{staticClass:\"name\"},[_c('i',{staticClass:\"iconfont icon-tongzhi\"}),_c('span',[_vm._v(_vm._s(_vm.$t(\"alarm.notification\"))+\"：\")])]),_c('div',{ref:\"msgBox\",staticClass:\"msg-box\"},[_c('div',{ref:\"box\",staticClass:\"list\"},_vm._l((_vm.alarmList),function(item,index){return _c('div',{key:index,ref:\"list\",refInFor:true,staticClass:\"msg\"},[_c('span',[_vm._v(\" [\"+_vm._s(_vm.getLevel(item.alarmLevel))+\"] \"+_vm._s(item.deviceName + \": \" + item.alarmInfo)+\" \")])])}),0)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"alarm-container\" v-if=\"alarmList.length > 0\">\r\n    <div class=\"name\">\r\n      <i class=\"iconfont icon-tongzhi\" />\r\n      <span>{{ $t(\"alarm.notification\") }}：</span>\r\n    </div>\r\n    <div class=\"msg-box\" ref=\"msgBox\">\r\n      <div class=\"list\" ref=\"box\">\r\n        <div\r\n          v-for=\"(item, index) in alarmList\"\r\n          :key=\"index\"\r\n          class=\"msg\"\r\n          ref=\"list\"\r\n        >\r\n          <span>\r\n            [{{ getLevel(item.alarmLevel) }}]\r\n            {{ item.deviceName + \": \" + item.alarmInfo }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { getTipAlarmList } from \"@/api/alarm\"\r\n\r\nexport default {\r\n  name: \"AppMain\",\r\n  computed: {\r\n    cachedViews() {\r\n      return this.$store.state.tagsView.cachedViews\r\n    },\r\n    key() {\r\n      return this.$route.fullPath\r\n    }\r\n  },\r\n  filters: {},\r\n  data() {\r\n    return {\r\n      // 定时器标识\r\n      nowTime: null,\r\n      // 每一个内容的宽度\r\n      disArr: [],\r\n      alarmList: []\r\n    }\r\n  },\r\n\r\n  mounted() {\r\n    getTipAlarmList().then((e) => {\r\n      this.alarmList = e.data.alarmList\r\n      this.$nextTick(() => {\r\n        this.setAlarmList()\r\n      })\r\n    })\r\n  },\r\n  beforeDestroy() {\r\n    // 页面关闭清除定时器\r\n    clearInterval(this.nowTime)\r\n    // 清除定时器标识\r\n    this.nowTime = null\r\n  },\r\n  methods: {\r\n    getLevel(val) {\r\n      // 验证是否为空\r\n      if (val == 1) {\r\n        return this.$t(\"alarm.leve1\")\r\n      } else if (val == 2) {\r\n        return this.$t(\"alarm.leve2\")\r\n      } else if (val == 3) {\r\n        return this.$t(\"alarm.leve3\")\r\n      }\r\n    },\r\n    setAlarmList() {\r\n      let item = this.$refs.list\r\n      let msgBox = this.$refs.msgBox\r\n      let box = this.$refs.box\r\n      if (this.alarmList.length == 0) {\r\n        return\r\n      }\r\n      if (msgBox.offsetWidth > box.offsetWidth) {\r\n        return\r\n      }\r\n      let len = this.alarmList.length\r\n      let arr = []\r\n      // 因为设置的margin值一样，所以取第一个就行。\r\n      let margin = this.getMargin(item[0])\r\n      for (let i = 0; i < len; i++) {\r\n        arr.push(item[i].clientWidth + margin) // 把宽度和 margin 加起来就是每一个元素需要移动的距离\r\n      }\r\n      this.disArr = arr\r\n      this.moveLeft()\r\n    },\r\n    // 获取margin属性\r\n    getMargin(obj) {\r\n      let marg = window.getComputedStyle(obj, null)[\"margin-right\"]\r\n      marg = marg.replace(\"px\", \"\")\r\n      return Number(marg) // 强制转化成数字\r\n    },\r\n    // 移动的方法\r\n    moveLeft() {\r\n      let that = this\r\n      let outbox = this.$refs.box\r\n      // 初始位置\r\n      let startDis = 0\r\n      this.nowTime = setInterval(function () {\r\n        startDis -= 0.5\r\n        // console.log('初始化移动：', startDis)\r\n        if (Math.abs(startDis) > Math.abs(that.disArr[0])) {\r\n          // 每次移动完一个元素的距离，就把这个元素的宽度\r\n          that.disArr.push(that.disArr.shift())\r\n          // 每次移动完一个元素的距离，就把列表数据的第一项放到最后一项\r\n          // console.log('that.alarmList: ', that.alarmList)\r\n          // console.log('that.alarmList: ', that.alarmList.shift())\r\n          that.alarmList.push(that.alarmList.shift())\r\n          startDis = 0\r\n          // console.log('移动')\r\n        } else {\r\n          // console.log('不来不来就不来...')\r\n        }\r\n        // 每次都让盒子移动指定的距离，在我自己做的项目中，这种字符串拼接的方法并没有生效\r\n        // outbox.style = 'transform: translateX3d(' + startDis + 'px)'\r\n        // 后面换了es6的模板字符串就可以了\r\n        outbox.style = `transform: translateX(${startDis}px)`\r\n        // outbox.style = 'transform: translateX(\\' + startDis + \\' px)'\r\n        // outbox.style.marginLeft = 'startDis'\r\n        // console.log('这里:', startDis)\r\n      }, 1000 / 60)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n.alarm-container {\r\n  font-size: 13px;\r\n  font-family: Microsoft YaHei;\r\n  font-weight: 400;\r\n  color: #ff3936;\r\n  height: 24px;\r\n  line-height: 24px;\r\n  position: absolute;\r\n  display: flex;\r\n  top: 57px;\r\n  left: 810px;\r\n  right: 20px;\r\n  .name {\r\n    font-size: 13px;\r\n    font-family: Microsoft YaHei;\r\n    font-weight: 400;\r\n    color: #fffc7d;\r\n    max-width: 150px;\r\n    .iconfont {\r\n      margin-right: 8px;\r\n    }\r\n  }\r\n}\r\n\r\n.msg-box {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  height: 28px;\r\n  .list {\r\n    white-space: nowrap;\r\n    display: inline-block;\r\n    .msg {\r\n      margin-right: 10px;\r\n      display: inline-block;\r\n      font-size: 13px;\r\n      text-indent: 20px;\r\n      line-height: 28px;\r\n      height: 28px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./alarmList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./alarmList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alarmList.vue?vue&type=template&id=5cace76c&scoped=true&\"\nimport script from \"./alarmList.vue?vue&type=script&lang=js&\"\nexport * from \"./alarmList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./alarmList.vue?vue&type=style&index=0&id=5cace76c&rel=stylesheet%2Fscss&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5cace76c\",\n  null\n  \n)\n\nexport default component.exports","import request from \"@/utils/request\";\r\n\r\n\r\n// 根据告警ID获取告警历史记录/告警工单信息\r\nexport function getDeptAlarmDetails(data) {\r\n  return request({\r\n    url: \"trajectory-service/deptAlarm/getTaskByAlarmId\",\r\n    method: \"get\",\r\n    params: data,\r\n  });\r\n}\r\n// 清除告警状态\r\nexport function clearAlarmStatus(alarmId) {\r\n  return request({\r\n    url: \"alarm-service/alarm/clearAlarmStatus?alarmId=\" + alarmId,\r\n    method: \"post\",\r\n  });\r\n}\r\n\r\n\r\n// 获取告警设备类型列表\r\nexport function getAlarmDeviceTypeList() {\r\n  return request({\r\n    url: \"alarm-service/alarm/getAlarmDeviceTypeList\",\r\n    method: \"get\",\r\n  });\r\n}\r\n\r\n\r\n// 获取告警列表\r\nexport function getAlarmList(data) {\r\n  return request({\r\n    url: \"alarm-service/alarm/getAlarmList\",\r\n    method: \"get\",\r\n    params: data,\r\n  });\r\n}\r\n\r\n// 获取提示告警列表\r\nexport function getTipAlarmList(data) {\r\n  return request({\r\n    url: \"alarm-service/alarm/getTipAlarmList\",\r\n    method: \"get\",\r\n    params: data,\r\n  });\r\n}\r\n\r\n\r\n// 更新告警阅读状态\r\nexport function updateAlarmReadStatus(data) {\r\n  return request({\r\n    url: \"alarm-service/alarm/updateAlarmReadStatus\",\r\n    method: \"post\",\r\n    params: data,\r\n  });\r\n}\r\n\r\n// 根据筛选条件查询设备操作信息\r\nexport function getDeviceLogList(data) {\r\n  return request({\r\n    url: 'device-service/deviceLog/getDeviceLogList',\r\n    method: 'get',\r\n    params: data\r\n  })\r\n}\r\n\r\n\r\n\r\n \r\n// 查询故障等级状态-告警等级占比\r\nexport function getAlarmLevel(data) {\r\n  return request({\r\n    url: 'alarm-service/statistics/getAlarmLevel',\r\n    method: 'get',\r\n    params: data\r\n  })\r\n}\r\n\r\n \r\n// 查询故障等级设备类型状态-告警等级分布\r\nexport function getAlarmLevelType(data) {\r\n  return request({\r\n    url: 'alarm-service/statistics/getAlarmLevelType',\r\n    method: 'get',\r\n    params: data\r\n  })\r\n}\r\n \r\n\r\n// 查询故障状态-告警状态占比\r\nexport function getAlarmStatus(data) {\r\n  return request({\r\n    url: 'alarm-service/statistics/getAlarmStatus',\r\n    method: 'get',\r\n    params: data\r\n  })\r\n} \r\n\r\n\r\n// 查询故障设备类型等级状态-设备告警等级分布\r\nexport function getAlarmTypeLevel(data) {\r\n  return request({\r\n    url: 'alarm-service/statistics/getAlarmTypeLevel',\r\n    method: 'get',\r\n    params: data\r\n  })\r\n}\r\n\r\n\r\n// 查询故障设备类型状态-告警状态分布\r\nexport function getAlarmTypeStatus(data) {\r\n  return request({\r\n    url: 'alarm-service/statistics/getAlarmTypeStatus',\r\n    method: 'get',\r\n    params: data\r\n  })\r\n}\r\n\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./alarmList.vue?vue&type=style&index=0&id=5cace76c&rel=stylesheet%2Fscss&lang=scss&scoped=true&\""],"sourceRoot":""}