{"version":3,"sources":["webpack:///./src/views/home/apps/elf/components/btm2.vue?221d","webpack:///src/views/home/apps/elf/components/btm2.vue","webpack:///./src/views/home/apps/elf/components/btm2.vue?c4d5","webpack:///./src/views/home/apps/elf/components/btm2.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","attrs","chartOptions","series","staticRenderFns","components","apexchart","props","type","String","default","url","data","mounted","methods","toggleBodyClass","addRemoveClass","el","classList","add","className","remove","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,KAAK,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,YAAYL,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,GAAK,UAAU,CAACN,EAAG,YAAY,CAACM,MAAM,CAAC,KAAO,OAAO,OAAS,MAAM,QAAUV,EAAIW,aAAa,OAASX,EAAIY,WAAW,KAAKR,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACN,EAAIO,GAAG,iCACtfM,EAAkB,G,qBC+EtB,G,UAHA,UAGA,CACEC,WAAY,CACVC,UAAW,EAAf,GAEEC,MAAF,CACIP,MAAO,CACLQ,KAAMC,OACNC,QAAS,WAAf,WAEIC,IAAK,CACHH,KAAMC,OACNC,QAAS,WAAf,YAGEE,KAdF,WAeI,MAAO,CACLT,OAAQ,CACd,CACQ,KAAR,UACQ,KAAR,wBAEA,CACQ,KAAR,UACQ,KAAR,wBAEA,CACQ,KAAR,UACQ,KAAR,yBAGM,aAAN,CACQ,MAAR,CACU,OAAV,IACU,KAAV,OACU,WAAV,CACY,SAAZ,EACY,MAAZ,OACY,IAAZ,GACY,KAAZ,EACY,KAAZ,GACY,QAAZ,IAEU,QAAV,CACY,MAAZ,IAGQ,OAAR,gCACQ,WAAR,CACU,SAAV,GAEQ,OAAR,CACU,MAAV,UAEQ,MAAR,CACU,KAAV,GACU,MAAV,QAEQ,KAAR,CACU,YAAV,UACU,IAAV,CACY,OAAZ,0BACY,QAAZ,KAGQ,QAAR,CACU,KAAV,GAEQ,MAAR,CACU,WAAV,wEACU,MAAV,CACY,KAAZ,QAGQ,MAAR,CACU,MAAV,CACY,KAAZ,YAEU,IAAV,EACU,IAAV,IAEQ,OAAR,CACU,SAAV,MACU,gBAAV,QACU,UAAV,EACU,SAAV,GACU,SAAV,MAKEU,QA1FF,aA6FEC,QAAS,CACPC,gBADJ,SACA,KACM,IAAN,gBAE6B,aAAnBC,EACFC,EAAGC,UAAUC,IAAIC,GAEjBH,EAAGC,UAAUG,OAAOD,OCpL8W,I,YCOtYE,EAAY,eACd,EACAhC,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAkB,E","file":"js/chunk-2d230a54.e774c302.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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сек \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"card mg-t-20\">\r\n    <div class=\"card-header d-flex justify-content-between\">\r\n      <h6 class=\"mg-b-0\">{{title}}</h6>\r\n      <!-- <nav class=\"nav nav-row-xs align-items-center\">\r\n                  <a\r\n                    @click=\"\r\n                      restrictedDaysData.params.mode = 2;\r\n                      loadHyazgaarlalt();\r\n                    \"\r\n                    :class=\"\r\n                      `nav-link ${\r\n                        restrictedDaysData.params.mode == 2 ? 'active' : ''\r\n                      }`\r\n                    \"\r\n                    role=\"button\"\r\n                    >1W</a\r\n                  >\r\n                  <a\r\n                    @click=\"\r\n                      restrictedDaysData.params.mode = 3;\r\n                      loadHyazgaarlalt();\r\n                    \"\r\n                    :class=\"\r\n                      `nav-link ${\r\n                        restrictedDaysData.params.mode == 3 ? 'active' : ''\r\n                      }`\r\n                    \"\r\n                    role=\"button\"\r\n                    >1M</a\r\n                  >\r\n                  <a\r\n                    @click=\"\r\n                      restrictedDaysData.params.mode = 4;\r\n                      loadHyazgaarlalt();\r\n                    \"\r\n                    :class=\"\r\n                      `nav-link ${\r\n                        restrictedDaysData.params.mode == 4 ? 'active' : ''\r\n                      }`\r\n                    \"\r\n                    role=\"button\"\r\n                    >1Y</a\r\n                  >\r\n                  <a\r\n                    @click=\"\r\n                      restrictedDaysData.params.mode = 5;\r\n                      loadHyazgaarlalt();\r\n                    \"\r\n                    :class=\"\r\n                      `nav-link ${\r\n                        restrictedDaysData.params.mode == 5 ? 'active' : ''\r\n                      }`\r\n                    \"\r\n                    role=\"button\"\r\n                    >ALL</a\r\n                  >\r\n                </nav> -->\r\n    </div>\r\n    <div class=\"card-body\" >\r\n      <div id=\"chart\">\r\n        <apexchart type=\"line\" height=\"350\" :options=\"chartOptions\" :series=\"series\"></apexchart>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer tx-11 tx-color-03\" >\r\n      Боловсруулсан: 0.20сек\r\n              </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import \"element-ui/lib/theme-chalk/index.css\";\r\n// import { DatePicker } from \"element-ui\";\r\nimport VueApexCharts from \"vue-apexcharts\";\r\n// import AsyncLoadError from \"@/components/base/asyncLoadingError\";\r\n// import AsyncLoading from \"@/components/base/asyncLoading\";\r\n\r\nconst moment = require(\"moment\");\r\nimport { request } from \"@/api/all\";\r\n\r\nexport default {\r\n  components: {\r\n    apexchart: VueApexCharts,\r\n  },\r\n  props:{\r\n    title: {\r\n      type: String,\r\n      default: () => ''\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: () => ''\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      series: [\r\n            {\r\n              name: \"2020 он\",\r\n              data: [28, 29, 33, 36, 32, 32, 33]\r\n            },\r\n            {\r\n              name: \"2021 он\",\r\n              data: [12, 11, 14, 18, 17, 13, 13]\r\n            },\r\n            {\r\n              name: \"2022 он\",\r\n              data: [17, 26, 22, 30, 26, 24, 27]\r\n            }\r\n          ],\r\n          chartOptions: {\r\n            chart: {\r\n              height: 350,\r\n              type: 'line',\r\n              dropShadow: {\r\n                enabled: true,\r\n                color: '#000',\r\n                top: 18,\r\n                left: 7,\r\n                blur: 10,\r\n                opacity: 0.2\r\n              },\r\n              toolbar: {\r\n                show: false\r\n              }\r\n            },\r\n            colors: ['#77B6EA', '#545454', '#ffc107'],\r\n            dataLabels: {\r\n              enabled: true,\r\n            },\r\n            stroke: {\r\n              curve: 'smooth'\r\n            },\r\n            title: {\r\n              text: '',\r\n              align: 'left'\r\n            },\r\n            grid: {\r\n              borderColor: '#e7e7e7',\r\n              row: {\r\n                colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n                opacity: 0.5\r\n              },\r\n            },\r\n            markers: {\r\n              size: 1\r\n            },\r\n            xaxis: {\r\n              categories: ['1-р сар', '2-р сар', '3-р сар', '4-р сар', '5-р сар', '6-р сар', '7-р сар'],\r\n              title: {\r\n                text: 'Сар'\r\n              }\r\n            },\r\n            yaxis: {\r\n              title: {\r\n                text: 'Үзүүлэлт'\r\n              },\r\n              min: 5,\r\n              max: 40\r\n            },\r\n            legend: {\r\n              position: 'top',\r\n              horizontalAlign: 'right',\r\n              floating: true,\r\n              offsetY: -25,\r\n              offsetX: -5\r\n            }\r\n          },\r\n    };\r\n  },\r\n  mounted() {\r\n    // this.loadVehicleCount();\r\n  },\r\n  methods: {\r\n    toggleBodyClass(addRemoveClass, className) {\r\n      const el = document.body;\r\n\r\n      if (addRemoveClass === \"addClass\") {\r\n        el.classList.add(className);\r\n      } else {\r\n        el.classList.remove(className);\r\n      }\r\n    },\r\n    // loadVehicleCount() {\r\n    //   this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\r\n    //   request({\r\n    //     api: { method: \"GET\", url: this.url },\r\n    //     params: {\r\n    //       mode: this.restrictedDaysData.params.mode,\r\n    //       startDate: this.restrictedDaysData.params.startDate,\r\n    //       endDate: this.restrictedDaysData.params.endDate,\r\n    //     },\r\n    //     store: this.$store,\r\n    //   }).then((res) => {\r\n    //     this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\r\n    //     if (res != false) {\r\n    //       console.log('res', res);\r\n    //       this.restrictedDaysData.data = res.data;\r\n    //       this.seriesDays[0].data = res.data.list.map((x) => {\r\n    //         return x.count;\r\n    //       });\r\n    //       this.chartDaysOptions.xaxis.categories = res.data.list.map((x) => {\r\n    //         return x.typeName;\r\n    //       });\r\n    //       this.chartDaysOptionsKey++;\r\n    //       this.restrictedDaysData.rdy = true;\r\n    //     }\r\n    //   });\r\n    // },\r\n  },\r\n};\r\n</script>\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!./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=b3377cd4&\"\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":""}