{"version":3,"sources":["webpack:///./src/pages/HomePage/RiskMonitoring/Components/ViewPanel.vue?1352","webpack:///src/pages/HomePage/RiskMonitoring/Components/ViewPanel.vue","webpack:///./src/pages/HomePage/RiskMonitoring/Components/ViewPanel.vue?fc0e","webpack:///./src/pages/HomePage/RiskMonitoring/Components/ViewPanel.vue","webpack:///./src/pages/HomePage/RiskMonitoring/Components/ViewPanel.vue?6241","webpack:///./src/pages/HomePage/RiskMonitoring/Components/ViewPanel.vue?66dd","webpack:///./src/assets/images/RiskMonitoring/panel-bg.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","active","staticClass","_v","_s","title","attrs","_t","staticRenderFns","name","props","type","String","default","scroll","Boolean","data","panelBg","component","module","exports"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,aAAc,CAAEC,OAAQP,EAAIO,UAAW,CAACH,EAAG,MAAM,CAACI,YAAY,mBAAmB,CAACJ,EAAG,OAAO,CAACI,YAAY,oBAAoB,CAACR,EAAIS,GAAG,WAAWT,EAAIU,GAAGV,EAAIW,OAAO,cAAcP,EAAG,MAAM,CAACI,YAAY,mBAAmB,CAAER,EAAU,OAAEI,EAAG,MAAM,CAACI,YAAY,qBAAqB,CAACJ,EAAG,eAAe,CAACQ,MAAM,CAAC,aAAa,iBAAiB,MAAQ,yBAAyB,cAAc,qBAAqB,CAACR,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACR,EAAIa,GAAG,YAAY,MAAM,GAAGb,EAAIa,GAAG,YAAY,MAC7lBC,EAAkB,G,qBC+BtB,GACEC,KAAM,YACNC,MAAO,CAELL,MAAO,CACLM,KAAMC,OACNC,QAAS,IAGXC,OAAQ,CACNH,KAAMI,QACNF,SAAS,GAGXZ,OAAQ,CACNU,KAAMI,QACNF,SAAS,IAGbG,KAnBF,WAoBI,MAAO,CACLC,QAAN,OCrDgY,I,kCCS5XC,EAAY,eACd,EACAzB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,kECpBf,yBAAwhB,EAAG,G,kCCA3hB,yBAAwhB,EAAG,G,qBCA3hBC,EAAOC,QAAU,IAA0B","file":"static/js/chunk-6f36d97c.b0f2121b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['view-panel', { active: _vm.active }]},[_c('div',{staticClass:\"view-panel-head\"},[_c('span',{staticClass:\"view-panel-title\"},[_vm._v(\"\\n      \"+_vm._s(_vm.title)+\"\\n    \")])]),_c('div',{staticClass:\"view-panel-main\"},[(_vm.scroll)?_c('div',{staticClass:\"view-panel-scroll\"},[_c('el-scrollbar',{attrs:{\"wrap-class\":\"scrollbar-wrap\",\"color\":\"rgba(0, 255, 254, 0.6)\",\"piece-color\":\"rgba(0, 0, 0, 0)\"}},[_c('div',{staticClass:\"view-panel-scroll-main\"},[_vm._t(\"default\")],2)])],1):_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\r\n * @Author: zhubincong\r\n * @Date: 2020-3-9 19:41:31\r\n * @Desc: 看板控件\r\n -->\r\n<template>\r\n  <div :class=\"['view-panel', { active }]\">\r\n    <div class=\"view-panel-head\">\r\n      <span class=\"view-panel-title\">\r\n        {{ title }}\r\n      </span>\r\n    </div>\r\n    <div class=\"view-panel-main\">\r\n      <div v-if=\"scroll\" class=\"view-panel-scroll\">\r\n        <el-scrollbar\r\n          wrap-class=\"scrollbar-wrap\"\r\n          color=\"rgba(0, 255, 254, 0.6)\"\r\n          piece-color=\"rgba(0, 0, 0, 0)\"\r\n        >\r\n          <div class=\"view-panel-scroll-main\">\r\n            <slot />\r\n          </div>\r\n        </el-scrollbar>\r\n      </div>\r\n      <slot v-else />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport panelBg from '@/assets/images/RiskMonitoring/panel-bg.png'\r\n\r\nexport default {\r\n  name: 'ViewPanel',\r\n  props: {\r\n    // 看板标题\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    // 看板是否可滚动\r\n    scroll: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    // 看板是否高亮激活\r\n    active: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      panelBg\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.view-panel {\r\n  width: 460px;\r\n  height: 215px;\r\n  border: 2px solid #072f3d;\r\n  background-position: center bottom;\r\n  background-image: url('~@/assets/images/RiskMonitoring/panel-bg.png');\r\n}\r\n.view-panel:hover {\r\n  background-image: url('~@/assets/images/RiskMonitoring/panel-bg-hover.png');\r\n}\r\n.view-panel.active {\r\n  border-color: #019db4;\r\n  border-image: linear-gradient(#019db4, #019db433) 2;\r\n  background-image: url('~@/assets/images/RiskMonitoring/panel-bg-active.png');\r\n}\r\n.view-panel-head {\r\n  position: relative;\r\n  top: -2px;\r\n  background: top right url('~@/assets/images/RiskMonitoring/panel-top.png') no-repeat;\r\n}\r\n.view-panel-title {\r\n  display: inline-block;\r\n\r\n  color: #ffffff;\r\n  opacity: 0.9;\r\n  background-image: url('~@/assets/images/RiskMonitoring/panel-title.png');\r\n  background-repeat: no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n.active .view-panel-title {\r\n  font-weight: bold;\r\n  background-image: url('~@/assets/images/RiskMonitoring/panel-title-active.png');\r\n}\r\n.view-panel-main {\r\n  position: relative;\r\n  padding: 10px;\r\n}\r\n.view-panel-scroll {\r\n  width: calc(100% + 12px);\r\n  height: 100%;\r\n}\r\n.view-panel-scroll-main {\r\n  padding-right: 12px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n@media screen and (min-width: 1900px) {\r\n  .view-panel-title {\r\n    height: 54px;\r\n    line-height: 40px;\r\n    padding: 0 50px 15px 10px;\r\n    font-size: 18px;\r\n  }\r\n  .view-panel-main {\r\n    height: calc(100% - 60px);\r\n  }\r\n}\r\n@media screen and (min-width: 1600px) and (max-width: 1899px) {\r\n  .view-panel-title {\r\n    height: 46px;\r\n    line-height: 36px;\r\n    padding: 0 40px 10px 10px;\r\n    font-size: 14px;\r\n  }\r\n  .view-panel-main {\r\n    height: calc(100% - 46px);\r\n    padding-bottom: 25px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1599px) {\r\n  .view-panel-title {\r\n    height: 34px;\r\n    line-height: 25px;\r\n    padding: 0 28px 6px 10px;\r\n    font-size: 12px;\r\n  }\r\n  .view-panel-main {\r\n    height: calc(100% - 34px);\r\n    padding-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewPanel.vue?vue&type=template&id=642c2b4c&scoped=true&\"\nimport script from \"./ViewPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewPanel.vue?vue&type=style&index=0&id=642c2b4c&lang=scss&scoped=true&\"\nimport style1 from \"./ViewPanel.vue?vue&type=style&index=1&id=642c2b4c&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  \"642c2b4c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPanel.vue?vue&type=style&index=1&id=642c2b4c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPanel.vue?vue&type=style&index=1&id=642c2b4c&lang=scss&scoped=true&\"","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPanel.vue?vue&type=style&index=0&id=642c2b4c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPanel.vue?vue&type=style&index=0&id=642c2b4c&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/panel-bg.e7f593a6.png\";"],"sourceRoot":""}