{"version":3,"sources":["webpack:///./src/views/Reports/ReportBlocks/RouteTariffDifference/RouteTariffDifferenceChart.vue","webpack:///src/views/Reports/ReportBlocks/RouteTariffDifference/RouteTariffDifferenceChart.vue","webpack:///./src/views/Reports/ReportBlocks/RouteTariffDifference/RouteTariffDifferenceChart.vue?a734","webpack:///./src/views/Reports/ReportBlocks/RouteTariffDifference/RouteTariffDifferenceChart.vue?4beb","webpack:///./src/views/Reports/ReportBlocks/RouteTariffDifference/RouteTariffDifferenceChart.vue?6d74"],"names":["render","_vm","this","_c","_self","data","length","staticClass","_v","attrs","settings","chartData","options","_e","staticRenderFns","name","props","type","Array","default","period","String","language","packages","baseOptions","explorer","axis","keepInBounds","maxZoomIn","chartArea","top","left","height","width","titlePosition","annotations","textStyle","color","fontSize","bold","colors","legend","position","maxLines","hAxis","allowContainerBoundaryTextCutoff","minTextSpacing","maxTextLines","slantedText","showTextEvery","italic","computed","result","role","sourceColumn","forEach","item","profit","base_tariff","fact_tariff","push","Date","date","ticks","format","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,KAAKC,OAAO,EAAGH,EAAG,MAAM,CAACI,YAAY,qBAAqB,CAACJ,EAAG,KAAK,CAACI,YAAY,4BAA4B,CAACN,EAAIO,GAAG,0DAA0DL,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,cAAc,SAAWR,EAAIS,SAAS,KAAOT,EAAIU,UAAU,QAAUV,EAAIW,YAAY,GAAGX,EAAIY,MAEzWC,EAAkB,GCgBP,G,UAAA,CACfC,KAAA,6BACAC,MAAA,CACAX,KAAA,CACAY,KAAAC,MACAC,QAAA,WACA,WAGAC,OAAA,CACAH,KAAAI,OACAF,QAAA,KAIAd,KAAA,WACA,OACAK,SAAA,CAAAY,SAAA,KAAAC,SAAA,sBACAC,YAAA,CACAC,SAAA,CACAC,KAAA,aACAC,cAAA,EACAC,UAAA,IAEAC,UAAA,CACAC,IAAA,MACAC,KAAA,KACAC,OAAA,MACAC,MAAA,OAEAD,OAAA,IACAC,MAAA,OACAC,cAAA,OACAC,YAAA,CACAC,UAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAC,MAAA,IAEAH,UAAA,CAAAC,MAAA,QAAAC,SAAA,IAEAE,OAAA,uBACAC,OAAA,CACAC,SAAA,SACAC,SAAA,EACAP,UAAA,CAAAC,MAAA,QAAAC,SAAA,KAEAM,MAAA,CACAC,kCAAA,EACAC,eAAA,GACAC,aAAA,EACAC,aAAA,EACAC,cAAA,EACAb,UAAA,CACAE,SAAA,GACAD,MAAA,QACAE,MAAA,EACAW,QAAA,OAOAC,SAAA,CACAxC,UAAA,WACA,IAAAyC,EAAA,CACA,IACA,WACA,CAAAC,KAAA,aAAAC,aAAA,GACA,aACA,CAAAD,KAAA,aAAAC,aAAA,KAaA,OAVA,KAAAjD,KAAAkD,SAAA,SAAAC,GACA,IAAAC,EAAAD,EAAAE,YAAAF,EAAAG,YACAP,EAAAQ,KAAA,CACA,IAAAC,KAAAL,EAAAM,MACAL,EAAA,EAAAA,EAAA,EACAA,EAAA,EAAAA,EAAA,KACAA,EAAA,EAAAA,EAAA,EACAA,EAAA,EAAAA,EAAA,UAGAL,GAEAxC,QAAA,WACA,IAAAwC,EAAA,KAAA5B,YACAuC,EAAA,GAcA,OAbA,KAAA1D,KAAAkD,SAAA,SAAAC,GACAO,EAAAH,KACA,IAAAC,KAAAL,EAAAM,UAGAV,EAAAR,MAAAmB,QACA,eAAA3C,OACAgC,EAAAR,MAAAoB,OAAA,UACA,cAAA5C,OACAgC,EAAAR,MAAAoB,OAAA,iBAEAZ,EAAAR,MAAAoB,OAAA,aAEAZ,MCrHgZ,I,wBCQ5Ya,EAAY,eACd,EACAjE,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAmD,E,kECnBf","file":"js/chunk-4704d84c.cfb2f1ff.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.data.length>0)?_c('div',{staticClass:\"g-chart-container\"},[_c('h4',{staticClass:\"g-chart-container__title\"},[_vm._v(\" Динамика Отклонения фактических тарифов от базовых \")]),_c('GChart',{attrs:{\"type\":\"ColumnChart\",\"settings\":_vm.settings,\"data\":_vm.chartData,\"options\":_vm.options}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    v-if=\"data.length>0\"\n    class=\"g-chart-container\"\n  >\n    <h4 class=\"g-chart-container__title\">\n      Динамика Отклонения фактических тарифов от базовых\n    </h4>\n    <GChart\n      type=\"ColumnChart\"\n      :settings=\"settings\"\n      :data=\"chartData\"\n      :options=\"options\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'RouteTariffDifferenceChart',\n  props: {\n    data: {\n      type: Array,\n      default: function() {\n        return [];\n      },\n    },\n    period: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data() {\n    return {\n      settings: {language: 'ru', packages: ['corechart', 'line']},\n      baseOptions: {\n        explorer: {\n          axis: 'horizontal',\n          keepInBounds: true,\n          maxZoomIn: 0.1,\n        },\n        chartArea: {\n          top: '10%',\n          left: '5%',\n          height: '80%',\n          width: '90%',\n        },\n        height: 800,\n        width: '100%',\n        titlePosition: 'none',\n        annotations: {\n          textStyle: {color: 'black', fontSize: 14, bold: true},\n        },\n        textStyle: {color: 'black', fontSize: 12},\n        // colors: ['#b19ded', '#803054', '#2e77bf', '#cfd13f'],\n        colors: ['blue', 'red', 'green'],\n        legend: {\n          position: 'bottom',\n          maxLines: 2,\n          textStyle: {color: 'black', fontSize: 12},\n        },\n        hAxis: {\n          allowContainerBoundaryTextCutoff: true,\n          minTextSpacing: 20,\n          maxTextLines: 2,\n          slantedText: true,\n          showTextEvery: 1,\n          textStyle: {\n            fontSize: 12,\n            color: 'black',\n            bold: true,\n            italic: false,\n          },\n\n        },\n      },\n    };\n  },\n  computed: {\n    chartData() {\n      const result = [\n        ['',\n          'Экономия',\n          {role: 'annotation', sourceColumn: 1},\n          'Перерасход',\n          {role: 'annotation', sourceColumn: 2},\n        ],\n      ];\n      this.data.forEach((item) => {\n        const profit =item.base_tariff - item.fact_tariff;\n        result.push([\n          new Date(item.date),\n          profit > 0 ? profit : 0,\n          profit > 0 ? profit : null,\n          profit < 0 ? profit : 0,\n          profit < 0 ? profit : null,\n        ]);\n      });\n      return result;\n    },\n    options() {\n      const result = this.baseOptions;\n      const ticks = [];\n      this.data.forEach((item) => {\n        ticks.push(\n          new Date(item.date),\n        );\n      });\n      result.hAxis.ticks = ticks;\n      if (this.period ==='month') {\n        result.hAxis.format = 'MM-YYYY';\n      } else if (this.period ==='week') {\n        result.hAxis.format = 'w Неделя YY г.';\n      } else {\n        result.hAxis.format = 'dd.MM.YYYY';\n      }\n      return result;\n    },\n  },\n};\n</script>\n<style scoped  lang=\"scss\">\n.g-chart-container {\n  position: relative;\n\n  &__title {\n    position: absolute;\n    z-index: 1;\n    top: 12px;\n    left: 10%;\n    width: 80%;\n    font-size: 20px;\n    font-weight: 400;\n    text-align: center;\n  }\n  &__form-group {\n    position: absolute;\n    z-index: 1;\n    top: 68px;\n    left: 10%;\n    width: 80%;\n  }\n}\n</style>\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!./RouteTariffDifferenceChart.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!./RouteTariffDifferenceChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RouteTariffDifferenceChart.vue?vue&type=template&id=06fa5cc8&scoped=true\"\nimport script from \"./RouteTariffDifferenceChart.vue?vue&type=script&lang=js\"\nexport * from \"./RouteTariffDifferenceChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./RouteTariffDifferenceChart.vue?vue&type=style&index=0&id=06fa5cc8&prod&scoped=true&lang=scss\"\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  \"06fa5cc8\",\n  null\n  \n)\n\nexport default component.exports","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!./RouteTariffDifferenceChart.vue?vue&type=style&index=0&id=06fa5cc8&prod&scoped=true&lang=scss\""],"sourceRoot":""}