{"version":3,"sources":["webpack:///./src/views/home/apps/elf/components/btm2.vue","webpack:///src/views/home/apps/elf/components/btm2.vue","webpack:///./src/views/home/apps/elf/components/btm2.vue?e29b","webpack:///./src/views/home/apps/elf/components/btm2.vue?827b"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","title","attrs","chartOptions","series","staticRenderFns","require","components","apexchart","VueApexCharts","props","type","String","default","url","data","name","chart","height","dropShadow","enabled","color","top","left","blur","opacity","toolbar","show","colors","dataLabels","stroke","curve","text","align","grid","borderColor","row","markers","size","xaxis","categories","yaxis","min","max","legend","position","horizontalAlign","floating","offsetY","offsetX","mounted","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,YAAYL,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,GAAK,UAAU,CAACN,EAAG,YAAY,CAACM,MAAM,CAAC,KAAO,OAAO,OAAS,MAAM,QAAUR,EAAIS,aAAa,OAAST,EAAIU,WAAW,KAAKR,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACJ,EAAIK,GAAG,iCAEzdM,EAAkB,G,qBC8EP,G,UAHfC,EAAA,QAGe,CACfC,WAAA,CACAC,UAAAC,KAEAC,MAAA,CACAT,MAAA,CACAU,KAAAC,OACAC,QAAA,sBAEAC,IAAA,CACAH,KAAAC,OACAC,QAAA,uBAGAE,KAAA,WACA,OACAX,OAAA,CACA,CACAY,KAAA,UACAD,KAAA,wBAEA,CACAC,KAAA,UACAD,KAAA,wBAEA,CACAC,KAAA,UACAD,KAAA,yBAGAZ,aAAA,CACAc,MAAA,CACAC,OAAA,IACAP,KAAA,OACAQ,WAAA,CACAC,SAAA,EACAC,MAAA,OACAC,IAAA,GACAC,KAAA,EACAC,KAAA,GACAC,QAAA,IAEAC,QAAA,CACAC,MAAA,IAGAC,OAAA,gCACAC,WAAA,CACAT,SAAA,GAEAU,OAAA,CACAC,MAAA,UAEA9B,MAAA,CACA+B,KAAA,GACAC,MAAA,QAEAC,KAAA,CACAC,YAAA,UACAC,IAAA,CACAR,OAAA,0BACAH,QAAA,KAGAY,QAAA,CACAC,KAAA,GAEAC,MAAA,CACAC,WAAA,wEACAvC,MAAA,CACA+B,KAAA,QAGAS,MAAA,CACAxC,MAAA,CACA+B,KAAA,YAEAU,IAAA,EACAC,IAAA,IAEAC,OAAA,CACAC,SAAA,MACAC,gBAAA,QACAC,UAAA,EACAC,SAAA,GACAC,SAAA,MAKAC,QAAA,aAGAC,QAAA,CACAC,gBAAA,SAAAC,EAAAC,GACA,IAAAC,EAAAC,SAAAC,KAEA,aAAAJ,EACAE,EAAAG,UAAAC,IAAAL,GAEAC,EAAAG,UAAAE,OAAAN,OCpLyY,I,YCOrYO,EAAY,eACd,EACApE,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAwD,E","file":"js/chunk-2d230a54.e5669fcb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card mg-t-20\"},[_c('div',{staticClass:\"card-header d-flex justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"card-body\"},[_c('div',{attrs:{\"id\":\"chart\"}},[_c('apexchart',{attrs:{\"type\":\"line\",\"height\":\"350\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)]),_c('div',{staticClass:\"card-footer tx-11 tx-color-03\"},[_vm._v(\" Боловсруулсан: 0.20сек \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card mg-t-20\">\n    <div class=\"card-header d-flex justify-content-between\">\n      <h6 class=\"mg-b-0\">{{title}}</h6>\n      <!-- <nav class=\"nav nav-row-xs align-items-center\">\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 2;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 2 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >1W</a\n                  >\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 3;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 3 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >1M</a\n                  >\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 4;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 4 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >1Y</a\n                  >\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 5;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 5 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >ALL</a\n                  >\n                </nav> -->\n    </div>\n    <div class=\"card-body\" >\n      <div id=\"chart\">\n        <apexchart type=\"line\" height=\"350\" :options=\"chartOptions\" :series=\"series\"></apexchart>\n      </div>\n    </div>\n    <div class=\"card-footer tx-11 tx-color-03\" >\n      Боловсруулсан: 0.20сек\n              </div>\n  </div>\n</template>\n\n<script>\n// import \"element-ui/lib/theme-chalk/index.css\";\n// import { DatePicker } from \"element-ui\";\nimport VueApexCharts from \"vue-apexcharts\";\n// import AsyncLoadError from \"@/components/base/asyncLoadingError\";\n// import AsyncLoading from \"@/components/base/asyncLoading\";\n\nconst moment = require(\"moment\");\nimport { request } from \"@/api/all\";\n\nexport default {\n  components: {\n    apexchart: VueApexCharts,\n  },\n  props:{\n    title: {\n      type: String,\n      default: () => ''\n    },\n    url: {\n      type: String,\n      default: () => ''\n    }\n  },\n  data() {\n    return {\n      series: [\n            {\n              name: \"2020 он\",\n              data: [28, 29, 33, 36, 32, 32, 33]\n            },\n            {\n              name: \"2021 он\",\n              data: [12, 11, 14, 18, 17, 13, 13]\n            },\n            {\n              name: \"2022 он\",\n              data: [17, 26, 22, 30, 26, 24, 27]\n            }\n          ],\n          chartOptions: {\n            chart: {\n              height: 350,\n              type: 'line',\n              dropShadow: {\n                enabled: true,\n                color: '#000',\n                top: 18,\n                left: 7,\n                blur: 10,\n                opacity: 0.2\n              },\n              toolbar: {\n                show: false\n              }\n            },\n            colors: ['#77B6EA', '#545454', '#ffc107'],\n            dataLabels: {\n              enabled: true,\n            },\n            stroke: {\n              curve: 'smooth'\n            },\n            title: {\n              text: '',\n              align: 'left'\n            },\n            grid: {\n              borderColor: '#e7e7e7',\n              row: {\n                colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\n                opacity: 0.5\n              },\n            },\n            markers: {\n              size: 1\n            },\n            xaxis: {\n              categories: ['1-р сар', '2-р сар', '3-р сар', '4-р сар', '5-р сар', '6-р сар', '7-р сар'],\n              title: {\n                text: 'Сар'\n              }\n            },\n            yaxis: {\n              title: {\n                text: 'Үзүүлэлт'\n              },\n              min: 5,\n              max: 40\n            },\n            legend: {\n              position: 'top',\n              horizontalAlign: 'right',\n              floating: true,\n              offsetY: -25,\n              offsetX: -5\n            }\n          },\n    };\n  },\n  mounted() {\n    // this.loadVehicleCount();\n  },\n  methods: {\n    toggleBodyClass(addRemoveClass, className) {\n      const el = document.body;\n\n      if (addRemoveClass === \"addClass\") {\n        el.classList.add(className);\n      } else {\n        el.classList.remove(className);\n      }\n    },\n    // loadVehicleCount() {\n    //   this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n    //   request({\n    //     api: { method: \"GET\", url: this.url },\n    //     params: {\n    //       mode: this.restrictedDaysData.params.mode,\n    //       startDate: this.restrictedDaysData.params.startDate,\n    //       endDate: this.restrictedDaysData.params.endDate,\n    //     },\n    //     store: this.$store,\n    //   }).then((res) => {\n    //     this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n    //     if (res != false) {\n    //console.log('res', res);\n    //       this.restrictedDaysData.data = res.data;\n    //       this.seriesDays[0].data = res.data.list.map((x) => {\n    //         return x.count;\n    //       });\n    //       this.chartDaysOptions.xaxis.categories = res.data.list.map((x) => {\n    //         return x.typeName;\n    //       });\n    //       this.chartDaysOptionsKey++;\n    //       this.restrictedDaysData.rdy = true;\n    //     }\n    //   });\n    // },\n  },\n};\n</script>\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!./btm2.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!./btm2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btm2.vue?vue&type=template&id=1db209e8\"\nimport script from \"./btm2.vue?vue&type=script&lang=js\"\nexport * from \"./btm2.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}